@layer components{:where(.pantalla-Sobre) .intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:72px;padding:64px 0 88px;display:grid}:where(.pantalla-Sobre) .intro h1{font-size:56px;line-height:1.06}:where(.pantalla-Sobre) .intro p{color:var(--ink-500);margin-top:22px;font-size:18px;line-height:1.7}:where(.pantalla-Sobre) .intro-photo{border-radius:20px;height:520px}:where(.pantalla-Sobre) .band{background:var(--navy-900);clip-path:polygon(0 46px,100% 0,100% 100%,0 calc(100% - 46px));padding:88px 0;position:relative;overflow:hidden}:where(.pantalla-Sobre) .band-mark{opacity:.07;z-index:1;width:480px;position:absolute;bottom:-140px;left:-120px}:where(.pantalla-Sobre) .band h2{color:#fff;z-index:2;max-width:640px;font-size:42px;line-height:1.12;position:relative}:where(.pantalla-Sobre) .creds{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:56px;display:grid;position:relative}:where(.pantalla-Sobre) .cred-oct{clip-path:polygon(26% 0,74% 0,100% 26%,100% 74%,74% 100%,26% 100%,0 74%,0 26%);color:#fff;background:#ffffff17;justify-content:center;align-items:center;width:56px;height:56px;display:flex}:where(.pantalla-Sobre) .cred h3{color:#fff;margin-top:20px;font-size:20px}:where(.pantalla-Sobre) .cred p{color:#fff9;margin-top:10px;font-size:14.5px;line-height:1.65}:where(.pantalla-Sobre) .sec{padding:88px 0}:where(.pantalla-Sobre) .sec-head{max-width:620px;margin-bottom:44px}:where(.pantalla-Sobre) .sec-head h2{font-size:42px;line-height:1.12}:where(.pantalla-Sobre) .sec-head p{color:var(--ink-500);margin-top:16px;font-size:16.5px;line-height:1.65}:where(.pantalla-Sobre) .gal{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:230px;gap:20px;display:grid}:where(.pantalla-Sobre) .gal .photo{border-radius:16px}:where(.pantalla-Sobre) .g-wide{grid-column:span 2}:where(.pantalla-Sobre) .g-tall{grid-row:span 2}:where(.pantalla-Sobre) .close{background:var(--paper);padding:80px 0}:where(.pantalla-Sobre) .close-in{justify-content:space-between;align-items:center;gap:48px;display:flex}:where(.pantalla-Sobre) .close h2{max-width:520px;font-size:38px;line-height:1.14}:where(.pantalla-Sobre) .close-cta{flex-wrap:wrap;gap:14px;display:flex}}
@layer movil{@media (max-width:767px){:where(.pantalla-SobreMobile) .intro{padding:34px 22px 30px}:where(.pantalla-SobreMobile) .intro h1{letter-spacing:-.03em;margin-top:14px;font-size:36px;line-height:1.05}:where(.pantalla-SobreMobile) .intro p{color:var(--ink-500);margin-top:15px;font-size:15px;line-height:1.66}:where(.pantalla-SobreMobile) .intro-photo{border-radius:16px;height:300px;margin-top:26px}:where(.pantalla-SobreMobile) .band{background:var(--navy-900);clip-path:polygon(0 30px,100% 0,100% 100%,0 100%);padding:48px 22px 52px;position:relative;overflow:hidden}:where(.pantalla-SobreMobile) .band-mark{opacity:.09;pointer-events:none;width:300px;position:absolute;top:-50px;right:-90px}:where(.pantalla-SobreMobile) .band h2{color:#fff;z-index:2;font-size:29px;position:relative}:where(.pantalla-SobreMobile) .creds{z-index:2;flex-direction:column;gap:26px;margin-top:32px;display:flex;position:relative}:where(.pantalla-SobreMobile) .cred-oct{clip-path:polygon(26% 0,74% 0,100% 26%,100% 74%,74% 100%,26% 100%,0 74%,0 26%);width:52px;height:52px;color:var(--blue-200);background:#ffffff17;justify-content:center;align-items:center;margin-bottom:14px;display:flex}:where(.pantalla-SobreMobile) .cred h3{color:#fff;font-size:19px}:where(.pantalla-SobreMobile) .cred p{color:#ffffff9e;margin-top:8px;font-size:14px;line-height:1.6}:where(.pantalla-SobreMobile) .msec{padding:48px 22px}:where(.pantalla-SobreMobile) .msec h2{margin-top:12px;font-size:30px}:where(.pantalla-SobreMobile) .msec>p{color:var(--ink-500);margin-top:12px;font-size:14.5px;line-height:1.62}:where(.pantalla-SobreMobile) .gal{grid-template-columns:1fr 1fr;gap:10px;margin-top:26px;display:grid}:where(.pantalla-SobreMobile) .gal .photo{border-radius:12px;height:150px}:where(.pantalla-SobreMobile) .g-wide{grid-column:span 2}:where(.pantalla-SobreMobile) .g-tall{height:250px}:where(.pantalla-SobreMobile) .gal-note{color:var(--ink-400);margin-top:16px;font-size:12.5px;line-height:1.6}:where(.pantalla-SobreMobile) .close{background:var(--paper);clip-path:polygon(0 26px,100% 0,100% 100%,0 100%);padding:48px 22px 54px}:where(.pantalla-SobreMobile) .close h2{font-size:29px;line-height:1.1}:where(.pantalla-SobreMobile) .close-cta{flex-direction:column;gap:11px;margin-top:26px;display:flex}:where(.pantalla-SobreMobile) .close-cta .btn{width:100%}}}