.about-page{background:#1a1410;color:#fff}
.about-page .site-header{position:absolute;top:0;left:0;width:100%;background:linear-gradient(180deg,#16100ddb,transparent);padding-bottom:34px}
.about-page .site-header a[aria-current=page]{color:#dfc09a}
.about-hero{position:relative;width:100%;height:100vh;height:100svh;margin:0;overflow:hidden}
.about-hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.about-hero:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(180deg,transparent,#1a1410ec);pointer-events:none}
.about-title{position:absolute;z-index:1;left:var(--edge);right:var(--edge);bottom:clamp(24px,5vw,72px)}
.about-title>p{font-size:14px;letter-spacing:.18em;margin-bottom:18px;color:#ead6b8}
.about-title h1{font-size:clamp(40px,6vw,88px);line-height:1.05;letter-spacing:-.035em}
.about-story{padding:clamp(50px,7vw,110px) var(--edge);display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,6vw,100px);max-width:1600px;margin:auto}
.about-lead{font-size:clamp(26px,2.6vw,39px);line-height:1.3;letter-spacing:-.02em;color:#f6eee4}
.about-description p{font-size:18px;line-height:1.8;color:#dbd2c6}
.about-description p+p{margin-top:28px}
.about-principle{grid-column:1/-1;padding:40px 0 0;border-top:1px solid #c9954e66;font-size:clamp(24px,2.7vw,40px);line-height:1.35;color:#dfc09a;max-width:1100px}
.about-page .site-footer{position:static;inset:auto;width:100%;height:auto;min-height:0;background:#100d0a;margin-top:0;padding-top:calc(24svh + 50px);padding-bottom:30px}
.info-content{max-width:1200px;margin:auto;padding:clamp(160px,18vw,240px) var(--edge) 40px}
.info-content h1{font-size:clamp(40px,5vw,76px);max-width:950px;margin-bottom:55px}
.info-text{max-width:900px}
.info-text p{font-size:18px;line-height:1.8;color:#dbd2c6;margin:20px 0}
.info-text h2{font-size:clamp(24px,2.7vw,36px);line-height:1.25;letter-spacing:-.02em;color:#dfc09a;border-top:1px solid #c9954e55;margin-top:48px;padding-top:30px}
@media(max-width:650px){.info-content{padding:140px 25px 20px}.info-text p{font-size:16px;line-height:1.75}}
.section-page .info-content{padding-top:clamp(50px,7vw,100px)}
.section-page .info-text{max-width:1000px}
.section-page .info-text>p:first-child{font-size:clamp(22px,2.2vw,32px);line-height:1.5;color:#f2e9dd;margin-top:0;margin-bottom:45px}
.section-page .info-text>h2:first-child{margin-top:0}
.section-page .about-title h1{max-width:1200px}
@media(max-width:650px){.section-page .about-title{bottom:50px}.section-page .about-title h1{font-size:clamp(32px,8vw,44px)}.section-page .info-content{padding-top:45px}}
/* Título y subtítulo visibles dentro del primer viewport de cada apartado. */
.about-title{bottom:max(40px,env(safe-area-inset-bottom));}
@media(max-width:650px){.about-title,.section-page .about-title{bottom:max(32px,env(safe-area-inset-bottom))}.about-title>p{display:block;font-size:14px;line-height:1.4;letter-spacing:.12em;margin-bottom:12px}.about-title h1{line-height:1.12}}
.legal-page .info-content{max-width:1150px;padding-top:180px}
.legal-page .info-content h1{font-size:clamp(34px,4vw,55px);margin-bottom:45px}
.legal-page .info-text p{font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.legal-page .info-text h2{font-size:22px;line-height:1.3;padding-top:24px;margin-top:36px}
@media(max-width:650px){.legal-page .info-content{padding-top:130px}.legal-page .info-content h1{font-size:34px}}
.sector-photo{margin:48px 0;max-width:100%}
.sector-photo img{display:block;width:100%;height:auto}
.info-text .sector-principle{font-size:clamp(22px,2.4vw,32px);line-height:1.4;color:#dfc09a;border-top:1px solid #c9954e55;padding-top:32px}
.about-home-link{display:inline-block;margin-top:22px;color:#dfc09a;text-underline-offset:6px;font-size:16px}
@media(max-width:900px){.about-page .site-header{padding-bottom:24px}.about-title>p{margin-bottom:10px}.about-story{grid-template-columns:1fr;gap:28px}.about-principle{padding-top:28px}.about-description p{font-size:17px}}
@media(max-width:650px){.about-title{bottom:14px;left:20px;right:20px}.about-title>p{display:none}.about-title h1{font-size:32px}.about-page .site-header{padding:12px 20px 22px}.about-page .site-header .brand img{width:139.5px}.about-page .site-header nav{top:64px}.about-story{padding:42px 25px}.about-lead{font-size:26px}.about-description p{font-size:16px;line-height:1.75}.about-principle{font-size:24px}}