:root{--azul-oscuro:#071f3a;--azul-profundo:#030f1d;--azul-medio:#1479d4;--azul-hover:#0e62b0;--azul-claro:#eef6fc;--azul-borde:#cbdce8;--azul-muted:#294963;--verde-acento:#0f9f6e;--verde-glow:#0f9f6e33;--sombra-suave:0 10px 25px -5px #071f3a14, 0 8px 10px -6px #071f3a0a;--sombra-card:0 18px 38px -10px #071f3a1f, 0 8px 16px -6px #071f3a0f;--curva-suave:cubic-bezier(.16, 1, .3, 1)}.hinge-blog-page :where(.hb-main,.hb-section,.hb-final,.hb-anatomy,.hb-severity,.hb-cases,.hb-comparison,.hb-process,.hb-brands,.hb-local),.hinge-blog-page .hb-main :where(h2,h3,h4,strong,dt,th){color:var(--azul-oscuro)}.hinge-blog-page .hb-main :where(p,li,dd,td,span,address){color:var(--azul-muted)}.hinge-blog-page .hb-main strong{color:var(--azul-oscuro)}.hinge-blog-page .hb-shell{width:min(1200px, calc(100% - (var(--page-gutter) * 2)));margin:0 auto}.hinge-blog-page .tc-svg{fill:currentColor;flex-shrink:0;width:20px;height:20px;display:inline-block}.hb-hero{color:#fff;background:linear-gradient(145deg,#020b17 0%,#071f3a 55%,#0a2e55 100%);padding:clamp(76px,8vw,100px) 0 clamp(36px,4vw,52px);position:relative;overflow:hidden}.hb-hero__bg-grid{pointer-events:none;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;mask-image:radial-gradient(circle at 60% 30%,#000,#0000 80%)}.hb-hero__ambient-glow{filter:blur(70px);pointer-events:none;background:radial-gradient(circle,#1479d438 0%,#0f9f6e1a 40%,#0000 70%);width:500px;height:500px;position:absolute;top:-15%;right:-5%}.hb-hero__grid{z-index:2;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);align-items:center;gap:clamp(24px,4vw,48px);display:grid;position:relative}.hb-hero__pill{backdrop-filter:blur(8px);letter-spacing:.04em;color:#bce0fb;background:#ffffff14;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:8px;margin-bottom:14px;padding:5px 12px;font-size:.76rem;font-weight:700;display:inline-flex}.hb-pill-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseGlow;box-shadow:0 0 8px #10b981}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.hb-hero h1{font-family:var(--font-heading,system-ui, sans-serif);letter-spacing:-.015em;color:#fff;text-wrap:balance;margin:0 0 14px;font-size:clamp(1.85rem,2.75vw,2.55rem);font-weight:850;line-height:1.12}.hb-hero__lead{color:#ffffffe0;max-width:58ch;margin:0 0 20px;font-size:clamp(.92rem,1.1vw,1.04rem);line-height:1.55}.hb-hero__lead strong{color:#60a5fa;font-weight:700}.hb-hero__stats{backdrop-filter:blur(10px);background:#030f1da6;border:1px solid #ffffff1a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:10px 16px;display:flex}.hb-stat-item{flex-direction:column;gap:1px;display:flex}.hb-stat-num{color:#38bdf8;font-size:1.12rem;font-weight:850;line-height:1.1}.hb-stat-label{text-transform:uppercase;letter-spacing:.04em;color:#ffffffb3;font-size:.66rem;font-weight:600}.hb-stat-divider{background:#ffffff26;width:1px;height:24px}.hb-actions{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.hb-btn{cursor:pointer;min-height:44px;transition:all .2s var(--curva-suave);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.hb-btn--wa{background:#25d366;border:1px solid #20ba5a;box-shadow:0 4px 14px #25d3664d;color:#032b13!important}.hb-btn--wa:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 8px 20px #25d36666;color:#000!important}.hb-btn--ghost{backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff40;color:#fff!important}.hb-btn--ghost:hover{background:#ffffff29;border-color:#ffffff73;transform:translateY(-2px)}.hb-btn--light{background:#fff;border:1px solid #fff;box-shadow:0 4px 14px #0000001f;color:var(--azul-oscuro)!important}.hb-btn--light:hover{background:#f0f7fc;transform:translateY(-2px)}.hb-btn--block{width:100%}.hb-hero__note{color:#ffffffb8;align-items:center;gap:8px;font-size:.8rem;display:flex}.hb-hero__note .tc-svg{color:#10b981;width:15px;height:15px}.hb-showcase-card{backdrop-filter:blur(14px);max-width:440px;transition:transform .26s var(--curva-suave), border-color .26s ease;background:#ffffff0d;border:1px solid #ffffff26;border-radius:14px;margin-left:auto;overflow:hidden;box-shadow:0 20px 40px -10px #00000073}.hb-showcase-card:hover{border-color:#38bdf866;transform:translateY(-3px)}.hb-showcase-badge{color:#e0f2fe;background:#030f1dbf;border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding:10px 14px;font-size:.78rem;font-weight:750;display:flex}.pulse-icon{background:#38bdf8;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #38bdf8}.hb-showcase-split{background:#ffffff1a;grid-template-columns:1fr 1fr;gap:2px;display:grid}.hb-showcase-pane{aspect-ratio:4/4.2;background:#020912;position:relative;overflow:hidden}.hb-showcase-pane img{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--curva-suave)}.hb-showcase-card:hover .hb-showcase-pane img{transform:scale(1.04)}.hb-pane-tag{z-index:2;text-transform:uppercase;letter-spacing:.04em;border-radius:5px;padding:3px 7px;font-size:.64rem;font-weight:850;position:absolute;top:8px;left:8px}.hb-pane-tag--before{color:#fff;background:#dc2626e6;box-shadow:0 2px 6px #0000004d}.hb-pane-tag--after{color:#fff;background:#0f9f6ef2;box-shadow:0 2px 6px #0000004d}.hb-showcase-footer{background:#030f1dd9;padding:12px 16px}.hb-showcase-detail strong{color:#fff;margin-bottom:2px;font-size:.88rem;display:block}.hb-showcase-detail p{color:#ffffffb8;margin:0;font-size:.78rem;line-height:1.4}.hb-section{background:#fff;padding:clamp(52px,6vw,84px) 0;position:relative}.hb-section-header{max-width:800px;margin-bottom:clamp(30px,4vw,48px)}.text-center{text-align:center;margin-left:auto;margin-right:auto}.hb-tagline{text-transform:uppercase;letter-spacing:.08em;color:var(--azul-medio);background:var(--azul-claro);border:1px solid var(--azul-borde);border-radius:9999px;align-items:center;gap:8px;margin-bottom:12px;padding:5px 12px;font-size:.78rem;font-weight:850;display:inline-flex}.hb-tagline-light{text-transform:uppercase;letter-spacing:.08em;color:#38bdf8;background:#ffffff1a;border-radius:9999px;align-items:center;gap:8px;margin-bottom:12px;padding:5px 12px;font-size:.78rem;font-weight:850;display:inline-flex}.hb-section h2{font-family:var(--font-heading,system-ui, sans-serif);letter-spacing:-.015em;color:var(--azul-oscuro);text-wrap:balance;margin:0 0 14px;font-size:clamp(1.85rem,3.2vw,2.65rem);font-weight:850;line-height:1.15}.hb-lead{color:var(--azul-muted);margin:0;font-size:clamp(.96rem,1.15vw,1.08rem);line-height:1.6}.hb-anatomy{background:#fff}.hb-anatomy-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.hb-card{border:1px solid var(--azul-borde);box-shadow:var(--sombra-suave);transition:transform .24s var(--curva-suave), box-shadow .24s ease, border-color .24s ease;background:#fff;border-radius:14px;flex-direction:column;padding:24px;display:flex}.hb-card:hover{box-shadow:var(--sombra-card);border-color:var(--azul-medio);transform:translateY(-4px)}.hb-card__icon{border-radius:10px;place-items:center;width:44px;height:44px;margin-bottom:16px;display:grid}.hb-card__icon--blue{color:#0284c7;background:#e0f2fe}.hb-card__icon--amber{color:#d97706;background:#fef3c7}.hb-card__icon--red{color:#dc2626;background:#fee2e2}.hb-card h3{color:var(--azul-oscuro);margin:0 0 10px;font-size:1.18rem;font-weight:850;line-height:1.3}.hb-card p{color:var(--azul-muted);flex-grow:1;margin:0 0 16px;font-size:.92rem;line-height:1.6}.hb-card__callout{background:var(--azul-claro);color:var(--azul-oscuro);border-left:3px solid var(--azul-medio);border-radius:8px;padding:10px 12px;font-size:.84rem;line-height:1.45}.hb-severity{border-top:1px solid var(--azul-borde);border-bottom:1px solid var(--azul-borde);background:#f8fbfe}.hb-severity-list{gap:14px;margin-bottom:30px;display:grid}.hb-severity-card{border:1px solid var(--azul-borde);box-shadow:var(--sombra-suave);background:#fff;border-radius:12px;grid-template-columns:240px 1fr;align-items:start;gap:20px;padding:20px;transition:border-color .2s,box-shadow .2s;display:grid}.hb-severity-card:hover{box-shadow:var(--sombra-card);border-color:#93c5fd}.hb-severity-card__badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:.78rem;font-weight:850;display:inline-flex}.hb-severity-card__content h3{color:var(--azul-oscuro);margin:0 0 6px;font-size:1.12rem;font-weight:850}.hb-severity-card__content p{color:var(--azul-muted);margin:0 0 10px;font-size:.9rem;line-height:1.55}.hb-severity-card__action{color:var(--azul-oscuro);background:var(--azul-claro);border-radius:6px;padding:6px 12px;font-size:.84rem;display:inline-block}.hb-inline-cta{border:2px solid var(--azul-medio);box-shadow:var(--sombra-card);background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex}.hb-inline-cta strong{color:var(--azul-oscuro);margin-bottom:2px;font-size:1.08rem;display:block}.hb-inline-cta p{color:var(--azul-muted);margin:0;font-size:.9rem}.hb-cases{background:#fff}.hb-case-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.hb-case-card{border:1px solid var(--azul-borde);box-shadow:var(--sombra-suave);transition:transform .24s var(--curva-suave), box-shadow .24s ease, border-color .24s ease;background:#fff;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.hb-case-card:hover{box-shadow:var(--sombra-card);border-color:var(--azul-medio);transform:translateY(-4px)}.hb-case-media{background:var(--azul-borde);grid-template-columns:1fr 1fr;gap:2px;display:grid}.hb-case-pane{aspect-ratio:4/5;background:#e2e8f0;position:relative;overflow:hidden}.hb-case-pane img{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--curva-suave)}.hb-case-card:hover .hb-case-pane img{transform:scale(1.05)}.hb-case-tag{z-index:2;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:3px 6px;font-size:.62rem;font-weight:850;position:absolute;top:6px;left:6px}.hb-case-tag--before{color:#fff;background:#071f3ae0}.hb-case-tag--after{background:var(--verde-acento);color:#fff}.hb-case-body{flex-direction:column;flex-grow:1;padding:20px;display:flex}.hb-case-brand-tag{background:var(--azul-claro);color:var(--azul-medio);border-radius:4px;align-self:flex-start;margin-bottom:8px;padding:2px 7px;font-size:.7rem;font-weight:850;display:inline-block}.hb-case-body h3{color:var(--azul-oscuro);margin:0 0 10px;font-size:1.08rem;font-weight:850;line-height:1.3}.hb-case-problem,.hb-case-solution{color:var(--azul-muted);margin:0 0 8px;font-size:.86rem;line-height:1.5}.hb-case-benefit{border-top:1px dashed var(--azul-borde);color:var(--verde-acento);align-items:center;gap:8px;margin-top:auto;padding-top:12px;font-size:.84rem;font-weight:800;display:flex}.hb-comparison{border-top:1px solid var(--azul-borde);border-bottom:1px solid var(--azul-borde);background:#f8fbfe}.hb-table-wrap{border:1px solid var(--azul-borde);box-shadow:var(--sombra-suave);background:#fff;border-radius:12px;overflow-x:auto}.hb-comp-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.hb-comp-table th,.hb-comp-table td{border-bottom:1px solid var(--azul-borde);vertical-align:middle;padding:14px 18px}.hb-comp-table th{color:var(--azul-oscuro);text-transform:uppercase;letter-spacing:.04em;background:#f0f7fc;font-size:.84rem;font-weight:850}.hb-comp-table .highlight-col{border-left:2px solid var(--azul-medio);border-right:2px solid var(--azul-medio);color:var(--azul-oscuro);background:#1479d40f;font-weight:600}.hb-comp-table thead .highlight-col{background:var(--azul-medio);color:#fff;border-color:var(--azul-medio)}.badge-positive{color:var(--verde-acento);align-items:center;gap:6px;font-weight:800;display:inline-flex}.badge-negative{color:#dc2626;align-items:center;gap:6px;font-weight:800;display:inline-flex}.badge-neutral{color:var(--azul-muted);align-items:center;gap:6px;font-weight:700;display:inline-flex}.hb-process{background:#fff}.hb-process-timeline{gap:16px;display:grid}.hb-timeline-item{border:1px solid var(--azul-borde);box-shadow:var(--sombra-suave);transition:transform .2s var(--curva-suave), border-color .2s ease;background:#fff;border-radius:12px;grid-template-columns:60px 1fr;align-items:start;gap:18px;padding:20px;display:grid}.hb-timeline-item:hover{border-color:var(--azul-medio);transform:translate(4px)}.hb-timeline-marker{background:var(--azul-medio);color:#fff;border-radius:10px;place-items:center;width:50px;height:50px;font-size:1.25rem;font-weight:850;display:grid}.hb-timeline-content h3{color:var(--azul-oscuro);margin:0 0 6px;font-size:1.15rem;font-weight:850}.hb-timeline-content p{color:var(--azul-muted);margin:0;font-size:.9rem;line-height:1.6}.hb-brands{border-top:1px solid var(--azul-borde);border-bottom:1px solid var(--azul-borde);background:#f8fbfe}.hb-brands-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.hb-brand-card{border:1px solid var(--azul-borde);box-shadow:var(--sombra-suave);transition:transform .2s var(--curva-suave), border-color .2s ease;background:#fff;border-radius:12px;padding:18px}.hb-brand-card:hover{border-color:var(--azul-medio);transform:translateY(-3px)}.hb-brand-card__header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.hb-brand-card__header .tc-svg{color:var(--azul-medio)}.hb-brand-card__header h3{color:var(--azul-oscuro);margin:0;font-size:1.12rem;font-weight:850}.hb-brand-card p{color:var(--azul-muted);margin:0;font-size:.85rem;line-height:1.5}.hb-local{background:#fff}.hb-local__grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:clamp(28px,4vw,56px);display:grid}.hb-local__lead{color:var(--azul-muted);margin:0 0 24px;font-size:1rem;line-height:1.6}.hb-zones-box{background:var(--azul-claro);border:1px solid var(--azul-borde);border-radius:12px;padding:20px}.hb-zones-box strong{color:var(--azul-oscuro);margin-bottom:12px;font-size:.92rem;display:block}.hb-zones-pills{flex-wrap:wrap;gap:7px;display:flex}.hb-zones-pills span{border:1px solid var(--azul-borde);color:var(--azul-oscuro);background:#fff;border-radius:6px;padding:4px 9px;font-size:.8rem;font-weight:700;display:inline-block}.hb-local__card{border:2px solid var(--azul-medio);box-shadow:var(--sombra-card);background:#fff;border-radius:14px;overflow:hidden}.hb-nap-header{background:var(--azul-oscuro);color:#fff;align-items:center;gap:12px;padding:16px 20px;display:flex}.hb-nap-header .tc-svg{color:#38bdf8;width:24px;height:24px}.hb-nap-header h3{color:#fff;margin:0 0 2px;font-size:1.08rem;font-weight:850}.hb-nap-header p{color:#ffffffbf;margin:0;font-size:.78rem}.hb-nap-body{gap:14px;padding:20px;font-style:normal;display:grid}.hb-nap-row{align-items:flex-start;gap:10px;display:flex}.hb-nap-row .tc-svg{color:var(--azul-medio);margin-top:2px}.hb-nap-row strong{text-transform:uppercase;letter-spacing:.04em;color:var(--azul-muted);font-size:.78rem;display:block}.hb-nap-row span,.hb-nap-row a{font-size:.9rem;font-weight:700;text-decoration:none;color:var(--azul-oscuro)!important}.hb-nap-row a:hover{text-decoration:underline;color:var(--azul-medio)!important}.hb-nap-footer{padding:0 20px 20px}.hb-final{color:#fff;background:linear-gradient(135deg,#071f3a 0%,#030f1d 100%);padding:clamp(56px,6vw,84px) 0;overflow:hidden}.hb-final__grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;gap:clamp(28px,4vw,56px);display:grid}.hb-final h2{font-family:var(--font-heading,system-ui, sans-serif);text-wrap:balance;margin:0 0 14px;font-size:clamp(1.85rem,3.2vw,2.65rem);font-weight:850;line-height:1.15;color:#fff!important}.hb-final p{max-width:58ch;margin:0 0 22px;font-size:.98rem;line-height:1.6;color:#ffffffd9!important}.hb-final__image{border:1px solid #ffffff26;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 16px 36px #00000059}.hb-final__image img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.hb-final__image-badge{backdrop-filter:blur(8px);color:#38bdf8;background:#071f3ae6;border:1px solid #fff3;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:800;display:flex;position:absolute;bottom:12px;right:12px}.hb-final__image-badge .tc-svg{color:#10b981}@media (width<=1024px){.hb-hero__grid,.hb-local__grid,.hb-final__grid{grid-template-columns:1fr}.hb-showcase-card{max-width:100%;margin-left:0}.hb-anatomy-grid,.hb-case-grid,.hb-brands-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hb-hero{padding-top:80px}.hb-anatomy-grid,.hb-case-grid,.hb-brands-grid{grid-template-columns:1fr}.hb-severity-card{grid-template-columns:1fr;gap:10px}.hb-timeline-item{grid-template-columns:46px 1fr;gap:12px;padding:16px}.hb-timeline-marker{width:42px;height:42px;font-size:1.1rem}.hb-actions{flex-direction:column}.hb-actions .hb-btn{width:100%}.hb-inline-cta{text-align:center;flex-direction:column;align-items:stretch}.hb-inline-cta .hb-btn{width:100%}}@media (width<=480px){.hb-hero__stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hb-stat-divider{display:none}}@media (prefers-reduced-motion:reduce){.hb-btn,.hb-card,.hb-case-card,.hb-timeline-item,.hb-showcase-card,.hb-pill-dot{transition:none!important;animation:none!important;transform:none!important}}.hinge-blog-page .hb-main .hb-timeline-marker,.hinge-blog-page .hb-main .hb-timeline-marker :where(span),.hinge-blog-page .hb-nap-header h3{color:#fff}.hinge-blog-page .hb-main .hb-nap-header p{color:#ffffffd1}.hinge-blog-page .hb-main .hb-tagline-light{color:#7dd3fc}.hinge-blog-page .hb-main .hb-final__image-badge,.hinge-blog-page .hb-main .hb-final__image-badge :where(span){color:#fff}.hinge-blog-page .hb-pane-tag--before{background:#b91c1c}
