@import url('../../assets/fonts/fonts.css');:root{--ink:#102647;--muted:#516783;--line:#cadcf1;--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% 12%,#fff 0 17%,transparent 48%),linear-gradient(117deg,#e3f8ff,#fff 44%,#fbe8fb)}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(--pink);padding-bottom:9px}.contact{padding:14px 21px;border-radius:99px;background:var(--grad);color:#fff!important}.menu{display:none;border:0;background:#eff5fb;border-radius:12px;padding:10px 13px;font:600 14px inherit}.hero{min-height:470px;padding:clamp(52px,6vw,85px) clamp(26px,7vw,110px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;position:relative;overflow:hidden;background:linear-gradient(108deg,#e2f9ff 0%,#fff 43%,#f8dffc 100%)}.hero-copy{position:relative;z-index:2}.hero-copy>p,.examples>p,.process-title>p{font-size:0.9375rem;letter-spacing:.14em;font-weight:700;margin:0 0 17px}.hero-copy>p:before,.examples>p:before,.process-title>p:before{content:"";display:inline-block;width:28px;height:3px;background:var(--grad);vertical-align:middle;margin-right:9px}.hero h1,h2,h3,strong{font-family:Outfit,sans-serif;letter-spacing:-.055em}.hero h1{font-size:clamp(48px,5vw,75px);line-height:.98;margin:0}.hero h1 em,.process h2 span{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>span{display:block;max-width:480px;line-height:1.52;font-size:18px;color:#385676;margin:21px 0}.hero-copy>a{display:inline-flex;gap:20px;color:#fff;background:var(--ink);padding:15px 20px;border-radius:99px;text-decoration:none;font-weight:700}.reel{height:390px;position:relative}.halo{position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,#5ee4ff67 0,transparent 20%),radial-gradient(circle at 75% 35%,#e77bd45e 0,transparent 37%)}.film{position:absolute;width:123%;height:155px;top:95px;left:-12%;border-top:15px solid #293f8bc9;border-bottom:15px solid #293f8bc9;transform:rotate(-5deg);display:flex;gap:14px;padding:11px;opacity:.74}.film:before,.film:after{content:"";position:absolute;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,transparent 0 18px,#fff 18px 29px);top:-14px}.film:after{top:auto;bottom:-14px}.film i{flex:1;background:linear-gradient(145deg,#5a92dc,#e2c4e2);border-radius:4px}.memory{position:absolute;border:8px solid #fff;box-shadow:0 12px 28px #4d49882b;background:linear-gradient(145deg,#758ec1,#f8c4e4);width:132px;height:112px;transform:rotate(-8deg)}.memory.one{top:30px;left:18%;background:linear-gradient(145deg,#557494,#d4e4ec)}.memory.two{right:16%;top:70px;transform:rotate(8deg);background:linear-gradient(145deg,#f8d1a9,#79718a)}.memory.three{right:36%;bottom:15px;transform:rotate(-3deg);background:linear-gradient(145deg,#7ba4ca,#ecd1f2)}.lines{padding:32px clamp(26px,4vw,62px) 54px}.line-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.line,.premium{position:relative;overflow:hidden;text-decoration:none;color:var(--ink);border:1.5px solid var(--accent);background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 13px 25px #3d537319;border-radius:19px}.line{min-height:300px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end}.line>i{position:absolute;top:18px;left:19px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-style:normal}.line h2{font-size:26px;line-height:1.02;margin:0;max-width:300px}.line p{font-size:14px;line-height:1.5;color:#49627d;max-width:245px;margin:11px 0 18px}.line>b,.premium b{font-size:14px;color:var(--accent)}.family{--accent:#176ee9}.gift{--accent:#df42a6;background:linear-gradient(145deg,#fff7fc,#fff)}.heritage{--accent:#08bccc;background:linear-gradient(145deg,#f2feff,#fff)}.memory-card{position:absolute;right:20px;top:20px;width:156px;height:128px;background:linear-gradient(145deg,#867a6c,#e7dbbd);box-shadow:inset 0 0 0 7px #fff9;border-radius:5px;opacity:.84}.memory-card:after{content:"";position:absolute;width:92px;height:67px;right:-20px;bottom:-20px;background:linear-gradient(145deg,#7d6a57,#e8d6bb);border:6px solid #fff;transform:rotate(7deg)}.gift-art{position:absolute;right:25px;top:15px;font-size:145px;color:#df42a633;transform:rotate(-9deg)}.place-art{position:absolute;right:25px;top:27px;font-size:145px;color:#08bccc2c}.premium{--accent:#7e52e2;margin-top:17px;min-height:116px;padding:20px 130px 20px 88px;display:flex;align-items:center;gap:22px;background:linear-gradient(105deg,#f5efff,#fff 52%,#fff1fb)}.premium>i{position:absolute;left:23px;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-style:normal}.premium span{font-size:0.75rem;letter-spacing:.09em;background:var(--grad);color:#fff;padding:4px 7px;border-radius:5px;font-weight:700}.premium h2{font-size:23px;margin:7px 0}.premium p{font-size:13px;color:#52647e;margin:0 0 9px;max-width:740px}.crest{position:absolute;right:32px;font-size:82px;color:#7e52e21f}.examples{text-align:center;padding:35px 25px 24px}.examples>p{margin-bottom:11px}.examples h2{font-size:35px;margin:0}.examples>span{display:block;color:var(--muted);margin:10px auto 19px;font-size:14px}.example-frame{height:95px;max-width:800px;margin:auto;border:1.5px dashed #aec6e5;border-radius:16px;background:#ffffff70;display:flex;align-items:center;justify-content:center;gap:12px;color:#70829b;font-size:13px}.example-frame i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font-style:normal}.process{padding:50px clamp(26px,4vw,62px)}.process-title{text-align:center;margin-bottom:24px}.process-title>p{margin-bottom:10px}.process h2{font-size:39px;margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps article{min-height:156px;border:1.5px solid #d1e2f2;background:#ffffffbb;border-radius:16px;padding:18px;position:relative}.steps article:nth-child(2){border-color:#bceaf4}.steps article:nth-child(3){border-color:#d9c9fb}.steps article:nth-child(4){border-color:#f1c7e5}.steps i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--grad);color:#fff;font-style:normal;font-size:0.75rem;font-weight:700}.steps h3{font-size:17px;margin:12px 0 6px}.steps p{font-size:0.9375rem;line-height:1.45;color:var(--muted);margin:0}.steps b{position:absolute;right:16px;bottom:16px;color:var(--blue)}.practical{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:8px clamp(26px,4vw,62px) 56px}.practical a{min-height:108px;border:1.5px solid var(--line);background:#ffffffba;border-radius:18px;box-shadow:0 10px 22px #344a7512;display:grid;grid-template-columns:43px 1fr 20px;align-items:center;gap:13px;padding:16px;color:var(--ink);text-decoration:none}.practical i{width:41px;height:41px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:700}.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(26px,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 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}@media(max-width:1050px){.corporate{display:none}nav{gap:13px}.line-grid{grid-template-columns:1fr 1fr}.heritage{grid-column:1/-1}.steps{grid-template-columns:1fr 1fr}.practical{grid-template-columns:1fr 1fr}footer{grid-template-columns:repeat(3,1fr)}.foot-brand{grid-column:span 3}}@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{min-height:605px;padding:48px 22px 34px;display:block}.hero h1{font-size:48px}.hero-copy>span{font-size:16px;max-width:270px}.reel{height:250px;margin-top:-24px}.film{top:50px;width:152%;left:-27%;transform:rotate(-5deg) scale(.75)}.memory{transform:scale(.7);opacity:.75}.memory.one{top:0}.memory.two{top:21px;right:1%}.memory.three{bottom:3px}.lines{padding:21px 22px 42px}.line-grid{grid-template-columns:1fr;gap:14px}.line{min-height:280px}.heritage{grid-column:auto}.premium{padding:20px 25px 20px 79px}.premium h2{font-size:22px}.premium p{font-size:0.9375rem}.crest{font-size:57px;right:16px}.examples{padding:26px 22px}.examples h2{font-size:31px}.process{padding:40px 22px}.process h2{font-size:34px}.steps{grid-template-columns:1fr;gap:10px}.steps article{min-height:130px}.practical{grid-template-columns:1fr;padding:10px 22px 43px}.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}.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; }
}
/* 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}
}

/* GRID DE EJEMPLOS */
.example-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 30px auto 0; max-width: 1100px; text-align: left; }
.example-card { background: #fff; border: 1.5px solid #d1e2f2; border-radius: 18px; overflow: hidden; box-shadow: 0 10px 25px rgba(22, 42, 81, 0.05); transition: 0.3s; text-decoration: none; }
.example-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(22, 42, 81, 0.1); }
.example-card .img-wrap { width: 100%; aspect-ratio: 16/9; overflow: hidden; background: #eef4fb; }
.example-card img { width: 100%; height: 100%; object-fit: cover; }
.example-card h3 { font-size: 19px; margin: 18px 20px 8px; color: #162a51; }
.example-card p { font-size: 14px; margin: 0 20px 22px; color: #516783; line-height: 1.5; }
@media(max-width: 768px) { .example-grid { grid-template-columns: 1fr; gap: 16px; } }