.pg .nav{ background:rgba(250,243,233,.94); box-shadow:0 1px 0 var(--linea); }

.pg-hero{ padding:130px 0 60px; background:var(--crema); }
.pg-hero__inner{ display:grid; grid-template-columns:1fr; gap:50px; align-items:center; max-width:820px; }
.pg-hero--foto .pg-hero__inner{ grid-template-columns:1fr .7fr; max-width:1180px; }
.pg-migas{ font-size:.82rem; color:var(--cafe); margin:0 0 18px; opacity:.8; }
.pg-migas a{ border-bottom:1px solid var(--linea); }
.pg-hero__title{ font-family:var(--display); font-weight:500; font-size:clamp(2.3rem,4.6vw,3.6rem); line-height:1.1; color:var(--espresso); margin:0 0 20px; }
.pg-hero__sub{ font-size:1.08rem; max-width:60ch; margin:0 0 30px; }
.pg-hero__img{ margin:0; border-radius:4px; overflow:hidden; aspect-ratio:4/5; box-shadow:0 40px 60px -30px rgba(28,10,2,.4); }
.pg-hero__img img{ width:100%; height:100%; object-fit:cover; }

.pg-cuerpo{ display:grid; grid-template-columns:1fr 320px; gap:60px; padding-top:70px; padding-bottom:90px; background:var(--marfil); }
.pg main{ background:var(--marfil); }
.pg-texto{ max-width:68ch; }
.pg-sec{ margin-bottom:46px; }
.pg-sec h2{ font-family:var(--display); font-weight:500; font-size:clamp(1.7rem,2.6vw,2.2rem); line-height:1.15; color:var(--espresso); margin:0 0 16px; }
.pg-sec p{ margin:0 0 16px; }
.pg-faq details{ border-top:1px solid var(--linea); padding:16px 0; }
.pg-faq details:last-child{ border-bottom:1px solid var(--linea); }
.pg-faq summary{ cursor:pointer; font-weight:500; color:var(--espresso); }
.pg-faq details p{ margin:12px 0 0; }

.pg-lateral{ display:flex; flex-direction:column; gap:24px; }
.pg-caja{ background:var(--crema); border:1px solid var(--linea); border-radius:4px; padding:28px 24px; position:sticky; top:100px; }
.pg-caja--rel{ position:static; }
.pg-caja p{ margin:0 0 16px; }
.pg-caja .btn{ width:100%; justify-content:center; }
.pg-caja__dato{ margin:14px 0 0 !important; text-align:center; font-size:.9rem; }
.pg-caja ul{ list-style:none; margin:0; padding:0; }
.pg-caja li{ padding:8px 0; border-bottom:1px solid var(--linea); }
.pg-caja li a{ color:var(--espresso); font-weight:500; }
.pg-caja li a:hover{ color:var(--oro); }


.nav__links a[aria-current="page"], .nav__droplink[aria-current]{ color:var(--oro); }
.nav__drop{ position:relative; display:flex; align-items:center; gap:4px; }
.nav__droptoggle{ background:none; border:0; padding:4px; color:var(--espresso); cursor:pointer; display:inline-flex; }
.nav__menu{
  list-style:none; margin:0; padding:10px 0; position:absolute; top:calc(100% + 14px); left:-20px; min-width:270px;
  background:var(--marfil); border-radius:6px; box-shadow:0 20px 44px rgba(28,10,2,.18);
  opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .18s ease, transform .18s ease, visibility .18s;
}
.nav__menu::before{ content:""; position:absolute; left:0; right:0; top:-14px; height:14px; }
.nav__drop:hover .nav__menu, .nav__drop:focus-within .nav__menu, .nav__drop.is-open .nav__menu{ opacity:1; visibility:visible; transform:translateY(0); }
.nav__menu a{ display:block; padding:9px 22px; font-size:.82rem; letter-spacing:.04em; text-transform:none; }
.nav__menu a::after{ display:none; }
.nav__menu a:hover, .nav__menu a[aria-current="page"]{ background:var(--crema); color:var(--oro); }


.migas{ background:var(--marfil); border-bottom:1px solid var(--linea); margin-top:70px; }
.migas ol{ list-style:none; display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding-top:12px; padding-bottom:12px; margin:0 auto; font-size:.84rem; }
.migas li{ display:flex; align-items:center; gap:6px; color:var(--cafe); }
.migas li + li::before{ content:"›"; color:var(--oro); }
.migas a{ color:var(--espresso); border-bottom:1px solid var(--linea); }
.migas a:hover{ color:var(--oro); border-color:var(--oro); }
.migas [aria-current]{ font-weight:500; }
.pg .pg-hero{ padding-top:60px; }


.pie{ display:grid; grid-template-columns:1.2fr 1.4fr 1fr 1fr; gap:36px; padding-top:20px; padding-bottom:26px; color:rgba(250,243,233,.62); font-size:.86rem; }
.pie ul{ list-style:none; margin:0; padding:0; }
.pie li{ margin:0 0 8px; }
.pie a:hover{ color:var(--oro-light); }
.pie__tit{ margin:0 0 12px; font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--oro-light); }
.pie__marca p{ margin:14px 0 0; max-width:30ch; }


.mbc-vermas{ margin-left:14px; font-size:.86rem; }
.mbc-todos{ margin-top:50px; text-align:center; }
.mbc-todos ul{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.mbc-todos a{ display:inline-block; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; font-weight:500; padding:9px 18px; border:1px solid var(--linea); border-radius:999px; color:var(--espresso); }
.mbc-todos a:hover{ border-color:var(--oro); color:var(--oro); }

@media (max-width:900px){
  .nav__links{ max-height:calc(100vh - 90px); overflow:auto; }
  .nav__drop{ flex-direction:column; gap:10px; }
  .nav__droptoggle{ display:none; }
  .nav__menu{ position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; background:var(--crema); min-width:0; width:100%; padding:6px 0; text-align:center; }
  .nav__menu::before{ display:none; }
  .nav__menu a{ padding:7px 14px; }
  .migas{ margin-top:62px; }
  .pie{ grid-template-columns:1fr 1fr; gap:28px; }
  .pie__marca{ grid-column:1/-1; }
  .pg-hero{ padding:100px 0 40px; }
  .pg .pg-hero{ padding-top:34px; }
  .pg-hero--foto .pg-hero__inner{ grid-template-columns:1fr; }
  .pg-hero__img{ max-width:340px; aspect-ratio:4/3; }
  .pg-cuerpo{ grid-template-columns:1fr; gap:30px; padding-top:44px; padding-bottom:60px; }
  .pg-caja{ position:static; }
}
@media (max-width:420px){
  .pg-hero__title{ font-size:2.05rem; }
  .pg-hero__sub{ font-size:1rem; margin-bottom:22px; }
}