@import"https://fonts.googleapis.com/css2?family=Bangers&family=Nunito:wght@400;700;900&display=swap";:root{--c33-paper: #F5E6C8;--c33-white: #FFFFFF;--c33-off-white: #FFF9F0;--c33-ink: #1C1510;--c33-dorado: #C8A96E;--c33-dorado-dim: #8B6914;--c33-conquista-1: #8B6914;--c33-indep-2: #C44B1E;--c33-rev-2: #2D5A3D;--font-title: "Bangers", cursive;--font-body: "Nunito", sans-serif;--c33-benday-paper: radial-gradient(circle, rgba(200,140,60,.25) 1.5px, transparent 1.5px);--c33-benday-white: radial-gradient(circle, rgba(0,0,0,.06) 1.5px, transparent 1.5px);--comic-border: 3px solid #1C1510;--comic-shadow: 6px 6px 0px #1C1510;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}.c33-section *,.c33-section *:before,.c33-section *:after{box-sizing:border-box}.c33-section{font-family:var(--font-body);-webkit-font-smoothing:antialiased;color:var(--c33-ink)}html{scroll-behavior:smooth}body{background-color:var(--c33-paper);background-image:var(--c33-benday-paper);background-size:18px 18px}.c33-hero__title,.c33-timeline__header-title,.c33-era__name,.c33-dialectica__title,.c33-procesos__title,.c33-proceso-card__name,.c33-familia__title,.c33-botellas__title,.c33-botella-card__name{font-family:var(--font-title);letter-spacing:3px;font-weight:400}.c33-timeline__header-title:after,.c33-dialectica__title:after,.c33-procesos__title:after,.c33-familia__title:after,.c33-botellas__title:after{content:"";display:block;width:60px;height:3px;background:var(--c33-dorado);margin:8px auto 0}.c33-hero{position:relative;width:100%;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--c33-paper);background-image:var(--c33-benday-paper);background-size:18px 18px;overflow:hidden;padding-top:16px;padding-right:2rem;padding-bottom:24px;padding-left:2rem;border:none;outline:none;box-shadow:none}.c33-hero__bottles{display:flex;justify-content:center;align-items:flex-end;gap:4px;margin-bottom:2.5rem;flex-shrink:0}.c33-hero__bottle{display:block;max-height:380px;width:auto;object-fit:contain;filter:drop-shadow(4px 4px 0px rgba(28,21,16,.5));animation:c33HeroFloat 3s ease-in-out infinite;transition:filter .3s ease,transform .3s ease}.c33-hero__bottle:nth-child(1){animation-delay:0s}.c33-hero__bottle:nth-child(2){animation-delay:.4s}.c33-hero__bottle:nth-child(3){animation-delay:.8s}.c33-hero__bottle:nth-child(4){animation-delay:1.2s}.c33-hero__bottle:hover{filter:drop-shadow(6px 6px 0px #C8A96E);transform:translateY(-16px) scale(1.05);animation-play-state:paused}.c33-hero__content{text-align:center;max-width:900px;opacity:0;transform:translateY(24px);animation:c33FadeUp 1.2s var(--ease-out-expo) .3s forwards}.c33-hero__pretitle{font-family:var(--font-body);font-size:.85rem;font-weight:900;letter-spacing:.25em;color:var(--c33-dorado-dim);text-transform:uppercase;margin-bottom:1.5rem;display:block}.c33-hero__title{font-size:clamp(36px,7vw,72px);color:var(--c33-ink);text-shadow:4px 4px 0px var(--c33-dorado);line-height:1.05;margin:0 0 1.2rem}.c33-hero__title em{font-style:normal;color:var(--c33-dorado-dim)}.c33-hero__subtitle{font-family:var(--font-body);font-size:18px;font-weight:400;color:var(--c33-ink);line-height:1.6;max-width:640px;margin:0 auto 3rem}.c33-hero__scroll{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--c33-ink);opacity:0;animation:c33FadeUp 1s var(--ease-out-expo) 1.4s forwards}.c33-hero__scroll span{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.c33-hero__scroll-line{width:2px;height:48px;background:linear-gradient(to bottom,var(--c33-ink),transparent);animation:c33ScrollPulse 2s ease-in-out infinite}.c33-mobile-intro{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#f5e6c8f7;background-image:var(--c33-benday-paper);background-size:18px 18px;align-items:center;justify-content:center;transition:opacity .6s ease,transform .6s ease}.c33-mobile-intro.is-active{display:flex}.c33-mobile-intro.dismissed{opacity:0;transform:translateY(-100%);pointer-events:none}.c33-mobile-intro__bottle{position:relative;width:55vw;max-width:280px;animation:c33Float 3s ease-in-out infinite}.c33-mobile-intro__bottle img{width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(4px 4px 0px rgba(28,21,16,.4))}@media(max-width:768px){.c33-mobile-intro{display:flex}.c33-hero{min-height:unset;height:auto;padding-top:8px;padding-bottom:24px;justify-content:flex-start}.c33-hero__bottles{flex-wrap:nowrap;gap:2px;padding:8px 4px 0;margin-top:0;margin-bottom:1.5rem;justify-content:center;align-items:flex-end}.c33-hero__bottle{max-height:160px;width:calc(25% - 4px);object-fit:contain;flex-shrink:0}.c33-hero__scroll{margin-bottom:0}.c33-hero__subtitle{margin-bottom:1.5rem}}.c33-timeline{background-color:var(--c33-paper);background-image:var(--c33-benday-paper);background-size:18px 18px;padding:6rem 0;position:relative;overflow:hidden}.c33-timeline__header{text-align:center;padding:0 2rem 5rem}.c33-timeline__header-label{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.3em;color:var(--c33-dorado-dim);text-transform:uppercase;display:block;margin-bottom:1rem}.c33-timeline__header-title{font-size:clamp(42px,8vw,80px);color:var(--c33-ink);text-shadow:3px 3px 0px var(--c33-dorado);margin:0;line-height:1}.c33-timeline__track{position:relative;max-width:1200px;margin:0 auto;padding:0 2rem}.c33-timeline__track:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:var(--c33-ink);box-shadow:2px 2px 0 var(--c33-dorado-dim);transform:translate(-50%)}.c33-era{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;margin-bottom:6rem;opacity:0;transform:translateY(40px) rotate(2deg);transition:opacity .5s ease,transform .5s ease;padding:2.5rem 1.5rem;background:var(--c33-white);border:3px solid var(--c33-ink);box-shadow:6px 6px 0 var(--c33-ink);color:var(--c33-ink)}.c33-era.is-visible{opacity:1;transform:translateY(0) rotate(0)}.c33-era:nth-child(odd).is-visible{transform:translateY(0) rotate(-.5deg)}.c33-era:nth-child(2n).is-visible{transform:translateY(0) rotate(.5deg)}.c33-era:nth-child(odd) .c33-era__text{order:1;text-align:right;padding-right:3rem}.c33-era:nth-child(odd) .c33-era__node{order:2}.c33-era:nth-child(odd) .c33-era__image{order:3;padding-left:3rem}.c33-era:nth-child(2n) .c33-era__image{order:1;padding-right:3rem}.c33-era:nth-child(2n) .c33-era__node{order:2}.c33-era:nth-child(2n) .c33-era__text{order:3;text-align:left;padding-left:3rem}.c33-era__node{display:flex;align-items:center;justify-content:center}.c33-era__dot{width:18px;height:18px;border-radius:50%;background:var(--c33-dorado);border:4px solid var(--c33-ink);box-shadow:4px 4px 0 var(--c33-ink);position:relative;z-index:2;transition:transform .4s ease}.c33-era.is-visible .c33-era__dot{transform:scale(1.3)}.c33-era__date{font-family:var(--font-body);font-size:.8rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--c33-dorado-dim);margin-bottom:.5rem;display:block}.c33-era--independencia .c33-era__date{color:var(--c33-indep-2)}.c33-era--revolucion .c33-era__date{color:var(--c33-rev-2)}.c33-era__name{font-size:clamp(28px,4vw,48px);color:var(--c33-ink);text-shadow:2px 2px 0px var(--c33-dorado);line-height:1.05;margin:0 0 .8rem}.c33-era__type{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#1c151080;margin-bottom:1rem;display:block}.c33-era__body{font-family:var(--font-body);font-size:15px;line-height:1.7;color:var(--c33-ink);margin:0 0 .8rem}.c33-era__process{font-family:var(--font-body);font-size:15px;line-height:1.6;color:#1c1510b3;border-left:3px solid var(--c33-dorado);padding-left:1rem;margin:0}.c33-era__image{display:flex;align-items:center;justify-content:center}.c33-era__bottle-wrap{width:100%;max-width:260px;margin:0 auto}.c33-era__bottle-wrap img,.c33-era__bottle-wrap .c33-bottle-placeholder{width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(4px 4px 0px rgba(28,21,16,.3))}.c33-bottle-placeholder{aspect-ratio:3/7;background:#1c15100a;border:2px dashed rgba(28,21,16,.2);display:flex;align-items:center;justify-content:center}.c33-bottle-placeholder span{font-family:var(--font-body);font-size:.7rem;font-weight:700;color:#1c15104d;text-align:center;padding:1rem;text-transform:uppercase;letter-spacing:.1em}@media(max-width:768px){.c33-timeline__track:before{left:1.5rem}.c33-era{grid-template-columns:32px 1fr;grid-template-rows:auto auto;margin-bottom:3rem;gap:0;padding:1.5rem 1rem}.c33-era:nth-child(odd).is-visible,.c33-era:nth-child(2n).is-visible{transform:translateY(0) rotate(0)}.c33-era__node{grid-column:1;grid-row:1;align-self:start;padding-top:.3rem}.c33-era__text{grid-column:2;grid-row:1;text-align:left!important;padding:0 0 1.5rem 1rem!important}.c33-era__image{grid-column:2;grid-row:2;padding:0 0 0 1rem!important;order:unset!important}.c33-era:nth-child(odd) .c33-era__text,.c33-era:nth-child(2n) .c33-era__text{order:unset}.c33-era__bottle-wrap{max-width:160px}}.c33-dialectica{background-color:var(--c33-off-white);padding:8rem 2rem}.c33-dialectica__inner{max-width:680px;margin:0 auto}.c33-dialectica__label{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.3em;color:var(--c33-dorado-dim);text-transform:uppercase;display:block;margin-bottom:2rem}.c33-dialectica__title{font-size:clamp(42px,8vw,80px);color:var(--c33-ink);text-shadow:3px 3px 0px var(--c33-dorado);margin:0 0 2.5rem;line-height:1}.c33-dialectica__body{font-family:var(--font-body);font-size:clamp(15px,2vw,18px);line-height:1.8;color:var(--c33-ink)}.c33-dialectica__body p{margin:0 0 1.4em}.c33-dialectica__body strong{font-weight:900;color:var(--c33-ink)}.c33-dialectica__divider{width:60px;height:3px;background:var(--c33-dorado);margin:3rem 0}.c33-dialectica__coda{font-family:var(--font-body);font-size:clamp(16px,2.5vw,20px);font-weight:700;line-height:1.5;color:var(--c33-dorado-dim);margin:0}.c33-procesos{background-color:var(--c33-white);background-image:var(--c33-benday-white);background-size:18px 18px;padding:7rem 2rem}.c33-procesos__header{text-align:center;margin-bottom:4rem}.c33-procesos__label{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.3em;color:var(--c33-dorado-dim);text-transform:uppercase;display:block;margin-bottom:1rem}.c33-procesos__title{font-size:clamp(42px,8vw,80px);color:var(--c33-ink);text-shadow:3px 3px 0px var(--c33-dorado);margin:0;line-height:1}.c33-procesos__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1300px;margin:0 auto}.c33-proceso-card{background:var(--c33-paper);border:3px solid var(--c33-ink);box-shadow:6px 6px 0 var(--c33-ink);border-radius:0;padding:2.5rem 2rem;opacity:0;transform:translateY(32px) rotate(2deg);transition:opacity .5s ease,transform .5s ease;color:var(--c33-ink)}.c33-proceso-card:nth-child(odd).is-visible{opacity:1;transform:rotate(-1deg)}.c33-proceso-card:nth-child(2n).is-visible{opacity:1;transform:rotate(1deg)}.c33-proceso-card:hover{transform:rotate(0) translateY(-4px);transition:transform .2s ease}.c33-proceso-card--conquista{border-top:5px solid var(--c33-conquista-1)}.c33-proceso-card--independencia{border-top:5px solid var(--c33-indep-2)}.c33-proceso-card--revolucion{border-top:5px solid var(--c33-rev-2)}.c33-proceso-card--democracia{border-top:5px solid var(--c33-dorado)}.c33-proceso-card__icon{width:100%;aspect-ratio:1;max-width:160px;margin:0 auto 1.5rem}.c33-proceso-card__icon img,.c33-proceso-card__icon .c33-icon-placeholder{width:100%;height:100%;object-fit:contain;display:block}.c33-icon-placeholder{background:#1c15100a;border:2px dashed rgba(28,21,16,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.c33-icon-placeholder span{font-family:var(--font-body);font-size:.6rem;font-weight:700;color:#1c15104d;text-align:center;text-transform:uppercase}.c33-proceso-card__era{font-family:var(--font-body);font-size:.7rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem;display:block}.c33-proceso-card--conquista .c33-proceso-card__era{color:var(--c33-conquista-1)}.c33-proceso-card--independencia .c33-proceso-card__era{color:var(--c33-indep-2)}.c33-proceso-card--revolucion .c33-proceso-card__era{color:var(--c33-rev-2)}.c33-proceso-card--democracia .c33-proceso-card__era{color:var(--c33-dorado-dim)}.c33-proceso-card__name{font-size:1.4rem;color:var(--c33-ink);text-shadow:2px 2px 0px var(--c33-dorado);margin:0 0 .8rem}.c33-proceso-card__method{font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#1c151080;margin-bottom:1rem;display:block}.c33-proceso-card__desc{font-family:var(--font-body);font-size:15px;line-height:1.7;color:#1c1510cc;margin:0}@media(max-width:1024px){.c33-procesos__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.c33-procesos__grid{grid-template-columns:1fr}.c33-proceso-card:nth-child(odd).is-visible,.c33-proceso-card:nth-child(2n).is-visible{transform:rotate(0)}}.c33-familia{background-color:var(--c33-paper);background-image:var(--c33-benday-paper);background-size:18px 18px;padding:7rem 2rem}.c33-familia__inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.c33-familia__image{position:relative}.c33-familia__image img,.c33-familia__image .c33-family-placeholder{width:100%;display:block;object-fit:cover;border:3px solid var(--c33-ink);box-shadow:6px 6px 0 var(--c33-ink)}.c33-family-placeholder{aspect-ratio:4/5;background:#1c15100a;display:flex;align-items:center;justify-content:center}.c33-family-placeholder span{font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#1c15104d}.c33-familia__label{font-family:var(--font-body);font-size:.75rem;font-weight:900;letter-spacing:.3em;color:var(--c33-dorado-dim);text-transform:uppercase;display:block;margin-bottom:1.5rem}.c33-familia__title{font-size:clamp(32px,5vw,56px);color:var(--c33-ink);text-shadow:3px 3px 0px var(--c33-dorado);margin:0 0 1.5rem;line-height:1.05}.c33-familia__subtitle{font-family:var(--font-body);font-size:16px;font-weight:700;color:var(--c33-dorado-dim);margin:0 0 2rem}.c33-familia__body{font-family:var(--font-body);font-size:16px;line-height:1.8;color:var(--c33-ink)}.c33-familia__body p{margin:0 0 1.2em}.c33-familia__lineage{margin-top:2rem;padding-top:2rem;border-top:3px solid var(--c33-ink);font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--c33-dorado-dim)}@media(max-width:768px){.c33-familia__inner{grid-template-columns:1fr;gap:3rem}}.c33-botellas{background-color:var(--c33-white);background-image:var(--c33-benday-white);background-size:18px 18px;padding:7rem 2rem}.c33-botellas__header{text-align:center;margin-bottom:4rem}.c33-botellas__label{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.3em;color:var(--c33-dorado-dim);text-transform:uppercase;display:block;margin-bottom:1rem}.c33-botellas__title{font-size:clamp(42px,8vw,80px);color:var(--c33-ink);text-shadow:3px 3px 0px var(--c33-dorado);margin:0;line-height:1}.c33-botellas__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1300px;margin:0 auto}.c33-botella-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;background:var(--c33-paper);border:3px solid var(--c33-ink);box-shadow:6px 6px 0 var(--c33-ink);border-radius:0;opacity:0;transform:translateY(32px) rotate(2deg);transition:opacity .5s ease,transform .5s ease;color:var(--c33-ink)}.c33-botella-card.is-visible{opacity:1;transform:translateY(0) rotate(0)}.c33-botella-card:hover{box-shadow:3px 3px 0 var(--c33-ink);transform:translate(3px,3px);transition:transform .15s ease,box-shadow .15s ease}.c33-botella-card__image{width:100%;max-width:180px;margin:0 auto 2rem}.c33-botella-card__image img,.c33-botella-card__image .c33-botella-placeholder{width:100%;display:block;object-fit:contain}.c33-botella-placeholder{aspect-ratio:2/5;background:#1c15100a;border:2px dashed rgba(28,21,16,.2);display:flex;align-items:center;justify-content:center}.c33-botella-placeholder span{font-family:var(--font-body);font-size:.6rem;font-weight:700;color:#1c15104d}.c33-botella-card__era{font-family:var(--font-body);font-size:.7rem;font-weight:900;letter-spacing:.25em;text-transform:uppercase;margin-bottom:.5rem;display:block}.c33-botella-card--conquista .c33-botella-card__era{color:var(--c33-conquista-1)}.c33-botella-card--independencia .c33-botella-card__era{color:var(--c33-indep-2)}.c33-botella-card--revolucion .c33-botella-card__era{color:var(--c33-rev-2)}.c33-botella-card--democracia .c33-botella-card__era{color:var(--c33-dorado-dim)}.c33-botella-card__name{font-size:1.3rem;color:var(--c33-ink);text-shadow:2px 2px 0px var(--c33-dorado);margin:0 0 .3rem}.c33-botella-card__type{font-family:var(--font-body);font-size:15px;color:#1c151099;margin:0 0 1.2rem}.c33-botella-card__price{font-family:var(--font-body);font-size:.9rem;font-weight:900;color:var(--c33-dorado-dim);margin-bottom:1.5rem;letter-spacing:.1em}.c33-botella-card__btn{display:inline-block;font-family:var(--font-body);font-weight:900;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c33-ink);background:var(--c33-white);border-radius:0;border:3px solid var(--c33-ink);box-shadow:4px 4px 0 var(--c33-ink);padding:.7rem 1.5rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.c33-botella-card__btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--c33-ink)}@media(max-width:1024px){.c33-botellas__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.c33-botellas__grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@keyframes c33FadeUp{to{opacity:1;transform:translateY(0)}}@keyframes c33Float{0%,to{transform:translateY(-8px)}50%{transform:translateY(8px)}}@keyframes c33HeroFloat{0%,to{transform:translateY(-10px)}50%{transform:translateY(10px)}}@keyframes c33ScrollPulse{0%,to{opacity:1}50%{opacity:.4}}.c33-proceso-card:nth-child(2),.c33-botella-card:nth-child(2){transition-delay:.12s}.c33-proceso-card:nth-child(3),.c33-botella-card:nth-child(3){transition-delay:.24s}.c33-proceso-card:nth-child(4),.c33-botella-card:nth-child(4){transition-delay:.36s}.escena-timeline{margin:20px auto;max-width:400px;border:3px solid #1C1510;box-shadow:4px 4px #1c1510;overflow:hidden}.anim-prehispanico{position:relative;width:160px;height:160px;margin:24px auto;display:flex;align-items:center;justify-content:center}.anim-prehispanico .circulo{position:absolute;border-radius:50%;border:3px solid #C8A96E}.anim-prehispanico .c1{width:150px;height:150px;animation:onda-sagrada 2.4s ease-in-out infinite}.anim-prehispanico .c2{width:100px;height:100px;animation:onda-sagrada 2.4s ease-in-out infinite .6s}.anim-prehispanico .c3{width:50px;height:50px;animation:onda-sagrada 2.4s ease-in-out infinite 1.2s}.anim-prehispanico .punto-centro{width:14px;height:14px;background:#c8a96e;border-radius:50%;border:3px solid #1C1510;position:relative;z-index:1}@keyframes onda-sagrada{0%,to{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}}.anim-conquista{display:flex;align-items:center;justify-content:center;gap:8px;margin:24px auto;width:220px;height:80px}.anim-conquista .triangulo-izq{width:0;height:0;border-top:35px solid transparent;border-bottom:35px solid transparent;border-left:60px solid #8B6914;animation:avanzar-der 2s ease-in-out infinite}.anim-conquista .triangulo-der{width:0;height:0;border-top:35px solid transparent;border-bottom:35px solid transparent;border-right:60px solid #C44B1E;animation:avanzar-izq 2s ease-in-out infinite}.anim-conquista .chispa{width:14px;height:14px;background:#c8a96e;border-radius:50%;flex-shrink:0;animation:pulsar-chispa 2s ease-in-out infinite}@keyframes avanzar-der{0%,to{transform:translate(0)}50%{transform:translate(14px)}}@keyframes avanzar-izq{0%,to{transform:translate(0)}50%{transform:translate(-14px)}}@keyframes pulsar-chispa{0%,to{transform:scale(1);opacity:1}50%{transform:scale(2);opacity:.5}}.anim-independencia{display:flex;align-items:center;justify-content:center;margin:24px auto;width:220px;height:60px;gap:4px}.anim-independencia .eslabon{width:30px;height:18px;border:4px solid #1C1510;border-radius:10px;background:transparent}.anim-independencia .e1{animation:mover-izq 2s ease-in-out infinite}.anim-independencia .e2{animation:mover-izq 2s ease-in-out infinite .1s}.anim-independencia .e3{animation:mover-der 2s ease-in-out infinite .1s}.anim-independencia .e4{animation:mover-der 2s ease-in-out infinite}.anim-independencia .brecha{width:6px;height:6px;background:#c8a96e;border-radius:50%;flex-shrink:0;animation:expandir-brecha 2s ease-in-out infinite}@keyframes mover-izq{0%,to{transform:translate(0)}50%{transform:translate(-10px)}}@keyframes mover-der{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@keyframes expandir-brecha{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(3);opacity:1}}.anim-revolucion{display:flex;align-items:center;justify-content:center;gap:6px;margin:24px auto;width:180px;height:100px}.anim-revolucion .engranaje{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f5e6c8;border:5px solid #1C1510}.anim-revolucion .eng-grande{width:70px;height:70px;animation:girar-eng 3s linear infinite}.anim-revolucion .eng-chico{width:44px;height:44px;animation:girar-eng-rev 3s linear infinite}.anim-revolucion .centro-eng{position:absolute;width:12px;height:12px;background:#c8a96e;border-radius:50%;border:2px solid #1C1510}.anim-revolucion .diente{position:absolute;background:#1c1510;border-radius:2px}.anim-revolucion .eng-grande .diente{width:10px;height:16px}.anim-revolucion .eng-chico .diente{width:8px;height:12px}.anim-revolucion .eng-grande .d1{transform:rotate(0) translateY(-40px)}.anim-revolucion .eng-grande .d2{transform:rotate(90deg) translateY(-40px)}.anim-revolucion .eng-grande .d3{transform:rotate(180deg) translateY(-40px)}.anim-revolucion .eng-grande .d4{transform:rotate(270deg) translateY(-40px)}.anim-revolucion .eng-chico .d1{transform:rotate(0) translateY(-27px)}.anim-revolucion .eng-chico .d2{transform:rotate(120deg) translateY(-27px)}.anim-revolucion .eng-chico .d3{transform:rotate(240deg) translateY(-27px)}@keyframes girar-eng{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes girar-eng-rev{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.anim-democracia{position:relative;width:120px;height:90px;margin:24px auto;display:flex;align-items:flex-end;justify-content:center}.anim-democracia .onda-wifi{position:absolute;border-radius:50%;border:3px solid #C8A96E;border-bottom-color:transparent;border-left-color:transparent;transform:rotate(-45deg)}.anim-democracia .o1{width:100px;height:100px;bottom:8px;left:10px;animation:wifi-pulse 1.8s ease-out infinite}.anim-democracia .o2{width:64px;height:64px;bottom:8px;left:28px;animation:wifi-pulse 1.8s ease-out infinite .35s}.anim-democracia .o3{width:32px;height:32px;bottom:8px;left:44px;animation:wifi-pulse 1.8s ease-out infinite .7s}.anim-democracia .punto-wifi{position:absolute;bottom:6px;width:10px;height:10px;background:#1c1510;border-radius:50%}@keyframes wifi-pulse{0%{opacity:0;transform:rotate(-45deg) scale(.8)}40%{opacity:1}to{opacity:.1;transform:rotate(-45deg) scale(1.05)}}.comic-timeline{display:flex;gap:0;margin:0 0 48px;padding:0;overflow:hidden}.ct-panel{flex:1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;border:3px solid #1C1510;border-right:none;position:relative;opacity:0;transform:translate(-40px) rotate(-2deg);transition:opacity .5s ease,transform .5s ease;cursor:default}.ct-panel:last-child{border-right:3px solid #1C1510}.ct-panel[data-panel="0"]{transition-delay:0s}.ct-panel[data-panel="1"]{transition-delay:.3s}.ct-panel[data-panel="2"]{transition-delay:.6s}.ct-panel[data-panel="3"]{transition-delay:.9s}.ct-panel.visible{opacity:1;transform:translate(0) rotate(0)}.ct-panel--1{background:#3d1f0f}.ct-panel--2{background:#5c1a00}.ct-panel--3{background:#1a2810}.ct-panel--4{background:#1c1510}.ct-panel:hover{transform:translateY(-6px) scale(1.03);z-index:2;box-shadow:6px 6px #c8a96e;transition:transform .2s ease,box-shadow .2s ease}.ct-panel-numero{font-family:Bangers,cursive;font-size:52px;color:#c8a96e26;position:absolute;top:8px;left:12px;line-height:1;letter-spacing:2px}.ct-panel-fecha{font-family:Space Mono,Courier New,monospace;font-size:11px;color:#c8a96e;letter-spacing:3px;margin-bottom:8px;text-transform:uppercase}.ct-panel-titulo{font-family:Bangers,cursive;font-size:clamp(22px,3vw,32px);color:#fff;letter-spacing:3px;text-shadow:3px 3px 0px #000;text-align:center;margin-bottom:12px}.ct-panel-texto{font-family:Nunito,sans-serif;font-size:13px;color:#f5e6c8;text-align:center;line-height:1.6}.ct-panel-flecha{position:absolute;right:-18px;top:50%;transform:translateY(-50%);font-size:16px;color:#c8a96e;z-index:3;animation:flecha-pulso 1s ease-in-out infinite}@keyframes flecha-pulso{0%,to{transform:translateY(-50%) translate(0);opacity:1}50%{transform:translateY(-50%) translate(5px);opacity:.5}}.ct-panel-estrella{font-size:28px;color:#c8a96e;margin-top:12px;animation:estrella-giro 3s linear infinite}@keyframes estrella-giro{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.3)}to{transform:rotate(360deg) scale(1)}}@media(max-width:768px){.comic-timeline{flex-direction:column}.ct-panel{border-right:3px solid #1C1510;border-bottom:none;min-height:140px;transform:translate(-30px) rotate(-1deg)}.ct-panel:last-child{border-bottom:3px solid #1C1510}.ct-panel-flecha{right:auto;bottom:-18px;top:auto;left:50%;transform:translate(-50%) rotate(90deg)}.ct-panel-numero{font-size:36px}.ct-panel-titulo{font-size:24px}}.c33-footer{background:#1c1510;background-image:radial-gradient(circle,rgba(200,169,110,.06) 1.5px,transparent 1.5px);background-size:18px 18px;border-top:4px solid #C8A96E;margin-top:0}.c33-footer__linea-top{height:4px;background:linear-gradient(90deg,#8b6914,#c8a96e,#c44b1e,#2d5a3d,#c8a96e,#8b6914)}.c33-footer__inner{display:flex;gap:40px;max-width:1200px;margin:0 auto;padding:48px 40px 32px;align-items:flex-start}.c33-footer__col{flex:1}.c33-footer__logo-text{font-family:Bangers,cursive;font-size:52px;color:#c8a96e;letter-spacing:4px;text-shadow:4px 4px 0px #000;line-height:1;margin-bottom:12px}.c33-footer__tagline{font-family:Nunito,sans-serif;font-size:15px;color:#f5e6c8;line-height:1.6;margin-bottom:12px}.c33-footer__familia{font-family:Courier New,monospace;font-size:10px;color:#8b6914;letter-spacing:2px}.c33-footer__col-title{font-family:Bangers,cursive;font-size:18px;color:#c8a96e;letter-spacing:3px;margin-bottom:16px;border-bottom:2px solid #C8A96E;padding-bottom:8px;display:inline-block}.c33-footer__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.c33-footer__list li{font-family:Nunito,sans-serif;font-size:14px;color:#f5e6c8;display:flex;align-items:center;gap:8px}.c33-footer__list a{color:#f5e6c8;text-decoration:none;transition:color .2s}.c33-footer__list a:hover{color:#c8a96e}.c33-footer__era-dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.2);flex-shrink:0;display:inline-block}.c33-footer__mini-orbit{position:relative;width:160px;height:160px;margin:0 auto}.fob{position:absolute;top:50%;left:50%;width:36px;height:90px;margin-left:-18px;margin-top:-45px;display:flex;align-items:center;justify-content:center}.fob img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.5))}.fob-1{animation:orbitar-footer 10s linear infinite 0s}.fob-2{animation:orbitar-footer 10s linear infinite -2.5s}.fob-3{animation:orbitar-footer 10s linear infinite -5s}.fob-4{animation:orbitar-footer 10s linear infinite -7.5s}@keyframes orbitar-footer{0%{transform:rotate(0) translateY(-65px) rotate(0)}to{transform:rotate(360deg) translateY(-65px) rotate(-360deg)}}.c33-footer__bottom{border-top:2px solid rgba(200,169,110,.2);padding:20px 40px;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.c33-footer__copy{font-family:Nunito,sans-serif;font-size:12px;color:#f5e6c880}.c33-footer__hecho{font-family:Bangers,cursive;font-size:14px;color:#c8a96e;letter-spacing:2px}@media(max-width:768px){.c33-footer__inner{flex-direction:column;padding:32px 20px 24px;gap:28px}.c33-footer__logo-text{font-size:40px}.c33-footer__bottom{padding:16px 20px;flex-direction:column;text-align:center}.c33-footer__botellas-anim{display:none}}.botellas-orbit{position:relative;width:500px;height:500px;margin:0 auto}.orbit-botella{position:absolute;top:50%;left:50%;width:120px;height:300px;margin-left:-60px;margin-top:-150px;display:flex;align-items:center;justify-content:center}.orbit-botella img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(4px 4px 0px rgba(0,0,0,.3))}.ob-1{animation:orbitar 12s linear infinite;animation-delay:0s}.ob-2{animation:orbitar 12s linear infinite;animation-delay:-3s}.ob-3{animation:orbitar 12s linear infinite;animation-delay:-6s}.ob-4{animation:orbitar 12s linear infinite;animation-delay:-9s}@keyframes orbitar{0%{transform:rotate(0) translateY(-190px) rotate(0)}to{transform:rotate(360deg) translateY(-190px) rotate(-360deg)}}.botellas-orbit:hover .orbit-botella{animation-play-state:paused}@media(max-width:768px){.botellas-orbit{width:340px;height:340px}.orbit-botella{width:85px;height:210px;margin-left:-42px;margin-top:-105px}}.dialectica-layout{display:flex;align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:60px 40px}.dialectica-texto{flex:1;min-width:0}.dialectica-orbe{flex:0 0 420px;display:flex;align-items:center;justify-content:center}.orbe-mundo{width:100%}@media(max-width:900px){.dialectica-layout{flex-direction:column;padding:40px 20px}.dialectica-orbe{flex:none;width:100%;max-width:340px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/clase33-custom.css.map */