@import url('../../assets/fonts/fonts.css');
:root{--ink:#102654;--cyan:#05c4e8;--blue:#1b64e6;--violet:#8049e8;--pink:#e63da5}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;background:linear-gradient(120deg,#e9fcff,#fff 44%,#fff6fd 76%,#ffe5fa)}a{color:inherit;text-decoration:none}header{height:82px;padding:0 5.5%;display:flex;align-items:center;gap:27px;background:#fffffff2;position:sticky;top:0;z-index:5;border-bottom:1px solid #edf1f7}.brand img{width:190px;display:block}.corporate{font-size:0.75rem;line-height:1.6;margin:0;border-left:1px solid #e7edf7;padding-left:25px}.corporate strong{color:var(--pink)}nav{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:13px;font-weight:800}nav a{padding:30px 0}.current{color:var(--violet);border-bottom:3px solid var(--pink)}.contact{color:white;padding:13px 22px;border-radius:25px;background:linear-gradient(100deg,var(--cyan),var(--blue),var(--pink))}.menu{display:none;border:0;border-radius:12px;padding:11px;background:#f2f6fb;color:var(--ink);font:700 13px Manrope}
.hero{min-height:530px;padding:70px 7%;display:grid;grid-template-columns:45% 55%;align-items:center;overflow:hidden;background:radial-gradient(circle at 78% 48%,#f2d6fb 0,transparent 31%),linear-gradient(115deg,#dffaff,#fff 48%,#fff2fd)}.hero-copy>p,.section-head>p{font-size:0.9375rem;font-weight:800;margin:0 0 15px}.hero-copy>p:before,.section-head>p:before{content:"";display:inline-block;width:23px;height:3px;margin:0 9px 3px 0;background:linear-gradient(90deg,var(--cyan),var(--pink))}.hero h1,.section-head h2{font:800 2.625rem/.99 Outfit;margin:0;letter-spacing:-.055em}.hero h1 em,.section-head span{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>span{display:block;max-width:480px;margin-top:20px;font-size:16px;line-height:1.58}.hero-copy>a{display:inline-flex;gap:26px;margin-top:25px;padding:15px 23px;color:#fff;background:#112b60;border-radius:28px;font-size:13px;font-weight:800}.hero-visual{min-height:410px;position:relative}.xose-slot{position:absolute;inset:42px 9% 42px 8%;padding:35px;display:flex;flex-direction:column;justify-content:center;border:1.5px dashed #a884d8;border-radius:26px;background:linear-gradient(135deg,#f4e8ffc0,#e5faffb0);color:#6437b9}.xose-slot:before{content:"";position:absolute;inset:14px;border:1px solid #fff;border-radius:18px}.xose-slot>*{z-index:1}.xose-slot span{font-size:0.75rem;font-weight:800;letter-spacing:.1em}.xose-slot b{font:700 30px Outfit;margin:8px 0}.xose-slot small{font-size:0.875rem}.hero-oxi{position:absolute;right:-2%;bottom:0;width:min(355px,53vw);z-index:2;filter:drop-shadow(0 20px 18px #3156a136)}.signal{position:absolute;border:1px solid #60d8ef;border-radius:50%}.s1{width:310px;height:310px;right:6%;bottom:22px}.s2{width:410px;height:410px;right:-5%;bottom:-28px;border-color:#d88be5}
.families,.latest,.process{padding:65px 5.5%;background:linear-gradient(120deg,#fff,#f9fdff 42%,#fffaff)}.section-head{text-align:center;max-width:720px;margin:0 auto 32px}.section-head h2{font-size:1.75rem}.family-grid,.video-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1400px;margin:auto}.family-card,.video-row a{padding:18px 20px 20px;border:1px solid #cce3f6;border-radius:19px;background:#fff;box-shadow:0 10px 22px #2133680d;overflow:hidden}.family-card:nth-child(2){border-color:#a7ddee}.family-card:nth-child(3){border-color:#d3b4ef}.family-card:nth-child(4){border-color:#f3afd9}.visual{height:155px;border-radius:13px;overflow:hidden;position:relative;background:#eafdff}.visual img{width:100%;height:100%;object-fit:cover}.brain img{object-position:center}.family-card>i{display:block;margin:14px 0 10px;color:#5780a7;font-style:normal;font-size:0.875rem;font-weight:800}.family-card h3{font:800 22px/1.02 Outfit;margin:0 0 9px}.family-card p{min-height:57px;margin:0 0 17px;font-size:0.9375rem;line-height:1.55}.family-card>b{font-size:0.9375rem;color:var(--blue)}.news-art{background:linear-gradient(130deg,#c5f7ff,#fbf3ff)}.news-art span{position:absolute;top:25px;left:25px;font:800 42px Outfit;color:#2867e4}.news-art em{position:absolute;right:28px;top:30px;font:800 52px Outfit;color:#d743ad}.news-art div{position:absolute;bottom:20px;left:25px;width:72%;height:36px;border-left:4px solid var(--cyan);border-bottom:4px solid var(--violet);transform:skewX(-20deg)}.lab-art{background:radial-gradient(circle at 50% 40%,#fff 0 7%,transparent 8%),linear-gradient(135deg,#e7fcff,#f9e5ff)}.lab-art span{position:absolute;font:800 58px Outfit;color:#8248e7;left:43%;top:33px}.lab-art i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 8px #11c5e522}.lab-art i:nth-of-type(1){left:24%;top:28%}.lab-art i:nth-of-type(2){right:20%;bottom:27%;background:var(--pink)}.lab-art i:nth-of-type(3){left:32%;bottom:21%;background:var(--violet)}.reel-art{background:linear-gradient(130deg,#d5f9ff,#f9dcf2)}.reel-art img{height:155%;width:auto;position:absolute;right:6%;bottom:-26%}.reel-art span,.thumb b{position:absolute;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#6837ca}.reel-art span{left:18px;bottom:16px}.latest{padding-top:15px}.video-row a{padding:10px}.thumb{height:150px;border-radius:11px;position:relative;overflow:hidden;background:#e8faff}.thumb img{width:100%;height:100%;object-fit:cover}.t2 img{object-position:center 18%}.t3{display:grid;place-items:center;background:linear-gradient(130deg,#00c9ed,#6145db,#ed46af)}.t4{display:grid;place-items:center;background:linear-gradient(130deg,#e5fbff,#fae2f5)}.t3 span,.t4 span{font:800 25px/1 Outfit;color:#fff;text-align:center}.t4 span{color:#244e9b}.thumb b{right:12px;bottom:12px}.video-row small{display:block;margin:12px 0 5px;color:#743ee2;font-size:0.75rem;font-weight:800}.video-row h3{font:700 16px Outfit;margin:0}.provisional{text-align:center;color:#7284a6;font-size:0.875rem}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:1400px;margin:auto}.steps article{min-height:135px;padding:18px;position:relative;border:1px solid #dce5f6;border-radius:15px;background:#fff}.steps i{font-style:normal;font-size:0.75rem;font-weight:800;color:#fff;background:var(--blue);border-radius:50%;padding:5px 7px}.steps h3{font:800 15px Outfit;margin:13px 0 4px}.steps p{font-size:0.875rem;margin:0}.steps b{position:absolute;right:13px;top:52px;color:var(--blue)}
.practical{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:28px 5.5%;background:#fff}.practical a{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #cfdff3;border-radius:15px;box-shadow:0 8px 17px #2133680b}.practical i{font-style:normal;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--cyan),var(--blue))}.practical strong{display:block;font-size:0.9375rem}.practical span{display:block;font-size:0.75rem;margin-top:3px}.practical b{margin-left:auto;color:var(--pink)}footer{display:grid;grid-template-columns:2.2fr repeat(4,1fr);gap:25px;padding:40px 5.5% 45px;position:relative;background:linear-gradient(115deg,#dff8ff,#fff 44%,#fbe2f6)}footer .foot-brand img{width:245px;max-width:100%}.foot-brand p,footer small{font-size:0.875rem;line-height:1.6}footer h4{font-size:0.875rem;text-transform:uppercase;margin:5px 0 12px}footer>div>a{display:block;font-size:0.875rem;line-height:1.85}.social{display:flex;gap:7px}.social i{font-style:normal;border:1px solid #c7aae9;border-radius:9px;display:grid;place-items:center;width:34px;height:34px;color:#8a3bc4;font-weight:800}footer>em{position:absolute;bottom:15px;left:40%;font-size:0.75rem;font-style:normal}.oxi{position:fixed;right:23px;bottom:20px;z-index:20}.launch{border:0;background:transparent;padding:0;position:relative}.launch img{width:78px;height:78px;object-fit:cover;object-position:center 9%;border-radius:50%;box-shadow:0 8px 19px #25407e44}.launch span{position:absolute;right:0;bottom:4px;width:20px;height:20px;border-radius:50%;background:#18c477;color:#fff;font-weight:800}.oxi-card{width:218px;padding:18px;background:#fff;border:1px solid #dfe6f5;border-radius:17px;box-shadow:0 16px 36px #253d7426;position:absolute;right:0;bottom:91px}.oxi-card p{font-size:0.9375rem;line-height:1.5;margin:0 0 10px}.oxi-card button{display:flex;width:100%;justify-content:space-between;border:1px solid #e5e9f4;background:#fff;border-radius:8px;padding:8px;margin-top:6px;color:var(--ink);font:700 11px Manrope}.oxi-card .close{border:0;width:auto;position:absolute;right:8px;top:5px;font-size:16px}.oxi-card[hidden]{display:none}
@media(max-width:980px){.corporate{display:none}.family-grid,.video-row{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}footer{grid-template-columns:2fr repeat(2,1fr)}}@media(max-width:650px){header{height:78px;padding:0 20px}.brand img{width:100px}.menu{display:block;margin-left:auto}nav{display:none;position:absolute;top:77px;left:0;right:0;background:#fff;box-shadow:0 10px 20px #162e6422;padding:12px 20px;flex-direction:column;align-items:flex-start;gap:0}nav.open{display:flex}nav a{padding:9px 0}.hero{min-height:642px;display:block;padding:52px 23px 0}.hero-copy{max-width:275px}.hero h1{font-size:44px}.hero-copy>span{font-size:14px}.hero-visual{height:284px;margin-top:13px}.xose-slot{inset:15px 0 30px 10%;padding:25px}.xose-slot b{font-size:23px}.hero-oxi{width:210px;right:-12px}.s1{width:230px;height:230px;right:2px}.s2{width:285px;height:285px}.families,.latest,.process{padding:50px 20px}.family-grid,.video-row{grid-template-columns:1fr}.family-card{min-height:330px}.video-row a{display:grid;grid-template-columns:130px 1fr;column-gap:13px;align-items:center}.video-row .thumb{grid-row:span 3;height:100px}.video-row small,.video-row h3{margin:0}.steps{grid-template-columns:1fr 1fr}.practical{grid-template-columns:1fr;padding:22px 20px}footer{grid-template-columns:1fr 1fr;padding:34px 22px 50px}.foot-brand{grid-column:span 2}footer>em{left:22px}.oxi{right:13px;bottom:14px}.launch img{width:62px;height:62px}.oxi-card{right:0;bottom:72px}}

/* Correcciones visuales mobile: Biblioteca .head */
#biblioteca .head { max-width: 1400px; margin: 0 auto 35px auto; padding: 0 8%; }
#biblioteca .head p { margin-bottom: 12px; }
@media(max-width: 650px) { #biblioteca .head { padding: 0 22px; } }

@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; }
}
/* XANTALALSHOP — PRACTICAL CANONICAL COMPONENT */
:root {
  --muted: #516783;
  --line: #ccdcf1;
  --grad: linear-gradient(105deg,var(--cyan),var(--blue) 40%,var(--violet) 70%,var(--pink));
}
.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)}
@media(max-width:1100px){
.practical{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
.practical{grid-template-columns:1fr;padding:38px 22px 45px}
.practical a{min-height:94px}
}