@import url('../../assets/fonts/fonts.css');:root{--ink:#102647;--muted:#516783;--line:#ccdcf1;--cyan:#08c7e9;--blue:#1763e6;--violet:#804de6;--pink:#ec43aa;--grad:linear-gradient(105deg,var(--cyan),var(--blue) 40%,var(--violet) 70%,var(--pink))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:radial-gradient(ellipse at 50% 15%,#fff 0 18%,transparent 48%),linear-gradient(117deg,#e4f9ff 0%,#fff 44%,#fbe9fb 100%)}header{height:102px;padding:9px clamp(20px,4vw,62px);display:flex;align-items:center;gap:25px;background:#fffffff0;backdrop-filter:blur(18px);border-bottom:1px solid #e1eaf4;position:sticky;top:0;z-index:20}.brand img{width:232px;height:80px;object-fit:contain;display:block}.corporate{font-size:0.75rem;letter-spacing:.1em;color:#60718c;line-height:1.45;margin:0 auto 0 0}.corporate strong{color:var(--pink)}nav{display:flex;align-items:center;gap:25px}nav a,footer a{font-size:13px;color:var(--ink);text-decoration:none;font-weight:700}.current{border-bottom:2px solid var(--blue);padding-bottom:9px}.contact{padding:14px 21px;border-radius:99px;background:var(--grad);color:#fff!important;box-shadow:0 10px 20px #5943bf25}.menu{display:none;border:0;background:#eff5fb;border-radius:12px;padding:10px 13px;font:600 14px inherit}.hero{margin:0 clamp(20px,2vw,30px);height:min(650px,calc(100vh - 126px));min-height:530px;border-radius:0 0 25px 25px;position:relative;isolation:isolate;display:flex;align-items:center;padding:clamp(40px,6vw,90px);overflow:hidden;background:#112b60 url('../../assets/images/cerebro-ia.png') center/cover}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#09245fec 0%,#103b78c4 43%,#ca4caf61 100%),linear-gradient(0deg,#0b286799,transparent 55%)}.hero.slide1{background:#14366d url('../../assets/images/oxi-oficial.png') 76% 42%/contain no-repeat}.hero.slide1:after{background:linear-gradient(90deg,#102958e9,#1c4e8fbc 55%,#e5faff22)}.hero.slide2{background:#173a73 url('../../assets/images/xantalal-business-banner-v1.webp') center/cover}.campaign{display:none;color:#fff;max-width:650px}.campaign.active{display:block;animation:up .35s ease}.campaign p{font-size:0.9375rem;letter-spacing:.15em;font-weight:700;color:#e7f8ff;margin:0 0 17px}.campaign p:before,.heading p:before,.purpose p:before{content:"";display:inline-block;width:27px;height:3px;background:var(--grad);vertical-align:middle;margin-right:9px}.campaign h1,h2,h3,strong{font-family:Outfit,sans-serif;letter-spacing:-.055em}.campaign h1{font-size:clamp(46px,5.7vw,82px);line-height:.97;margin:0}.campaign h1 em,h2 span{font-style:normal;background:linear-gradient(100deg,#69edff,#83a8ff,#e087ec);-webkit-background-clip:text;background-clip:text;color:transparent}.campaign>span{display:block;font-size:18px;line-height:1.55;max-width:540px;margin:25px 0}.campaign a{display:inline-flex;align-items:center;gap:20px;text-decoration:none;background:var(--grad);color:#fff;padding:16px 22px;border-radius:99px;font-weight:700;box-shadow:0 12px 24px #07225c4d}.arrows button{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #ffffff7d;border-radius:50%;background:#102a6070;color:#fff;width:45px;height:45px;font-size:35px;cursor:pointer}.arrows button:first-child{left:24px}.arrows button:last-child{right:24px}.dots{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.dots button{width:42px;height:6px;border:0;border-radius:9px;background:#ffffff55;cursor:pointer}.dots button.active{background:#fff}.families{padding:72px clamp(25px,4vw,62px) 54px}.heading{margin-bottom:36px}.heading p,.purpose p{font-size:0.9375rem;letter-spacing:.13em;font-weight:700;color:#526985;margin:0 0 16px}.heading h2,.purpose h2{font-size:clamp(41px,4.3vw,68px);line-height:.98;margin:0}.families-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.family{min-height:370px;padding:24px 25px;border-radius:23px;position:relative;overflow:hidden;text-decoration:none;color:var(--ink);border:2px solid var(--accent);background:linear-gradient(145deg,#fff,#f9fbff);box-shadow:0 15px 28px #3d53731a;display:flex;flex-direction:column;justify-content:flex-end;transition:.25s}.family:hover{transform:translateY(-6px);box-shadow:0 20px 32px #31456b26}.family small{position:absolute;top:20px;left:23px;font-weight:700;color:#69819f}.family .icon{position:absolute;right:22px;top:18px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:white;font-style:normal;font-size:24px;box-shadow:0 7px 13px #283f6d29}.family h3{font-size:29px;margin:0}.family strong{font-size:14px;color:var(--accent);letter-spacing:-.02em;margin-top:6px}.family p{font-size:14px;line-height:1.55;color:#45607b;margin:12px 0 18px;max-width:225px}.family>b{font-size:14px;color:var(--accent)}.creation{--accent:#146bea;background:linear-gradient(145deg,#f0fbff,#f7f4ff)}.film{position:absolute;right:-18px;bottom:10px;color:#438eea21;font-size:160px}.communicator{--accent:#08bcd7;background:linear-gradient(145deg,#effdff,#f7fbff)}.communicator>img{position:absolute;right:-9%;bottom:-8%;height:85%;width:90%;object-fit:contain;opacity:.82}.projects{--accent:#7e52e2;background:linear-gradient(145deg,#f8f1ff,#fbfaff)}.projects>img{position:absolute;right:-17%;top:20px;width:105%;height:49%;object-fit:cover;mix-blend-mode:multiply;opacity:.48}.library{--accent:#e746a8;background:linear-gradient(145deg,#fff7fc,#fff)}.book{position:absolute;right:16px;bottom:24px;color:#e746a82b;font-size:130px;transform:rotate(10deg)}.purpose{margin:12px clamp(25px,4vw,62px) 0;padding:70px clamp(28px,6vw,85px);border-radius:28px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;background:linear-gradient(110deg,#d8f8ff,#fff 48%,#f7e5fb);border:1px solid #d4e5f4}.purpose>p:last-child{font-size:19px;letter-spacing:0;line-height:1.6;color:var(--muted);max-width:420px}.practical{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:48px clamp(25px,4vw,62px) 58px}.practical a{min-height:116px;border:1.5px solid var(--line);background:#ffffffb8;border-radius:18px;box-shadow:0 10px 22px #344a7512;display:grid;grid-template-columns:46px 1fr 20px;align-items:center;gap:13px;padding:16px;color:var(--ink);text-decoration:none}.practical i{width:43px;height:43px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:21px}.practical strong{display:block;font-size:16px}.practical span{display:block;font-size:0.9375rem;line-height:1.4;color:var(--muted);margin-top:4px}.practical>b{font-size:22px;color:var(--blue)}footer{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:26px;padding:58px clamp(25px,4vw,62px) 25px;background:linear-gradient(105deg,#e1f8ff,#fff 52%,#f9e6fb);border-top:1px solid #dce8f3}footer img{width:250px;height:95px;object-fit:contain;object-position:left center}.foot-brand p{font-size:13px;line-height:1.55;color:var(--muted)}footer h4{font-family:Outfit;font-size:17px;margin:7px 0 16px}footer div:not(.foot-brand){display:grid;align-content:start;gap:9px}footer span,footer small{font-size:0.9375rem;color:var(--muted)}.social{display:flex;gap:9px;margin:0}.social i{font-style:normal;width:38px;height:38px;border:1px solid #c9b6ec;border-radius:10px;display:grid;place-items:center;font-size:20px;color:#4d4e9b;background:#ffffff80}.social i:nth-child(1){color:#ef4d98}.social i:nth-child(2){color:#3867bd}.social i:nth-child(3){color:#111}.social i:nth-child(4){color:#e23434;font-size:14px}footer>em{grid-column:1/-1;text-align:center;margin-top:14px;font-size:0.9375rem;font-style:normal;color:#607692}.oxi{position:fixed;right:24px;bottom:24px;z-index:30}.launch{border:0;width:66px;height:66px;border-radius:50%;background:#fff;box-shadow:0 12px 30px #1d305939;cursor:pointer;position:relative;overflow:hidden}.launch img{width:78px;height:78px;object-fit:contain;position:absolute;top:-5px;left:-5px}.launch span{position:absolute;right:0;bottom:1px;width:21px;height:21px;border-radius:50%;background:var(--grad);color:#fff;font-weight:700}.oxi-card{width:285px;background:#fff;border:1px solid #e4eaf2;border-radius:20px;padding:18px;margin-bottom:13px;box-shadow:0 18px 45px #162a512e;position:relative}.oxi-card p{line-height:1.5;color:#40506b;margin:0 0 12px}.oxi-card button:not(.close){display:flex;justify-content:space-between;width:100%;margin:6px 0;border:1px solid #dce6f1;border-radius:10px;background:#fff;padding:10px;color:var(--ink);font:600 13px inherit}.close{position:absolute;right:9px;top:5px;border:0;background:none;font-size:22px;color:#718099;cursor:pointer}@keyframes up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1100px){header{gap:15px}.corporate{display:none}nav{gap:13px}.families-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:repeat(3,1fr)}.foot-brand{grid-column:span 3}.practical{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){header{height:82px;padding:7px 18px}.brand img{width:162px;height:62px}.menu{display:block;margin-left:auto}nav{display:none;position:absolute;top:81px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px;gap:14px;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{font-size:15px;padding:4px}.current{border:0}.contact{text-align:center}.hero{margin:0;height:625px;min-height:625px;border-radius:0;padding:0 22px 73px;align-items:end;background-position:center}.hero.slide1{background-size:110%;background-position:center 2%}.hero:after{background:linear-gradient(0deg,#082457ef 0%,#123974c4 53%,#1c4c8433 100%)}.campaign h1{font-size:47px}.campaign>span{font-size:16px;margin:18px 0}.campaign a{padding:15px 18px}.arrows{display:none}.dots{left:22px;transform:none;bottom:26px}.families{padding:64px 22px 38px}.heading h2{font-size:43px}.families-grid{grid-template-columns:1fr;gap:14px}.family{min-height:300px}.family>img{opacity:.58}.communicator>img{height:105%;bottom:-15%}.projects>img{height:72%;opacity:.32}.purpose{display:block;margin:0 22px;padding:49px 28px}.purpose h2{font-size:45px}.purpose>p:last-child{font-size:17px;margin-top:25px}.practical{grid-template-columns:1fr;padding:38px 22px 45px}.practical a{min-height:94px}footer{grid-template-columns:1fr 1fr;padding:46px 22px 24px;gap:26px}.foot-brand{grid-column:1/-1}footer img{width:230px}.social i{width:34px;height:34px}.oxi{right:14px;bottom:14px}.oxi-card{width:min(285px,calc(100vw - 28px))}}

/* Correccion logo footer maestro */
footer .foot-brand img { width: 250px; height: 95px; object-fit: contain; object-position: left center; max-width: 100%; }
@media(max-width: 650px) { footer .foot-brand img { width: 230px; } }

@media (min-width: 768px) {
  .hero h1, .section-head h2 { font-size: 4.25rem !important; }
  .contact-header h1 { font-size: 3.75rem !important; }
  .conceptpage h1, .panel h1 { font-size: 4rem !important; }
  .conceptpage h2, .panel h2 { font-size: 2rem !important; }
  .family-card h3 { font-size: 1.75rem; }
}
.draft-notice {
    display: inline-block;
    padding: 7px 14px;
    margin-bottom: 26px;
    background-color: #fce8f4;
    color: #c7297e;
    font-size: 0.75rem;
    font-weight: 800;
    border-radius: 8px;
    letter-spacing: 0.3px;
    border: 1px dashed #eca1ce;
}