/* ALUMARQ — estilos de páginas interiores (complementa styles.css) */

/* HERO INTERIOR */
.phero{position:relative;background:var(--ink);color:#fff;overflow:hidden;min-height:440px;display:flex;align-items:flex-end;padding:0}
.phero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.phero .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,26,50,.55) 0%,rgba(15,26,50,.92) 100%)}
.phero .wrap{position:relative;width:100%;padding-top:120px;padding-bottom:64px}
.phero h1{font-size:clamp(34px,4.2vw,58px);margin:14px 0 18px;max-width:18ch}
.phero h1 em{font-style:normal;color:var(--oro)}
.phero p{font-size:clamp(16px,1.25vw,19px);color:#D6DDEA;max-width:60ch}
.phero .cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}

/* HERO 40 AÑOS */
.forty-hero{min-height:720px;align-items:center}
.forty-hero .veil{background:linear-gradient(90deg,rgba(15,26,50,.95) 0%,rgba(15,26,50,.82) 45%,rgba(15,26,50,.35) 100%)}
.forty-hero .wrap{padding-top:96px;padding-bottom:96px}
.forty-hero h1{font-size:clamp(40px,5vw,72px);max-width:14ch}
.sello-lg{width:150px;margin-bottom:28px}

/* SUBNAV */
.subnav{background:#fff;border-bottom:1px solid var(--marco);position:sticky;top:78px;z-index:40}
.subnav .wrap{display:flex;gap:32px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a{padding:18px 0;font-weight:700;font-size:14px;color:var(--navy);border-bottom:2px solid transparent}
.subnav a:hover{border-bottom-color:var(--oro)}

/* PRODUCTOS */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pcard{border:1px solid var(--marco);border-radius:var(--r);overflow:hidden;background:#fff;display:flex;flex-direction:column}
.pcard img{aspect-ratio:4/3;width:100%;object-fit:cover}
.pcard .m{padding:22px 24px 26px}
.pcard h3{font-size:20px;color:var(--navy);margin-bottom:10px;line-height:1.2}
.pcard p{font-size:15px;color:var(--gris)}
.cta-row{margin-top:40px;display:flex;gap:14px;flex-wrap:wrap}

/* EMPRESA */
.story{background:#fff}
.story-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:start}
.story h2{font-size:clamp(28px,3.2vw,42px);color:var(--navy);margin:12px 0 22px}
.story p{font-size:17px;color:var(--grafito);margin-bottom:16px;max-width:64ch}
.story-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.story-facts div{border-top:2px solid var(--navy);padding-top:16px}
.story-facts b{display:block;font-family:'Outfit';font-size:26px;color:var(--navy);line-height:1.05;margin-bottom:8px}
.story-facts span{font-size:14px;color:var(--gris);line-height:1.45;display:block}

/* CONTACTO */
.contacto-final .sec-h h2{color:#fff}
.cdata{background:var(--hueso);border-top:1px solid var(--marco)}
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 40px}
.cgrid div{border-top:1px solid var(--marco);padding-top:16px}
.cgrid a,.cgrid p{display:inline;font-family:'Outfit';font-weight:700;font-size:19px;color:var(--navy);margin-top:8px}
.cgrid p{display:block;font-size:17px;line-height:1.4}
.cgrid .tag{margin-bottom:8px}
.cgrid a:hover{color:var(--azul)}
.note{margin-top:44px;font-size:14px;color:var(--gris)}
.note em{font-style:normal;color:var(--oro);font-weight:700}

/* 40 AÑOS */
.tl{background:#fff}
.grid.g4{grid-template-columns:repeat(4,1fr)}

/* RESPONSIVE */
@media(max-width:1024px){
  .pgrid{grid-template-columns:repeat(2,1fr)}
  .story-grid{grid-template-columns:1fr;gap:40px}
  .grid.g4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:960px){
  .phero{min-height:380px}
  .phero .wrap{padding-top:96px;padding-bottom:52px}
  .forty-hero{min-height:600px}
  .forty-hero .veil{background:linear-gradient(180deg,rgba(15,26,50,.92) 0%,rgba(15,26,50,.86) 100%)}
  .cgrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .pgrid,.cgrid,.grid.g4{grid-template-columns:1fr}
  .story-facts{grid-template-columns:1fr 1fr}
  .subnav .wrap{gap:22px}
  .sello-lg{width:110px}
  .forty-hero .wrap{padding-top:64px;padding-bottom:64px}
}
.obras .grid.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1024px){.obras .grid.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.obras .grid.g4{grid-template-columns:1fr}}

/* LANDINGS */
.land{background:#fff}
.land-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:start}
.land h2{font-size:clamp(28px,3.2vw,42px);color:var(--navy);margin:12px 0 22px}
.land p{font-size:17px;color:var(--grafito);margin-bottom:16px;max-width:64ch}
.land-side{background:var(--hueso);border:1px solid var(--marco);border-radius:var(--r);padding:28px}
.land-side h3{font-size:14px;letter-spacing:.14em;text-transform:uppercase;font-family:'Inst';color:var(--oro);margin-bottom:12px}
.land-side li{padding:11px 0;border-top:1px solid var(--marco);font-size:15px}
.land-side li:first-child{border-top:0}
.phero .cta .btn-ghost{border-color:rgba(255,255,255,.55);color:#fff}
.faq{background:#fff}
.faq-list{max-width:820px}
.faq details{border-top:1px solid var(--marco);padding:18px 0}
.faq details:last-child{border-bottom:1px solid var(--marco)}
.faq summary{cursor:pointer;font-family:'Outfit';font-weight:700;font-size:19px;color:var(--navy);list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--oro);font-size:24px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin-top:12px;color:var(--gris);font-size:16px;max-width:64ch}
.related{background:var(--hueso);border-top:1px solid var(--marco);padding:36px 0}
.related ul{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:14px}
.related a{font-family:'Outfit';font-weight:700;color:var(--navy);border-bottom:2px solid var(--oro)}
@media(max-width:960px){.land-grid{grid-template-columns:1fr;gap:36px}}