@font-face{font-family:'D-DIN';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/brand/d-din-regular-61ac31b229.woff2') format('woff2')}
@font-face{font-family:'Caveat';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/brand/caveat-regular-e229ac91fb.woff2') format('woff2')}
@font-face{font-family:'Alfa Slab One';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/alfa-slab-one-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Alfa Slab One';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/alfa-slab-one-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Identidad visual Carlos H. */
:root{--ink:#000;--paper:#fff;--white:#fff;--accent:#ED1C24;--accent-text:#000;--accent-on-ink:#ED1C24;--muted:#3d3d3d;--line:#BCBEC0;--pale:#CFD1D2;--body-font:'D-DIN',Arial,sans-serif;--display-font:'Alfa Slab One',serif;--hand-font:'Caveat',cursive}
html{font-synthesis:none}
body{font-weight:400}
.nav{min-height:100px}
.brand{flex-direction:column;align-items:flex-start;justify-content:center;gap:7px}
.brand-logo{display:block;background:none!important;width:225px;height:auto!important;aspect-ratio:1360.41/246.55;object-fit:contain;flex:none}
.brand-caption{border:0;padding:0;font:400 11px/1 var(--body-font);letter-spacing:.16em;white-space:nowrap}
.brand-caption br{display:none}
.footer-logo{width:185px;max-width:100%;height:auto!important;flex:none}
.nav-links,.button,.nav-cta,.menu-toggle,.filter,.project-meta strong,.project-meta span,.text-link,.hero-foot,.eyebrow,.hero-tag,.contact-form-link,.social-links a,.social-coming,.lead-field,.contact-choice legend,.case-scope,.case-masthead{font-weight:400}
.home-page .eyebrow,.home-page .hero-tag,.home-page .project-meta span,.eyebrow,.hero-tag,.project-meta span,.required-star,.case-scope,.project-dialog.case-mode #project-eyebrow,.case-page .case-kicker,.case-page .case-kicker b,.case-page .case-overline,.case-page .case-jump span,.case-page .case-return,.service-page .service-number{color:#000}
.home-page .services .eyebrow,.home-page .contact .eyebrow,.services .eyebrow,.contact .eyebrow,.home-page .services .service .number,.services .service .number,.caption-number,.home-page .thumb .caption-number,.home-page .narau-gallery .caption-number,.home-page .project-gallery .caption-number,.case-page figcaption .case-caption-number{color:#ED1C24;font-weight:400}
.nav-links a:hover,.nav-links a[aria-current="location"],.text-link:hover,.home-page .hero-service-links a:hover,.case-page .case-return:hover,.case-services-link:hover{color:#000;text-decoration:underline;text-decoration-color:#ED1C24;text-underline-offset:6px;text-decoration-thickness:2px}
.home-page .hero-service-links a span{color:#000}
.home-page .hero-art{background:#CFD1D2}
.home-page .poster-small span:last-child{color:#fff}
.home-page .card-overline,.home-page .card-footer{color:#000}
.hero h1 em,.home-page .hero h1 em,.about .signature{font-weight:400}
.services .section-head p,.service p,.contact p{color:#fff}
.service{position:relative;border-top-color:#BCBEC0}
.service-icon{width:64px;height:64px;object-fit:contain;position:absolute;right:0;top:16px}
.service h3{margin-top:68px}
.service .seo-service-link{margin-top:18px;text-decoration-thickness:1px;text-underline-offset:5px}
.service .seo-service-link:hover{color:#fff;text-decoration-color:#ED1C24}
.contact-grid{align-items:center}
.contact-symbol{display:block;width:235px;max-width:80%;height:auto;object-fit:contain;margin:0 auto 34px}
.contact-options .social-label{font-size:.9375rem!important}
.social-links a,.social-coming{padding:10px 11px}
.thumb-identity{background:#000!important;padding:0 0 38px}
.thumb-identity .identity-cover{width:auto!important;height:100%!important;max-width:100%;max-height:100%!important;object-fit:contain!important;margin:auto;transform:none!important}
.thumb-identity .media-play{inset:auto 14px 54px auto;width:44px;height:44px;background:#000;border:1px solid #fff;font-size:1.125rem}
.identity-gallery figure{background:#000}
.identity-gallery video{display:block;width:auto;max-width:100%;max-height:67vh;aspect-ratio:9/16;object-fit:contain;background:#000;margin:auto}
.lead-field input,.lead-field textarea,.choice-row label{border:1px solid #000;font-family:var(--body-font)}
.lead-field input::placeholder,.lead-field textarea::placeholder{color:#5a5a5a}
.privacy-first{background:#fff;border:1px solid #BCBEC0}
.choice-row input{accent-color:#000}
.choice-row label:has(input:checked){box-shadow:inset 0 -3px #ED1C24}

#send-status:not(:empty){padding:16px;border:1px solid #000}
.home-area-note{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:68px;padding-bottom:10px}
.home-area-note .case-overline{font:400 1rem/1.2 var(--body-font);text-transform:uppercase;color:#000;margin:0 0 22px}
.home-area-note h2{font:400 clamp(28px,3.1vw,40px)/1.13 var(--display-font);letter-spacing:-.025em;margin:0}
.home-area-note .case-prose p{font-size:1.1875rem;line-height:1.45;margin:0 0 22px}
.case-page .case-overline strong{font-weight:400}
.case-page .case-services-link{font-weight:400}
footer a:hover{color:#fff;text-decoration:underline;text-decoration-color:#ED1C24;text-underline-offset:4px}
dialog{overscroll-behavior:contain}
body:has(dialog[open]){overflow:hidden}
.project-dialog.case-mode .close{margin:0 0 12px 12px;outline-offset:2px}
.asset-help{font:400 1rem/1.4 var(--body-font);padding:14px;border:1px solid #BCBEC0;background:#fff;color:#000}
@media(max-width:1080px){.brand-caption{display:block}.brand-logo{width:190px}.nav{gap:17px}.nav-links{gap:17px}}
@media(max-width:900px){.nav{min-height:88px}.brand-logo{width:190px}.home-area-note{grid-template-columns:1fr;gap:28px;padding-top:48px}.contact-grid{grid-template-columns:1fr 1fr;gap:35px}.contact h2{font-size:clamp(36px,5.3vw,54px)}.contact-symbol{width:220px}.case-page .brand-logo{width:185px}}
@media(max-width:640px){.nav{min-height:83px;gap:10px}.brand-logo{width:160px}.brand-caption{font-size:9px}.menu-toggle{font-size:.875rem;padding:10px 8px}.wa-header-icon{width:34px;height:34px}.home-area-note h2{font-size:28px}.contact-grid{grid-template-columns:1fr}.contact-options{padding-top:16px}.contact-symbol{width:210px;margin-left:0}.service-icon{width:56px;height:56px}.service h3{margin-top:64px}.project-meta{align-items:flex-start}.project-meta strong{font-size:1.1875rem}.project-meta span{max-width:80px;text-align:right}.case-page .nav{flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:12px}.case-page .brand{margin-right:auto}.case-page .brand-logo{width:160px}.case-page .case-return{max-width:100px;font-size:.9375rem}.case-page .case-services-link{font-size:.9375rem}.ticker-toggle{max-width:120px;white-space:normal;text-align:center}}
@media(max-width:360px){.brand-logo{width:132px}.brand-caption{font-size:8px}.nav{gap:7px}.wrap{width:calc(100% - 32px)}.home-page .hero-copy{padding-inline:16px}.home-page .hero h1{font-size:40px}.hero-tag{font-size:.875rem}.wa-header-icon{width:30px;height:30px}.menu-toggle{font-size:.8125rem;padding:9px 6px}}