@property --bc4-base{syntax: "<color>"; inherits: true; initial-value: #040B26;}@property --bc4-b1{syntax: "<color>"; inherits: true; initial-value: #2F40A0;}@property --bc4-b2{syntax: "<color>"; inherits: true; initial-value: #4A6FE0;}@property --bc4-b3{syntax: "<color>"; inherits: true; initial-value: #0B1B5C;}.bc4{--bc4-papel: #F4F4F0;--bc4-tinta: #141414;--bc4-gris: #55534D;--bc4-cobalto: #2340FF;--bc4-blanco: #F7F6F2;--bc4-serif: "Instrument Serif", Georgia, serif;--bc4-sans: var(--font-body--family, "Manrope", system-ui, sans-serif);--bc4-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bc4-gutter: clamp(16px, 3.6vw, 52px);font-family:var(--bc4-sans);color:var(--bc4-tinta);-webkit-font-smoothing:antialiased}.bc4 *,.bc4 *:before,.bc4 *:after{box-sizing:border-box}.bc4 :where(h1,h2,h3,p,figure){margin:0}:where(.bc4) a{color:inherit;text-decoration:none}.bc4-wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--bc4-gutter)}.bc4-serif{font-family:var(--bc4-serif);font-weight:400;letter-spacing:-.01em}.bc4-mono{font-family:var(--bc4-mono);text-transform:uppercase;letter-spacing:.05em;font-size:12px;line-height:1.4}.bc4-etiqueta{color:var(--bc4-gris)}.bc4-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bc4-color{position:relative;isolation:isolate;color:var(--bc4-blanco);transition:--bc4-base 1.4s ease,--bc4-b1 1.4s ease,--bc4-b2 1.4s ease,--bc4-b3 1.4s ease}.bc4-mesh{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background-color:var(--bc4-base);contain:strict}.bc4-mancha{position:absolute;border-radius:50%;will-change:transform;background:radial-gradient(closest-side,var(--m),transparent)}.bc4-mancha--a{--m: var(--bc4-b1);width:80%;height:100%;inset-inline-start:32%;top:-30%;animation:bc4-a 16s ease-in-out infinite alternate}.bc4-mancha--b{--m: var(--bc4-b3);width:66%;height:80%;inset-inline-start:-18%;top:38%;animation:bc4-b 19s ease-in-out infinite alternate}.bc4-mancha--c{--m: var(--bc4-b2);width:46%;height:62%;inset-inline-start:54%;top:42%;opacity:.6;animation:bc4-c 13s ease-in-out infinite alternate}.bc4-mancha--d{--m: var(--bc4-b2);width:42%;height:56%;inset-inline-start:10%;top:-20%;opacity:.28;animation:bc4-b 22s ease-in-out infinite alternate-reverse}.bc4-mesh.es-quieta .bc4-mancha{animation-play-state:paused}.bc4-quiz .bc4-mancha{--m: var(--q)}@keyframes bc4-a{0%{transform:translate(0) scale(1)}50%{transform:translate(-9%,11%) scale(1.12)}to{transform:translate(6%,4%) scale(.94)}}@keyframes bc4-b{0%{transform:translate(0) scale(1)}to{transform:translate(18%,-14%) scale(1.2)}}@keyframes bc4-c{0%{transform:translate(0) scale(1)}50%{transform:translate(-24%,-18%) scale(1.25)}to{transform:translate(-6%,8%) scale(.9)}}.bc4-boton{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:14px 20px;border:1px solid transparent;border-radius:6px;cursor:pointer;font-family:var(--bc4-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;line-height:1;transition:background-color .3s,color .3s,border-color .3s}.bc4-boton__flecha{display:inline-block;transition:transform .3s}.bc4-boton:hover .bc4-boton__flecha{transform:translate(3px,-3px)}.bc4-boton--claro{background:var(--bc4-papel);color:#111}.bc4-boton--claro:hover{background:#fff}.bc4-boton--linea{border-color:#fff6;color:var(--bc4-blanco)}.bc4-boton--linea:hover{background:#ffffff1a}.bc4-boton--cobalto{background:var(--bc4-cobalto);color:#fff}.bc4-boton--cobalto:hover{background:#1630e0}.bc4-boton:focus-visible,.bc4 button:focus-visible,.bc4 a:focus-visible,.bc4 summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}.bc4-vidrio{background:#ffffff1c;border:1px solid rgb(255 255 255 / .18);border-radius:12px}.bc4-hero{min-height:min(900px,100svh);display:flex;flex-direction:column}.bc4-hero__cuerpo{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:0;align-items:center;padding-block:32px}.bc4-hero__texto{position:relative;z-index:2;display:flex;flex-direction:column;gap:26px;max-width:680px}.bc4-hero__antetitulo{color:#f7f6f2e6}.bc4-hero__titulo{font-size:clamp(50px,6.4vw,100px);line-height:.95;color:var(--bc4-blanco)}.bc4-hero__bajada{font-size:17px;line-height:1.5;max-width:470px;color:#f7f6f2eb}.bc4-hero__botones{display:flex;flex-wrap:wrap;gap:12px}.bc4-hero__libreta{position:relative;align-self:stretch;min-height:min(72svh,700px);display:flex;align-items:center;justify-content:center}.bc4-hero__libreta>.bc4-lienzo{position:absolute;top:-4%;right:-6%;bottom:-8%;left:-6%;width:auto;height:auto;min-height:0}.bc4-lienzo{position:relative;width:100%;height:100%;min-height:inherit;display:flex;align-items:center;justify-content:center}.bc4-lienzo>img{max-width:70%;max-height:88%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 30px 40px rgb(0 0 0 / .35))}.bc4-lienzo canvas.libreta3d{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;outline:none}.bc4-lienzo:has(canvas.libreta3d)>img{opacity:0;transition:opacity .6s}.bc4-hero__pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-bottom:26px}.bc4-selector{display:flex;flex-wrap:wrap;gap:2px;padding:4px;border-radius:999px}.bc4-selector__boton{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:0;border-radius:999px;background:none;color:var(--bc4-blanco);cursor:pointer;font-family:var(--bc4-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.bc4-selector__boton:hover{background:#ffffff1a}.bc4-selector__boton[aria-pressed=true]{background:#fff3}.bc4-punto{width:14px;height:14px;border-radius:50%;border:1px solid rgb(255 255 255 / .55);background:var(--bc4-c);flex:none}.bc4-hero__lema{color:#f7f6f2e6;font-size:11px}.bc4-barra{position:fixed;z-index:20;inset-inline:0;top:calc(var(--header-height, 64px) + 10px);pointer-events:none;opacity:0;transform:translateY(-12px);transition:opacity .4s,transform .4s}.bc4-barra.es-visible{opacity:1;transform:none;pointer-events:auto}.bc4-barra__fila{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bc4-mini{display:flex;flex-direction:column;gap:4px;min-height:64px;padding:14px 16px;border-radius:8px;background:#fff;color:var(--bc4-tinta);box-shadow:0 1px #0000000a,0 8px 24px #0000000f;transition:transform .3s,box-shadow .3s}.bc4-mini:hover{transform:translateY(-2px)}.bc4-mini.es-actual{box-shadow:0 0 0 2px var(--bc4-tinta)}.bc4-mini__fila{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.bc4-mini__nombre{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500}.bc4-mini__lomo{width:10px;height:14px;border-radius:1px 3px 3px 1px;background:var(--bc4-c)}.bc4-mini .bc4-mono{font-size:10px;color:var(--bc4-gris)}.bc4-seccion{padding-block:clamp(72px,9vw,120px)}.bc4-cabeza{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:end;margin-bottom:40px}.bc4-cabeza>:nth-child(1){grid-column:span 3}.bc4-cabeza>:nth-child(2){grid-column:span 5;font-size:clamp(26px,2.6vw,36px);font-weight:400;letter-spacing:-.01em;line-height:1.15}.bc4-cabeza>:nth-child(3){grid-column:span 4;font-size:15px;line-height:1.5;color:#3d3b36}.bc4-carril{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 18px;scrollbar-width:thin}.bc4-tarjeta{position:relative;isolation:isolate;flex:0 0 min(430px,84vw);height:580px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;border-radius:14px;overflow:hidden;background:#fff;color:var(--bc4-tinta);scroll-snap-align:start}.bc4-tarjeta .bc4-mesh{opacity:0;transition:opacity .8s ease}.bc4-tarjeta:is(:hover,:focus-within) .bc4-mesh{opacity:1}.bc4-tarjeta .bc4-mancha,.bc4-tarjeta .bc4-marquesina__pista{animation-play-state:paused}.bc4-tarjeta:is(:hover,:focus-within) :is(.bc4-mancha,.bc4-marquesina__pista){animation-play-state:running}.bc4-tarjeta__arriba,.bc4-tarjeta__abajo{display:flex}.bc4-tarjeta__arriba{justify-content:space-between;align-items:flex-start}.bc4-tarjeta__abajo{flex-direction:column;gap:10px}.bc4-chip{display:inline-block;padding:5px 9px;border-radius:4px;background:var(--bc4-c);color:#fff;font-size:11px}.bc4-tinta-1,.bc4-tinta-2{transition:color .5s}.bc4-tinta-2{color:var(--bc4-gris)}.bc4-tarjeta:is(:hover,:focus-within) :is(.bc4-tinta-1,.bc4-tinta-2){color:var(--bc4-blanco)}.bc4-tarjeta__libreta{position:relative;flex:1;min-height:300px;display:flex;align-items:center;justify-content:center}.bc4-tarjeta__libreta .bc4-lienzo{position:absolute;top:12px;right:48px;bottom:12px;left:48px}.bc4-tarjeta__fila{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.bc4-tarjeta__nombre{font-size:28px;font-weight:400;letter-spacing:-.01em}.bc4-tarjeta__nombre a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.bc4-asoma{opacity:0;transform:translateY(10px);transition:opacity .5s .1s,transform .5s .1s}.bc4-tarjeta:is(:hover,:focus-within) .bc4-asoma{opacity:1;transform:none}.bc4-specs{display:flex;flex-wrap:wrap;gap:6px}.bc4-spec{padding:5px 8px;border:1px solid rgb(255 255 255 / .25);border-radius:4px;background:#ffffff2e;color:var(--bc4-blanco);font-size:11px}.bc4-marquesina{overflow:hidden;white-space:nowrap;margin:0 -20px -20px;padding:12px 0;border-top:1px solid rgb(255 255 255 / .2);color:var(--bc4-blanco);font-size:11px}.bc4-marquesina__pista{display:inline-flex;animation:bc4-marquesina 16s linear infinite}@keyframes bc4-marquesina{to{transform:translate(-50%)}}.bc4-porque__texto{font-size:clamp(36px,4.9vw,74px);line-height:1.07;letter-spacing:-.012em;max-width:1220px;margin-top:36px;view-timeline-name:--bc4-porque}.bc4-mini-img{display:inline-block;width:1.9em;height:.92em;margin:0 .08em;vertical-align:-.08em;border-radius:.16em;position:relative;overflow:hidden;background:var(--bc4-c, #141414);box-shadow:inset -.12em 0 #ffffff2e,0 .06em .16em #0000002e}.bc4-mini-img svg{position:absolute;top:18%;right:14%;bottom:18%;left:14%;width:72%;height:64%}.bc4-porque__pie{display:flex;flex-wrap:wrap;gap:28px;align-items:center;margin-top:56px;padding-inline-start:clamp(0px,17vw,260px)}.bc4-porque__pie p{font-size:14px;line-height:1.5;color:#3d3b36;max-width:280px}.bc4-ciencia__cuerpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:48px;align-items:center;padding-block:clamp(80px,9vw,120px)}.bc4-ciencia__lado{display:flex;gap:28px}.bc4-avance{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:128px;font-size:11px}.bc4-avance__riel{position:relative;width:1px;height:300px;background:#ffffff40}.bc4-avance__lleno{position:absolute;inset-inline-start:-1px;top:0;width:3px;height:var(--bc4-avance, 25%);background:var(--bc4-blanco);transition:height .6s ease}.bc4-ciencia__lista{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}.bc4-ciencia__titulo{font-size:clamp(40px,4.6vw,66px);line-height:1;margin-bottom:22px;color:var(--bc4-blanco)}.bc4-dato{max-width:560px}.bc4-dato summary{list-style:none;display:flex;align-items:center;gap:16px;min-height:72px;padding:14px;cursor:pointer}.bc4-dato summary::-webkit-details-marker{display:none}.bc4-dato__lomo{width:34px;height:48px;flex:none;border-radius:2px 6px 6px 2px;background:var(--bc4-c);box-shadow:inset 3px 0 #00000040,inset -3px 0 #ffffff26}.bc4-dato__txt{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.bc4-dato__nombre{font-size:20px}.bc4-dato__claim{font-size:11px;color:#f7f6f2e0}.bc4-mas{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:6px;background:var(--bc4-papel);color:var(--bc4-tinta);transition:transform .4s}.bc4-dato[open] .bc4-mas{transform:rotate(45deg)}.bc4-dato__cuerpo{padding:0 18px 18px 64px;font-size:15px;line-height:1.55;color:#f7f6f2f0}.bc4-ciencia__fuentes{align-self:flex-start;margin-top:10px;padding-block:10px;font-size:11px;text-decoration:underline!important}.bc4-ciencia__libreta{position:relative;min-height:560px}.bc4-quiz__cuerpo{display:flex;flex-direction:column;align-items:center;gap:22px;padding-block:clamp(96px,10vw,130px);text-align:center}.bc4-quiz__titulo{font-size:clamp(52px,7vw,108px);line-height:.95;color:var(--bc4-blanco)}.bc4-quiz__bajada{max-width:460px;font-size:17px;line-height:1.5;color:#f7f6f2f0}.bc4-pluma__cuerpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}.bc4-pluma__foto{position:relative;min-height:460px;border-radius:14px;overflow:hidden;background:#111113}.bc4-pluma__foto img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bc4-pluma__foto .bc4-mono{position:absolute;inset-inline-start:18px;bottom:16px;font-size:11px;color:var(--bc4-papel)}.bc4-pluma__texto{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:clamp(8px,3vw,48px)}.bc4-pluma__titulo{font-size:clamp(40px,4.4vw,64px);line-height:1}.bc4-pluma__bajada{max-width:460px;font-size:16px;line-height:1.55;color:#3d3b36}.bc4-pluma__compra{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.bc4-pluma__compra .error{flex-basis:100%;margin:0;color:#b3131e;font-size:14px}.bc4-rejilla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.bc4-foto{position:relative;height:360px;border-radius:12px;overflow:hidden;background:#1a1a1d}.bc4-foto img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.bc4-foto:hover img{transform:scale(1.04)}.bc4-frio .bc4-foto img{filter:saturate(.82) contrast(1.04) brightness(.96)}.bc4-frio .bc4-foto:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#14205a14,#050a2847);mix-blend-mode:multiply;pointer-events:none}.bc4-boletin__cuerpo{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:560px;margin-inline:auto;padding-top:clamp(96px,10vw,120px);text-align:center}.bc4-boletin__titulo{font-size:clamp(44px,5vw,72px);line-height:1;color:var(--bc4-blanco)}.bc4-boletin__bajada{font-size:15px;line-height:1.5;color:#f7f6f2f0}.bc4-boletin form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:420px;margin-top:14px}.bc4-boletin__fila{display:flex;gap:10px}.bc4-boletin__fila>label{flex:1}.bc4-campo{width:100%;min-height:48px;padding:14px;border:1px solid rgb(255 255 255 / .28);border-radius:6px;background:#ffffff1a;color:#fff;font-family:var(--bc4-mono);font-size:12px;letter-spacing:.05em}.bc4-campo::placeholder{color:#ffffffbf;text-transform:uppercase}.bc4-boletin__acepto{display:flex;gap:10px;align-items:center;min-height:44px;font-size:13px;text-align:start;color:#f7f6f2f0}.bc4-boletin__acepto input{width:18px;height:18px;flex:none;accent-color:var(--bc4-papel)}.bc4-boletin__ok,.bc4-boletin__error{padding:12px 14px;border-radius:6px;background:#ffffff1f;font-size:14px}.bc4-boletin__marca{margin-top:48px;padding-bottom:8px;font-size:clamp(80px,19vw,300px);line-height:.8;text-align:center;color:#f7f6f224}@supports (animation-timeline: view()){.bc4-sube{animation:bc4-sube linear both;animation-timeline:view();animation-range:entry 0% entry 55%}.bc4-porque__texto .bc4-palabra{color:#c2c0b8;animation:bc4-palabra linear both;animation-timeline:--bc4-porque;animation-range:cover calc(16% + var(--i) * .85%) cover calc(22% + var(--i) * .85%)}.bc4-porque__texto .bc4-mini-img{animation:bc4-aparece linear both;animation-timeline:--bc4-porque;animation-range:cover calc(16% + var(--i) * .85%) cover calc(24% + var(--i) * .85%)}}@keyframes bc4-sube{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes bc4-palabra{to{color:var(--bc4-tinta)}}@keyframes bc4-aparece{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@media(max-width:989px){.bc4-hero__cuerpo,.bc4-ciencia__cuerpo,.bc4-pluma__cuerpo{grid-template-columns:minmax(0,1fr)}.bc4-hero__libreta{min-height:min(62svh,480px);order:-1}.bc4-hero__libreta>.bc4-lienzo{top:-2%;right:-16px;bottom:-4%;left:-16px}.bc4-cabeza{grid-template-columns:minmax(0,1fr)}.bc4-cabeza>*{grid-column:auto!important}.bc4-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}.bc4-ciencia__libreta{min-height:380px;order:-1}.bc4-avance,.bc4-barra{display:none}}@media(max-width:599px){.bc4-rejilla{grid-template-columns:minmax(0,1fr)}.bc4-foto{height:300px}.bc4-boletin__fila{flex-direction:column}.bc4-tarjeta{height:540px}}@media(prefers-reduced-motion:reduce){.bc4-mancha,.bc4-marquesina__pista{animation:none}.bc4-sube,.bc4-porque__texto .bc4-palabra,.bc4-porque__texto .bc4-mini-img{animation:none;color:inherit}}body:has(.bc4-hero) #header-component[transparent]:not([data-sticky-state=active]){--color-foreground: #F7F6F2;--color-foreground-rgb: 247 246 242;color:#f7f6f2}body:has(.bc4-hero) #header-component[transparent]:not([data-sticky-state=active]) :is(a,button,summary,.menu-list__link,.header-actions__action){color:#f7f6f2}body:has(.bc4-hero) #header-component[transparent]:not([data-sticky-state=active]) .header-logo__image{filter:invert(1) brightness(1.15)}body:has(.bc4-boletin) footer .group-block:has(.bocetta-inicio--boletin),body:has(.bc4-boletin) footer .email-signup-block{display:none}
/*# sourceMappingURL=/cdn/shop/t/65/assets/bocetta-v4.css.map */