/* The approved desktop composition stays in home-v93.css. */
.hero-heading{display:contents}
.hero-mobile-summary,.hero-mobile-actions,.hero-mobile-autograph{display:none}
.hero-pello .hbg picture{display:block;width:100%;height:100%}

@media(max-width:760px){
 header.nav,header.nav.solid{padding:12px 4vw;gap:10px}
 header.nav:not(.solid){background:rgba(8,22,14,.9);backdrop-filter:blur(10px)}
 header.nav .brand .bn{display:none}
 header.nav .brand img{height:58px;max-width:66px;object-fit:contain}
 header.nav .acts{gap:6px}
 header.nav .lang button{font-size:14px;min-height:40px;padding:6px 9px;letter-spacing:0}
 header.nav .acts>.btn{font-size:14px;line-height:1.2;padding:10px 9px;min-height:42px;letter-spacing:0}
 header.nav .ntog{min-width:36px;min-height:44px;padding:0}
 nav.lk.open{top:82px}

 .hero-pello{height:auto;min-height:0;padding:0;display:block;container-type:inline-size}
 /* Natural 2:3 proportions preserve the full chapel, hat and shoes. */
 .hero-pello .hbg{display:block;inset:40px 0 auto;width:100%;height:auto;aspect-ratio:2/3;transform:none;z-index:-2}
 .hero-pello .hbg img{object-fit:contain;object-position:center top}
 .hero-pello::after{display:block;inset:40px 0 auto;height:150cqw;z-index:-1;background:linear-gradient(90deg,rgba(8,18,11,.27),transparent 58%),linear-gradient(180deg,transparent 85%,rgba(16,27,19,.48) 95%,#101b13);pointer-events:none}
 .hero-mobile-autograph{display:block;position:absolute;top:calc(40px + 126cqw);right:6%;width:31%;transform:translateY(-50%);z-index:0;pointer-events:none}
 .hero-mobile-autograph img{display:block;width:100%;height:auto}
 .hero-pello .hc{display:flex;align-items:stretch;text-align:left;padding:0 5.5vw 28px;gap:0}
 .hero-heading{display:block;order:0;min-height:calc(150cqw + 28px);padding-top:calc(85px + 4cqw)}
 .hero-pello .hero-identity{align-items:flex-start;margin:0 0 12px}
 .hero-pello .hero-identity strong{display:none}
 .hero-pello .hero-identity .eyebrow{font-size:14px;letter-spacing:.12em;line-height:1.5;margin:0;color:#f1da8a}
 .hero-pello h1{width:100%;max-width:18ch;margin:0;font-size:clamp(1.6rem,8.5cqw,3.8rem);line-height:1.05;letter-spacing:-.035em;text-wrap:initial;text-shadow:0 2px 18px rgba(0,0,0,.55)}
 .hero-pello h1 em{color:#ead074}
 .hero-pello-portrait{display:none}
 .hero-mobile-summary{display:block;order:1;margin:0 0 16px;color:var(--ivory);font:400 1.05rem/1.45 var(--serif);text-align:center;text-wrap:balance}
 .hero-mobile-actions{display:grid;order:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 .hero-mobile-actions .btn{min-width:0;min-height:52px;justify-content:center;text-align:center;padding:13px 10px;border-radius:28px;font:600 14px/1.3 var(--sans);letter-spacing:0;text-transform:none;white-space:normal}
 .hero-mobile-actions .gold{background:linear-gradient(135deg,#edcc67,#d2a618);border-color:#e2c467;color:#172319}
 .hero-mobile-actions .ghost{color:var(--ivory);border-color:#e2c467;background:rgba(10,25,16,.34)}
 .hero-mobile-actions .btn:focus-visible{outline:3px solid #fff;outline-offset:4px}
 .hero-pello .hacts{display:none}
 .hero-pello-welcome{order:3;margin:28px 0 0;padding:0;text-align:center}
 .hero-pello-welcome p{font-size:1rem}
 .hero-pello-welcome blockquote{font-size:1.4rem;line-height:1.25}
 .hero-pello .hlede{display:block;order:4;max-width:44ch;margin:20px auto 0;font-size:16px;line-height:1.55;text-align:center}
 .hero-pello .hero-shortcuts{order:5;margin-top:20px}
 #contacto{scroll-margin-top:90px}
}

@media(max-width:360px){
 header.nav,header.nav.solid{padding-inline:10px;gap:6px}
 header.nav .brand img{height:48px;max-width:52px}
 header.nav .acts{gap:4px}
 header.nav .lang button{padding-inline:8px}
 header.nav .acts>.btn{padding-inline:7px}
 .hero-pello .hero-identity .eyebrow{letter-spacing:.08em}
 .hero-mobile-actions{gap:8px}
}