.video-hero-container[data-astro-cid-2xbugcja]{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.fallback-image[data-astro-cid-2xbugcja]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.fallback-image[data-astro-cid-2xbugcja] img[data-astro-cid-2xbugcja]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-container[data-astro-cid-2xbugcja]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.hero-video[data-astro-cid-2xbugcja]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.overlay[data-astro-cid-2xbugcja]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3}.text-content[data-astro-cid-2xbugcja]{text-align:center;padding:0 1rem}.hero-title[data-astro-cid-2xbugcja]{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.hero-subtitle[data-astro-cid-2xbugcja]{font-size:1.5rem;font-weight:400;max-width:800px}@media (max-width: 768px){.hero-title[data-astro-cid-2xbugcja]{font-size:2rem}.hero-subtitle[data-astro-cid-2xbugcja]{font-size:1.25rem}}.container{max-width:1200px;margin:40px auto;padding:0 20px}.hero-image{width:100%;height:400px;background-image:url(https://snack.yummiespromociones.com/snacksyummies/about-us-hero.webp),url(https://snack.yummiespromociones.com/snacksyummies/bgondas.webp);background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:2rem}@media (max-width: 768px){.hero-image{height:300px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-us-header{background-color:#fff;color:var(--color-primary);padding:2rem 0}@media (max-width: 768px){.about-us-header{padding:1.5rem 0}}.about-us-content{line-height:1.8}.about-us-section{padding:3rem 0}@media (max-width: 768px){.about-us-section{padding:3rem 1rem}}.history-timeline{position:relative;margin:3rem 0;padding:2rem 0}.history-item{position:relative;margin-bottom:4rem;width:100%;display:grid;grid-template-columns:1fr 60px 1fr;align-items:flex-start}.timeline-left{display:flex;justify-content:flex-end;padding-right:20px}.year-marker{background-color:var(--color-primary);color:#fff;padding:.5rem 1.5rem;border-radius:30px;font-weight:700;font-size:1.5rem;display:inline-block;text-align:center;min-width:100px}.timeline-center{position:relative;height:100%;display:flex;flex-direction:column;align-items:center}.timeline-line{position:absolute;top:0;bottom:0;width:5px;background-color:#0073c1;height:100%;min-height:0}.timeline-icon{position:relative;background-color:#fff;border:2px solid var(--color-primary);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:2;margin-top:10px}.timeline-icon svg{color:var(--color-primary);width:24px;height:24px}.timeline-right{padding-left:20px}.history-content{display:flex;flex-direction:column;background-color:#f8f8f8;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.history-text{padding:1.5rem;text-align:left}.history-text p{margin:0;font-size:1.1rem;line-height:1.6;color:#333}.history-image{width:100%;height:250px;overflow:hidden}.history-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.history-content:hover .history-image img{transform:scale(1.05)}.conclusion{padding:2rem;background-color:#f0f0f0;border-radius:10px;border-left:5px solid var(--color-primary);margin-top:2rem}@media (max-width: 767px){.history-item{grid-template-columns:60px 1fr;grid-template-areas:"line year" "line content"}.timeline-left{grid-area:year;justify-content:flex-start;padding-left:20px;padding-right:0}.timeline-center{grid-area:line}.timeline-right{grid-area:content;padding-top:20px}.year-marker{font-size:1.2rem;padding:.3rem 1rem}.history-text{padding:1rem}.history-image{height:200px}}@keyframes float{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-15px) rotate(2deg)}}.animate-float{animation:float 4s ease-in-out infinite;animation-delay:1s}.animate-float img{transition:all .3s ease}#year{animation:fadeInUp .8s ease-out forwards;opacity:0}
