:root{--color-principal: #1c43bc;--color-secundario: #f04c4b;--color-hover: #5f9ebb;--color-salmon: #e2acac;--color-blanco: #fffbfb;--color-negro: #333}*{margin:0;padding:0;font-family:Roboto,Arial,Tahoma,sans-serif;box-sizing:border-box}body{margin-top:130px}h2{font-size:36px}html,body{width:100%;overflow-x:hidden}.parallax{background-image:url(https://snnbpyvlrpxrhfwwtqsp.supabase.co/storage/v1/object/public/images/background.avif);height:500px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center;position:relative}.slider-container{width:100%;overflow:hidden;position:relative}.slider{display:flex;transition:transform .5s ease-in-out}.slider img{width:100%;height:100%;position:relative;flex-shrink:0}.prev,.next{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;cursor:pointer;padding:10px;font-size:24px;z-index:3}.prev{left:10px}.next{right:10px}.dots-container{display:flex;justify-content:center;margin-top:10px}.dot{width:12px;height:12px;margin:0 5px;border-radius:50%;background-color:#ccc;position:relative;overflow:hidden}.dot:before{content:"";position:absolute;width:100%;height:100%;background-color:#eb1717c9;transform:scaleX(0);transform-origin:left;transition:transform 5s linear}.dot.active:before{transform:scaleX(1)}.call-to-action{max-width:700px;margin:100px auto;padding:0 30px;text-align:center}p.big{font-size:1.1em;line-height:1.5em}.call-to-action h2,.call-to-action p,.call-to-action button{margin-bottom:20px}button{padding:15px 40px;background-color:#000;font-size:1em;color:#fff;-webkit-transition:background 1s linear;transition:background .5s linear}button:hover{background-color:#4a4959}.info-box{background-color:#1c1d22;margin:0 auto;padding:110px 0;color:#fff;text-align:center}.info-box h2{margin-bottom:30px}#flex-p{justify-content:center;display:flex;flex-wrap:wrap}#flex-p p{padding:30px;max-width:300px}.fa-star,.fa-thumbs-up,.fa-check{font-size:2.7em;display:block;color:#fff;margin-bottom:30px}.description-box{max-width:1024px;margin:80px auto 0}.description-box h2{text-align:center}.img-container{margin:20px 0 80px;box-sizing:border-box;-webkit-box-sizing:border-box;float:left;width:50%;padding:30px}.img-container img,.img-container p{width:100%;padding-bottom:10px}.img-container p{text-align:justify}.carousel-container{width:100%;overflow:hidden;position:relative;background-color:#fff;padding:15px 0;margin-bottom:10px}.carousel-track{display:flex;gap:20px;white-space:nowrap;position:relative}.carousel-track img{height:150px;width:auto;filter:grayscale(100%);transition:all .3s ease}.carousel-track img:hover{filter:grayscale(0%);transform:scale(1.2);animation-play-state:paused}.carousel-track img:not(:hover){animation-play-state:running}.titulo{font-size:20px;font-weight:700;margin-bottom:20px}.cont{display:flex;justify-content:center;align-items:stretch;gap:20px;padding:100px;flex-wrap:nowrap}.tarjeta{background-color:#fff;width:250px;padding:20px;border-radius:10px;text-align:center;box-shadow:0 4px 8px #0003;transition:transform .8s ease,background-color 1.2s ease,box-shadow 1s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:320px;will-change:transform,background-color,box-shadow}.titulo1,.titulo2{font-size:20px;font-weight:700;text-align:center;margin:30px auto 20px;font-family:Roboto;padding:15px 30px;border-radius:10px;width:fit-content}.cont{display:flex;justify-content:center;align-items:stretch;gap:20px;padding:20px;flex-wrap:nowrap}.fondo-desvanecido{position:relative;background:url(https://snnbpyvlrpxrhfwwtqsp.supabase.co/storage/v1/object/public/images/textura2.jpg) no-repeat center center/cover;padding:40px;margin-top:45px}.fila,.fila2{display:flex;flex-direction:row;justify-content:center;gap:50px;flex-wrap:wrap;padding:20px}.titulo2{text-align:center;font-size:2em;font-weight:700;margin-top:-20px;margin-bottom:25px;color:#2c3e50;font-family:Segoe UI,sans-serif}.slider-contenedor{position:relative;display:flex;align-items:center;justify-content:center;max-width:1200px;margin:0 auto;overflow:hidden;background-color:#fff;box-shadow:0 10px 30px #00000026;padding:10px;border-radius:20px;box-shadow:0 3px 10px #0003}.slider-btn{background-color:#333;color:#fff;border:none;font-size:24px;padding:10px 15px;cursor:pointer;transition:background .3s ease;border-radius:50%;margin:0 10px;z-index:1}.slider-btn:hover:not(:disabled){background-color:#1a242f}.slider-btn:disabled{opacity:.5;cursor:not-allowed}.slider2{display:flex;overflow:hidden;width:100%;scroll-behavior:smooth}.slide{min-width:100%;display:flex;align-items:center;justify-content:center;gap:30px;padding:30px;box-sizing:border-box}.video-producto{width:545px;height:330px;object-fit:cover;clip-path:polygon(20px 0%,100% 0%,100% calc(100% - 20px),calc(100% - 20px) 100%,0% 100%,0% 20px);-webkit-clip-path:polygon(20px 0%,100% 0%,100% calc(100% - 20px),calc(100% - 20px) 100%,0% 100%,0% 20px)}.tarjeta-producto{background-color:#fdfdfd;padding:30px;border-radius:20px;box-shadow:0 6px 15px #0000001a;max-width:350px;font-family:Segoe UI,sans-serif}.tarjeta-producto h3{font-size:1.6em;color:#2c3e50;margin-bottom:10px}.tarjeta-producto p{font-size:1em;color:#555;line-height:1.5}.puntos-slider{display:flex;justify-content:center;gap:10px;margin-top:16px}.puntos-slider .slider-dot{width:12px;height:12px;border-radius:50%;background:#bbb;cursor:pointer;transition:background .3s ease}.puntos-slider .slider-dot.active{background:#2c3e50}.punto-slider:after{content:"";position:absolute;bottom:0;left:0;height:100%;width:0%;background-color:#3498db;animation-timing-function:linear}@media (max-width: 768px){.fila2{flex-direction:column;gap:20px;padding:10px}.slide{flex-direction:column;padding:20px 10px;gap:20px}.video-producto{width:100%;height:auto;max-width:100%;clip-path:none;-webkit-clip-path:none}.tarjeta-producto{max-width:100%;width:100%;box-shadow:0 4px 10px #0000001a;padding:20px}.slider-contenedor{padding:5px;border-radius:10px}.slider-btn{font-size:20px;padding:8px 12px;margin:0 5px}.titulo2{font-size:1.5em;margin-top:10px}}.tarjeta-contenedor{display:flex;flex-direction:column;align-items:center;gap:20px}.tarjeta2,.texto-lateral{background-color:#fff;padding:15px;border-radius:10px;text-align:center;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:90px;opacity:0;transform:translate(100%);transition:transform .5s ease-in-out,opacity 1s ease-in-out}.aparecer{transform:translate(0);opacity:1}.tarjeta2{width:250px;height:250px}.texto-lateral{width:250px;height:50px;justify-content:center;background-color:#f1f1f1;border-radius:10px;padding:15px;line-height:1.5;font-family:Roboto;font-size:18px}.texto-lateral-aparecer{margin-right:5px}.tarjeta2:hover{background-color:#fff;transform:scale(1.03);box-shadow:0 12px 24px #00000040}.tarjeta2 img{width:150px;height:150px;object-fit:cover;margin-bottom:10px}.titulo-boton{display:flex;justify-content:space-between;align-items:center;width:100%}.titulo-boton h4{font-size:17px;text-align:center;margin:0;flex-grow:1;line-height:1.5}.boton{line-height:2em;background-color:#0b2545;color:#fff;border:none;padding:6px 12px;border-radius:8px;font-size:16px;cursor:pointer;text-decoration:none;transition:background-color .3s ease;display:inline-flex;align-items:center;gap:8px}.boton:after{content:" →"}.boton:hover{background-color:#193b6a}.boton svg{width:14px;height:14px;transition:transform .3s ease}.boton:hover svg{transform:translate(3px)}.fa-icon{font-size:50px;cursor:pointer;margin-right:8px}.star-icon{color:gold}.like-icon{color:#007bff}.check-icon{color:#28a745}.icon-container{position:relative;display:inline-block}.icon-fx{position:absolute;font-size:30px;opacity:0;animation:popIcon .8s ease-out forwards}@keyframes popIcon{0%{transform:scale(.5) translateY(0);opacity:1}to{transform:scale(1.2) translateY(-30px);opacity:0}}@media (max-width: 1024px){.slider-principal{height:400px;width:100%}}