/* V4: portada negra. Logo oficial intacto; recorte de margen solo en maquetación. */
.type-hero{background:#000;color:#fff;position:relative;border-bottom:1px solid #333;overflow:hidden}
.type-hero:after{content:none}
.type-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr 1fr;gap:100px;align-items:center;min-height:680px;padding-block:50px}
.type-copy{padding-block:8px;min-width:0}
.type-copy .eyebrow{font-size:11px;letter-spacing:.13em;margin-bottom:26px;color:#aecfd7}
.type-copy h1{font-family:Lemon,Arial,sans-serif;font-size:clamp(50px,4.5vw,70px);line-height:1.13;letter-spacing:-.045em;margin:0 0 30px;font-weight:400}
.type-copy h1 span{color:#ed8881}
.type-intro{font-size:21px;line-height:1.5;letter-spacing:-.02em;margin-bottom:16px}
.type-support{font-size:15px;line-height:1.65;color:#d0d0d0;margin-bottom:28px}
.type-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}
.type-actions .button{min-height:54px;background:#fff;color:#000;border-color:#fff}
.type-actions .button:hover,.type-actions .button:focus-visible{background:var(--button-hover);color:var(--button-hover-text);border-color:var(--button-hover)}
.type-actions .text-link{font-size:13px;color:#fff}
.type-actions .text-link:hover,.type-actions .text-link:focus-visible{background:transparent;color:var(--link-hover)}
.type-actions a:focus-visible{outline:2px solid #aecfd7;outline-offset:5px}
.type-hero .type-brand-panel{background:#000}
.type-brand-panel{padding:0 0 0 20px;min-width:0}
.type-brand-heading{display:flex;align-items:center;gap:24px;margin-bottom:22px}
.type-logo{width:190px;height:190px;border-radius:50%;overflow:hidden;position:relative;display:block;flex:none}
/* El círculo original ocupa x255–1255, y25–1025 en el PNG de1600×1066. */
.type-logo img{position:absolute;left:-25.5%;top:-2.5%;width:160%;height:106.6%;max-width:none;object-fit:fill}
.type-brand-heading p{font-size:25px;line-height:1.22;letter-spacing:-.035em;margin:0}
.type-brand-heading strong{font-family:Montserrat,Arial,sans-serif;font-size:34px;font-weight:400}
.type-plans{display:grid}
.type-plans>a{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 0 17px;text-decoration:none;border-top:1px solid #484848;transition:color .15s ease}
.type-plans>a:last-child{border-bottom:1px solid #484848}
.type-plan-label{display:flex;flex-direction:column;gap:5px}
.type-plan-label strong{font-family:Lemon,Arial,sans-serif;font-weight:400;font-size:43px;line-height:1.08;letter-spacing:-.04em}
.type-plan-label small{font-size:13px;line-height:1.45}
.type-plan-arrow{font-size:32px;line-height:1;transition:transform .15s ease}
.type-plans>a:hover,.type-plans>a:focus-visible{background:transparent;color:var(--link-hover)}
.type-plans>a:hover .type-plan-arrow{transform:translate(3px,-3px)}
.type-plans>a:focus-visible{outline:2px solid #aecfd7;outline-offset:5px}
.type-brand-note{font-family:Montserrat,Arial,sans-serif;font-size:9px;letter-spacing:.14em;margin:18px 0 0}
.typographic .statement-strip{background:var(--coral);color:#000}
.typographic .statement-strip span{font-size:16px}
@media(min-width:1600px){.type-hero-inner{gap:125px}.type-copy h1{font-size:70px}}
@media(max-width:1200px){.type-hero-inner{gap:50px;grid-template-columns:1.1fr 1fr;min-height:650px}.type-hero:after{left:52%}.type-brand-heading{gap:18px}.type-logo{width:160px;height:160px}.type-brand-heading p{font-size:23px}.type-brand-heading strong{font-size:29px}.type-brand-panel{padding-left:18px}.type-plan-label strong{font-size:39px}.type-copy h1{font-size:50px}.type-intro{font-size:19px}.type-actions{gap:20px}.desktop-break{display:none}}
@media(max-width:900px){.type-hero-inner{gap:40px;grid-template-columns:1fr 1fr}.type-hero:after{left:50%}.type-copy h1{font-size:42px}.type-copy .eyebrow{font-size:9px}.type-logo{width:140px;height:140px}.type-brand-heading{gap:12px}.type-brand-heading p{font-size:18px}.type-brand-heading strong{font-size:25px}.type-plan-label strong{font-size:36px}.type-plan-label small{font-size:12px}.type-intro{font-size:18px}.type-actions{flex-direction:column;align-items:flex-start}}
@media(max-width:720px){.type-hero:after{display:none}.type-hero-inner{width:100%;grid-template-columns:1fr;gap:0;padding:0;min-height:0}.type-copy{padding:38px 20px 36px}.type-copy .eyebrow{font-size:9px;margin-bottom:24px;letter-spacing:.1em}.type-copy h1{font-size:clamp(35px,9vw,59px);line-height:1.16;margin-bottom:26px}.type-intro{font-size:18px;margin-bottom:15px}.type-support{font-size:14px;margin-bottom:25px}.type-actions{flex-direction:row;gap:22px;flex-wrap:wrap}.type-actions .button{padding:15px 18px;font-size:12px}.type-actions .text-link{font-size:12px}.type-brand-panel{background:#aecfd7;padding:28px 24px 24px}.type-brand-heading{gap:28px;margin-bottom:20px;justify-content:center}.type-logo{width:150px;height:150px}.type-brand-heading p{font-size:23px}.type-brand-heading strong{font-size:31px}.type-plan-label strong{font-size:38px}.type-plan-label small{font-size:13px}.type-plans>a{padding:15px 0}.type-brand-note{font-size:9px}.typographic .statement-strip span{font-size:14px}}
@media(max-width:360px){.type-brand-heading{gap:18px}.type-logo{width:130px;height:130px}.type-brand-heading p{font-size:21px}.type-brand-heading strong{font-size:28px}.type-actions{gap:18px}.type-plan-label strong{font-size:34px}}