/* Ibérica — edición editorial, septiembre 2026 */
:root{--oro:#d4ad61;--oroclaro:#f1dba7;--deg:linear-gradient(110deg,#f1dba7,#c59847);--gris:#b6b3bf;--gris2:#94919f;--borde:rgba(231,204,146,.16);--blanco:#101018;--hueso:#13121d;--nube:#1c1926;--tinta:#f6f2e9}
html{scroll-behavior:smooth;background:#060609}body{background:#060609;font-size:16px}
body::before{background:radial-gradient(ellipse at 84% 12%,#321d4938,transparent 55%),radial-gradient(ellipse at 12% 65%,#42302130,transparent 55%),#060609}
.atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}
.atmosphere::before,.atmosphere::after{content:"";position:absolute;width:110vw;height:90vh;left:-20vw;top:12vh;background:url('violet-smoke.webp') center/contain no-repeat;opacity:.13;mix-blend-mode:screen;animation:ambientDrift 28s ease-in-out infinite alternate}
.atmosphere::after{left:30vw;top:48vh;opacity:.09;animation-duration:36s;animation-direction:alternate-reverse;transform:rotate(160deg)}
.ambient-light{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 15%,#9265ce22,transparent 44%);animation:lightDrift 20s ease-in-out infinite alternate}
.ambient-spark{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;border-radius:50%;background:#ead09a;box-shadow:0 0 9px #d6a652;opacity:0;animation:sparkDrift var(--duration) linear var(--delay) infinite}
@keyframes ambientDrift{from{translate:-3% 0;rotate:-8deg}to{translate:12% -8%;rotate:7deg}}
@keyframes lightDrift{to{opacity:.4;transform:translate(-12%,10%)}}
@keyframes sparkDrift{0%,100%{opacity:0;transform:translateY(20px)}35%,70%{opacity:.5}95%{transform:translate(25px,-100px)}}
.cab{background:#08080dcc;border-bottom:1px solid #d4ad6129}.cab-int{height:82px}
.marca-txt .n2,.familia,.hero-kicker,.hero .destacado .ver,.hero .carr::before,.rotulo,.section-head span,.sku{color:var(--oroclaro)!important}
.grad{background:linear-gradient(110deg,#fff8e8 12%,#d9b56f 75%,#a67a35);background-clip:text;-webkit-background-clip:text}
.pip,.punto.on,.pista span::after{background:var(--oro);color:#100d08;box-shadow:0 0 18px #d4ad6140}
.ico:hover,.var:hover,.cap:hover{border-color:var(--oro);color:var(--oroclaro)}
.hero{min-height:640px;margin-bottom:20px;padding:62px 48px 38px;column-gap:22px;border-radius:0 0 8px 8px;background:linear-gradient(95deg,#09090ff2,#10101bb5);border-bottom:1px solid #d4ad613b}
.hero::before{background:radial-gradient(closest-side,#9870d442,transparent 70%);animation:lightDrift 15s ease-in-out infinite alternate}
.hero::after{opacity:.15;background-image:linear-gradient(120deg,transparent 40%,#e5c27c38 49%,transparent 58%);background-size:200% 100%;animation:lightDrift 17s ease-in-out infinite alternate}
.hero h1{font-family:var(--serif);font-weight:600;line-height:1.06;font-size:clamp(44px,5.4vw,78px);letter-spacing:-.045em;max-width:10ch}
.hero .lead{font-size:16px;max-width:38ch;color:#bbb6c5;line-height:1.8}.hero-kicker{font-size:12px;letter-spacing:.14em;line-height:1.7}
.hero .sellos{flex-wrap:wrap;margin-top:24px}.hero .sello{font-size:12px}.hero .sello svg,.catalog-search svg{stroke:var(--oro)}
.hero .destacado{min-height:615px;padding:32px 12px 22px;background:radial-gradient(ellipse at 50% 50%,#805b8e20,transparent 60%);border:0}
.hero-visual{height:460px;flex-basis:460px;width:min(310px,88%)}
.hero-product-copy{margin-top:0}.hero .destacado h3{font-size:30px;letter-spacing:.035em}.hero .destacado p{font-size:14px}.hero .carr::before{top:0;font-size:12px;letter-spacing:.12em}
@keyframes capEpic{0%,24%{transform:translateX(-50%);opacity:1}38%{transform:translate(-50%,-55px) rotate(-4deg);opacity:1}52%{transform:translate(20%,-120px) rotate(22deg);opacity:1}67%{transform:translate(135%,-180px) rotate(70deg);opacity:0}100%{transform:translate(200%,-200px) rotate(90deg);opacity:0}}
.hero-actions{grid-column:1;z-index:3;display:flex;margin-top:28px;align-self:start}.hero-actions a{display:inline-flex;padding:13px 20px;border:1px solid #d4ad6180;border-radius:4px;color:#f1dba7;text-decoration:none;font-size:14px;gap:18px;background:#d4ad610a}
.hero-actions a:hover{background:#d4ad611c}.hero .carr{grid-row:1/7}
.lab-strip{border-radius:6px;margin-bottom:62px;border-color:#d4ad6129;background:#d4ad6129}
.lab-card{background:#0d0c13e8;min-height:155px;padding:25px 28px}.lab-card small{font-size:12px;color:#b4a996;letter-spacing:.12em}.lab-card strong{color:#efdab0;font-size:27px}.lab-card p{font-size:14px;color:#aca7b5;line-height:1.7}.lab-card::after{background:linear-gradient(90deg,#d4ad6170,transparent);bottom:16px}
.section-head h2{font-family:var(--serif);font-weight:600;font-size:clamp(32px,4vw,52px);margin-top:12px}.section-head span{font-size:12px;letter-spacing:.18em}
.catalog-search{max-width:none;background:#101018db}.catalog-search input{font-size:16px}.catalog-search:focus-within{border-color:var(--oro);box-shadow:0 0 0 3px #d4ad6117}
.cap{font-size:14px!important;color:#bbb6c5!important;border-color:#d4ad6124!important;white-space:normal}.cap.on,.var.on,.modal-tabs button.on{background:var(--deg)!important;color:#151007!important}.cap.on{box-shadow:none}.cap.on .n{color:#151007}
.rejilla{gap:22px}.tarj{border:1px solid #d4ad6124;border-radius:8px;background:#0d0d15e8;transition:transform .4s,border-color .4s,box-shadow .4s;overflow:hidden}.tarj:hover{transform:translateY(-5px);border-color:#d4ad6180;box-shadow:0 22px 48px #0007}
.escena{position:relative;min-height:290px;background:radial-gradient(ellipse at 50% 70%,#8c66be26,transparent 60%),linear-gradient(135deg,#15131e,#09090f)}
.escena::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#e7d8b418 48%,transparent 65%);transform:translateX(-130%);transition:transform 1s}.tarj:hover .escena::after{transform:translateX(130%)}
.tarj .vial-foto{transition:filter .5s,translate .5s}.tarj:hover .vial-foto{translate:0 -6px;filter:drop-shadow(0 22px 24px #0009)}
.info{padding:23px;gap:9px}.familia{font-size:12px!important;line-height:1.6;letter-spacing:.08em}.titulo{font-size:24px;line-height:1.25}.sku{font-size:12px}.formula{font-size:14px;color:#c5bdad}.resumen{font-size:15px;line-height:1.75;color:#bdb7c8;display:block;min-height:78px}.clave,.var,.rotulo,.medida .v{font-size:12px}.var{min-height:40px;padding:10px 14px}.medida .u{font-size:14px}.ahorro{font-size:12px;color:#f1dba7;background:#d4ad610d;border-color:#d4ad6133}.tachado{font-size:14px}
.sumar,.btn{background:var(--deg);color:#171007;box-shadow:0 5px 25px #d4ad6110;font-size:12px;letter-spacing:.07em;min-height:46px}.mas,.btn.fantasma{background:#ffffff06;color:#ece7df;border-color:#d4ad6130}.sumar:hover,.btn:hover{filter:brightness(1.09)}
.ficha{width:100%;max-width:none;inset:0;padding:36px 24px;overflow-y:auto;overscroll-behavior:contain;background:transparent;display:block}.ficha-int{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);border:1px solid #d4ad6145;background:#101018;border-radius:12px;overflow:hidden;position:relative}.ficha-esc{background:radial-gradient(ellipse,#8c66be27,transparent 65%),#0b0b12;border-color:#d4ad6129;min-height:440px}.ficha-txt{padding:42px 32px}.ficha-txt h2{font-size:32px;line-height:1.2;overflow-wrap:anywhere}.ficha-txt>p{font-size:16px!important;line-height:1.8}.ficha-cerrar{position:sticky;top:0;grid-column:1/-1;justify-self:end;margin:12px 12px -56px 0;width:44px;height:44px;z-index:5;border-radius:50%;background:#201c29;color:#f3dfb9;border:1px solid #d4ad6150;display:grid;place-items:center}.chip-c{font-size:12px}.tabla-comp th{font-size:12px}.tabla-comp td,.tabla-comp td.d{font-size:14px}.tabla-comp{table-layout:auto}.tabla-comp td{overflow-wrap:anywhere}.qty button{width:40px;height:40px}
.science{grid-column:1/-1;padding:40px 36px;border-top:1px solid #d4ad6140;background:linear-gradient(135deg,#15111b,#0c0d14)}
.science-header{display:flex;justify-content:space-between;align-items:start;gap:22px;margin-bottom:25px}.science-kicker{font:500 12px/1.6 var(--mono);letter-spacing:.13em;color:var(--oro);text-transform:uppercase}.science h3{font-family:var(--serif);font-weight:600;font-size:clamp(27px,3vw,38px);margin:8px 0 0;line-height:1.2}.evidence-badge{border:1px solid #aa86d752;color:#d4bbea;background:#9764c514;padding:8px 12px;border-radius:4px;font-size:12px;max-width:240px}
.science-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:32px}.science figure{margin:0}.science figure img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;border:1px solid #d4ad6129;display:block}.science figcaption{color:#9992a7;font-size:12px;line-height:1.7;margin-top:10px}.science p{font-size:16px;line-height:1.85;color:#c2bbc9;margin:0 0 18px}.science h4{font-family:var(--sans);font-size:16px;letter-spacing:0;color:#f0dcc1;margin:22px 0 8px}.science h4:first-child{margin-top:0}.science-tags{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.science-tags span{font-size:12px;color:#d3c0a3;border:1px solid #d4ad612a;border-radius:4px;padding:6px 9px}.science-limit{border-left:2px solid #b98bd2;padding:8px 0 8px 16px;margin-top:20px}.science-limit p{margin:0}.science details{margin-top:24px;padding:18px 0 0;border-top:1px solid #d4ad6129}.science summary{font-size:14px;color:#f0d5a0;cursor:pointer;min-height:32px}.science ol{padding-left:22px;color:#bcb3c6;font-size:14px;line-height:1.8}.science a{color:#d9bb83;text-underline-offset:4px}.science a:hover{color:#fff0cb}.science-note{font-size:12px!important;margin:14px 0 0!important;color:#9d95aa!important}.science .muscle-note{font-size:14px;padding:14px 16px;background:#ffffff04;border:1px solid #d4ad611f;border-radius:4px}
.modal-int{background:#11111a;border:1px solid #d4ad6140;color:#f0ede7}.modal-cab p,.nota{color:#c5bacb}.modal-tabs button{font-size:14px}.campo label{font-size:14px}.campo input,.campo textarea{font-size:16px!important}.nota{font-size:14px;line-height:1.7;background:#ac7ec010;border-color:#ac7ec033}.resumen-pedido{background:#ffffff04}.modal-x{color:#f0d5a0}
.pie{background:#09090ddf}.pie p,.pie li,.legal{font-size:14px!important;color:#aaa3b4}.pie h4{color:#e0c18a}
:focus-visible{outline:2px solid #e3bf79!important;outline-offset:4px}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
@media(min-width:761px){.hero .sellos{align-self:start}.hero .hero-actions{align-self:start}}
@media(max-width:1040px){.hero{padding:48px 28px;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)}.hero h1{font-size:clamp(42px,5.5vw,60px)}.ficha-txt{padding:42px 24px}.science{padding:32px 24px}}
@media(max-width:760px){.cab-int{height:70px}.hero{padding:38px 18px 24px;text-align:left}.hero-kicker{text-align:left}.hero h1{font-size:clamp(40px,11vw,65px);max-width:12ch}.hero .lead{font-size:16px;margin:20px 0 0}.hero .sellos{justify-content:flex-start}.hero-actions{margin-top:22px}.hero .carr{margin-top:24px}.hero .carr::before{display:none}.hero .destacado{min-height:510px;padding:0 12px 12px}.hero-visual{height:390px;flex-basis:390px;width:min(270px,86%)}.hero .destacado h3{font-size:27px}.lab-strip{margin-bottom:42px}.lab-card{min-height:130px;padding:22px}.lab-card strong{font-size:24px;margin-top:13px}.section-head h2{font-size:35px}.rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tarj{display:flex;flex-direction:column}.escena{min-height:210px;aspect-ratio:auto;width:100%}.info{padding:15px;width:100%}.titulo{font-size:19px;overflow-wrap:anywhere}.resumen{font-size:14px;min-height:0}.formula,.claves{display:none}.familia{font-size:12px!important}.pvp{font-size:24px}.sumar{font-size:12px;letter-spacing:0;padding:10px 7px}.mas{width:42px;flex-shrink:0}.precios{flex-wrap:wrap}.ficha{padding:0;background:#101018}.ficha-int{display:block;border:0;border-radius:0;min-height:100dvh}.ficha-cerrar{position:fixed;top:8px;right:8px;margin:0}.ficha-esc{min-height:270px;height:300px;padding:28px 50px}.ficha-txt{padding:25px 20px}.science{padding:30px 20px}.science-layout{grid-template-columns:1fr;gap:24px}.science figure{max-width:400px;margin:auto}.science figure img{max-height:360px}.science-header{display:block}.evidence-badge{display:inline-block;margin-top:16px}.tabla-comp th{font-size:12px}.tabla-comp td,.tabla-comp td.d{font-size:13px}.chip-c{font-size:12px}.atmosphere::before,.atmosphere::after{width:160vw;opacity:.08}.science p{font-size:16px}.science h3{font-size:30px}}
@media(max-width:440px){.rejilla{grid-template-columns:1fr}.tarj .escena{min-height:260px}.info{padding:22px}.titulo{font-size:25px}.resumen{font-size:15px}.formula{display:block}.hero .sello{font-size:12px}.modal{padding:10px}.modal-int{padding:24px 18px}.tabla-comp th:nth-child(2){width:36%}.tabla-comp th:nth-child(3){width:34%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.ambient-spark{display:none}.hero .hero-vial-cap{transform:translateX(-50%)!important}.hero-dna,.hero-opening{opacity:0!important}.hero .hero-vial-body{transform:translateX(-50%)!important}}