/* ============================================= */ /* VARIABLES Y RESET - PALETA DE COLORES */ /* ============================================= */:root{--primary-blue:#1a6baf;--light-blue:#e6f2ff;--accent-teal:#2ec4b6;--accent-orange:#ff9f1c;--white:#ffffff;--light-gray:#f8f9fa;--medium-gray:#e9ecef;--dark-gray:#495057;--black:#212529;--soft-shadow:0 4px 20px rgba(0,0,0,0.08);--hard-shadow:0 8px 30px rgba(0,0,0,0.12);}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:"Poppins",sans-serif;line-height:1.6;color:var(--dark-gray);overflow-x:hidden;background-color:var(--light-gray);}/* SOLUCIÓN DEFINITIVA PARA EL ESPACIO NO DESEADO */ html,body{width:100%;max-width:100vw;overflow-x:hidden;position:relative;}.container,.container-fluid,.row,[class*="col-"]{margin-right:0;padding-right:0;margin-left:0;padding-left:0;}/* Asegurar que todos los elementos se mantengan dentro del viewport */ *{max-width:100%;}/* ============================================= */ /* ANIMACIONES COMPARTIDAS */ /* ============================================= */ @keyframes rise{0%{bottom:-100px;transform:translateX(0);opacity:0;}20%{opacity:0.8;}50%{transform:translateX(100px);}100%{bottom:100%;transform:translateX(-200px);opacity:0;}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,0.7);}70%{box-shadow:0 0 0 15px rgba(37,211,102,0);}100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}}/* ============================================= */ /* BURBUJAS DE AGUA REALISTAS - ESCRITORIO Y MÓVIL */ /* ============================================= */ .bubbles-nav,.bubbles-hero,.bubbles-section,.bubbles-footer{position:absolute;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none;top:0;left:0;}.bubble{position:absolute;bottom:-100px;border-radius:50%;animation:rise 10s infinite ease-in;opacity:0;/* Efecto de burbuja de agua */ box-shadow:inset 0 0 10px rgba(255,255,255,0.8),0 0 5px rgba(6,143,177,0.5);border:1px solid rgba(134,201,221,0.4);}.bubbles-hero{bottom:100px;/* Evita que lleguen hasta abajo */ height:calc(100% - 100px);/* Reduce altura */}/* Estilos específicos para burbujas de agua/espuma */ .bubble.water-bubble{background:radial-gradient( circle at 30% 30%,rgba(255,255,255,0.8) 0%,rgba(123,198,221,0.3) 50%,rgba(26,164,182,0) 70% );}.bubble.foam-bubble{background:radial-gradient( circle at 30% 30%,rgba(140,199,214,0.9) 0%,rgba(112,205,218,0.5) 50%,rgba(82,218,252,0.2) 70% );border:1px solid rgba(255,255,255,0.6);}/* Animación más realista */ @keyframes rise{0%{transform:translateY(0) translateX(0) scale(0.9);opacity:0;}20%{opacity:0.8;transform:translateY(-20vh) translateX(5px) scale(1);}40%{transform:translateY(-40vh) translateX(-5px) scale(1.05);}60%{transform:translateY(-60vh) translateX(5px) scale(1);}80%{opacity:0.6;}100%{transform:translateY(-100vh) translateX(20px) scale(0.95);opacity:0;}}/* Tamaños y posiciones - Escritorio */ .bubble:nth-child(1){width:40px;height:40px;left:10%;animation-duration:8s;}.bubble:nth-child(2){width:20px;height:20px;left:20%;animation-duration:5s;animation-delay:1s;}.bubble:nth-child(3){width:50px;height:50px;left:35%;animation-duration:7s;animation-delay:2s;}.bubble:nth-child(4){width:80px;height:80px;left:50%;animation-duration:11s;animation-delay:0s;}.bubble:nth-child(5){width:35px;height:35px;left:55%;animation-duration:6s;animation-delay:1s;}.bubble:nth-child(6){width:45px;height:45px;left:65%;animation-duration:8s;animation-delay:3s;}.bubble:nth-child(7){width:25px;height:25px;left:75%;animation-duration:7s;animation-delay:2s;}.bubble:nth-child(8){width:60px;height:60px;left:80%;animation-duration:6s;animation-delay:1s;}/* Versión móvil */ @media (max-width:768px){.bubble:nth-child(4),.bubble:nth-child(8){display:none;}}/* ============================================= */ /* NAVBAR - ESCRITORIO Y MÓVIL */ /* ============================================= */ /* Navbar - Versión escritorio */ .navbar{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,0.95);padding:15px 0;z-index:1000;box-shadow:var(--soft-shadow);backdrop-filter:blur(8px);transition:all 0.3s ease;}.navbar.scrolled{background:rgba(26,107,175,0.95);box-shadow:var(--hard-shadow);}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;}.navbar-brand{display:flex;align-items:center;transition:transform 0.3s ease;gap:15px;}.navbar-brand:hover{transform:scale(1.02);}.logo{width:100px !important;height:auto;transform:scale(2.4);margin-right:0;object-fit:contain;transition:all 0.3s ease;padding-left:10px;gap:0;}.brand-text{display:flex;flex-direction:row;align-items:center;gap:110px;line-height:1.2;justify-content:center;margin:0 !important;padding:0 !important;}.brand-text h1{color:var(--primary-blue);font-size:1.5rem;font-weight:700;transition:color 0.3s ease;white-space:nowrap;margin:0;}.navbar.scrolled .brand-text h1{color:var(--white);}.brand-text h1 span{color:var(--accent-teal);display:flex;font-size:1rem;font-weight:400;transition:color 0.3s ease;line-height:1;flex-direction:column;margin:0;}.navbar.scrolled .brand-text h1 span{color:var(--accent-orange);}.navbar.scrolled .contact-info p{color:var(--white);}.contact-info i{margin-right:5px;color:var(--accent-teal);transition:color 0.3s ease;}.navbar.scrolled .contact-info i{color:var(--accent-orange);}/* Enlaces de navegación - Escritorio */ .nav-links{display:flex;list-style:none;}.nav-links li{margin-left:25px;position:relative;}.nav-links a{color:var(--primary-blue);text-decoration:none;font-weight:500;font-size:0.95rem;transition:all 0.3s ease;display:flex;align-items:center;}.navbar.scrolled .nav-links a{color:var(--white);}.nav-links a::after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--accent-teal);transition:width 0.3s ease;}.nav-links a:hover::after{width:100%;}.btn-contact{background-color:var(--accent-teal);color:var(--white);padding:8px 20px;border-radius:30px;font-weight:600;transition:all 0.3s ease;border:2px solid transparent;}.btn-contact:hover{background-color:transparent;border-color:var(--accent-teal);color:var(--accent-teal);transform:translateY(-2px);}.navbar.scrolled .btn-contact{background-color:var(--accent-orange);border-color:var(--accent-orange);}.navbar.scrolled .btn-contact:hover{background-color:transparent;color:var(--accent-orange);}/* ==================== DROPDOWN MENU ==================== */ .dropdown{position:relative;}.dropdown > a{display:flex;align-items:center;gap:5px;}.dropdown-menu{position:absolute;display:none;flex-direction:column;padding-left:1rem;top:100%;left:0;background-color:var(--white);min-width:250px;box-shadow:var(--hard-shadow);border-radius:8px;padding:15px 0;z-index:1000;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s ease;}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}.dropdown-menu li{margin:0;padding:0 20px;}.dropdown-menu a{display:block;padding:8px 0;color:var(--dark-gray);font-size:0.9rem;font-weight:500;transition:all 0.3s ease;}.dropdown-menu a:hover{color:var(--accent-teal);padding-left:10px;}.dropdown:hover > a::after{transform:rotate(180deg);}/* Versión móvil */ @media (max-width:768px){.dropdown-menu{position:static;display:none;box-shadow:none;padding:0;opacity:1;visibility:visible;transform:none;background-color:transparent;width:100%;}.dropdown.active .dropdown-menu{display:flex;}.dropdown-menu li{padding:0;}.dropdown-menu a{padding:12px 25px;font-size:0.95rem;border-left:3px solid transparent;}.dropdown-menu a:hover{border-left-color:var(--accent-teal);padding-left:25px;}.dropdown.active > a::after{transform:rotate(180deg);}/* Añade estos estilos a tu hoja CSS */ .dropdown-menu{padding:8px 0 !important;/* Reduce el padding vertical */ margin:0 !important;/* Elimina márgenes externos */}.dropdown-menu li{margin:2px 0 !important;/* Reduce espacio entre ítems */ line-height:1.3 !important;/* Ajusta interlineado */}.dropdown-menu a{padding:8px 15px !important;/* Ajusta padding interno */ font-size:0.9rem !important;/* Tamaño de fuente consistente */ display:block !important;transition:all 0.2s ease !important;}/* Versión móvil - ajustes específicos */ @media (max-width:768px){.dropdown-menu{padding-left:15px !important;/* Reduce sangría */}.dropdown-menu a{padding:6px 12px !important;/* Más compacto en móvil */ font-size:0.85rem !important;}}/* Efecto hover para mejor feedback visual */ .dropdown-menu a:hover{background-color:rgba(26,107,175,0.05) !important;transform:translateX(3px) !important;}}/* Menú Hamburguesa - Base para móvil */ .hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer;z-index:1002;position:relative;}.hamburger span{display:block;width:100%;height:3px;background-color:var(--primary-blue);transition:all 0.3s ease;transform-origin:right center;}.navbar.scrolled .hamburger span{background-color:var(--white);}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}.hamburger.active span:nth-child(2){opacity:0;}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}/* Navbar - Versión móvil */ @media (max-width:768px){.navbar-container{padding:0 15px;}.navbar-brand{gap:8px;}.logo{width:60px;padding-left:0;}.brand-text{gap:5px;flex-direction:column;align-items:flex-start;}.brand-text h1{font-size:1.2rem;}.brand-text h1 span{font-size:0.8rem;}.nav-links{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:rgba(255,255,255,0.98);flex-direction:column;align-items:center;justify-content:center;transition:right 0.4s ease;padding:20px;backdrop-filter:blur(10px);z-index:1001;}.nav-links.active{right:0;}.nav-links li{margin:15px 0;}.nav-links a{font-size:1.1rem;}.hamburger{display:flex;}.navbar.scrolled .nav-links{background:rgba(26,107,175,0.98);}}/* Añade esto al final de tu CSS */ @media (max-width:768px){/* Mejora visual para el dropdown en móvil */ .dropdown-menu{max-height:0;overflow:hidden;transition:max-height 0.3s ease;}.dropdown.active .dropdown-menu{max-height:500px;/* Ajusta según necesites */}/* Mejor espaciado para items del dropdown */ .dropdown-menu li{margin:5px 0;}.dropdown-menu a{padding:10px 35px;/* Mayor padding para mejor tacto */}/* Indicador visual para items activos */ .dropdown-menu a:hover,.dropdown-menu a:focus{background-color:rgba(46,196,182,0.1);}/* Asegurar que el menú principal no se cierre cuando interactúas con el dropdown */ .dropdown > a{pointer-events:auto;}}/* ============================================= */ /* HERO SECTION - ESCRITORIO Y MÓVIL */ /* ============================================= */ .hero{position:relative;display:flex;align-items:center;min-height:90vh;padding:60px 0 10px !important;background:linear-gradient( 135deg,var(--light-blue) 0%,rgba(255,255,255,0.9) 100% );overflow:hidden;}.hero-container{display:flex;align-items:center;max-width:1200px;margin:0 auto;width:100%;gap:40px;position:relative;z-index:2;margin-top:80px;}.hero-img{flex:1;position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--hard-shadow);transform-style:preserve-3d;transition:transform 0.5s ease;margin-top:100px;align-self:flex-start;}.hero-img:hover{transform:perspective(1000px) rotateY(5deg) scale(1.02);}.hero-img img{width:100%;height:auto;display:block;transition:transform 0.5s ease;}.hero-img:hover img{transform:scale(1.05);}.img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( to bottom,rgba(26,107,175,0.1) 0%,rgba(26,107,175,0.3) 100% );}.hero-content{flex:1;position:relative;z-index:2;margin-top:90px;margin-bottom:-100px;}.hero-title{font-size:3rem;color:var(--primary-blue);margin-bottom:50px;line-height:1.2;margin-top:5px;align-self:flex-start;margin-top:-90px;}.hero-title span{color:var(--accent-teal);display:block;font-weight:600;}.hero-slider{position:relative;height:300px;overflow:hidden;margin-bottom:30px;object-position:top;}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translateX(50px);transition:all 0.8s cubic-bezier(0.215,0.61,0.355,1);opacity:0;transform:translateX(50px);z-index:0;}.slide.active{opacity:1;transform:translateX(0);opacity:1;transform:translateX(0);z-index:1;}.slide:not(.active){transition:all 0.8s ease-in-out;}.slide h2{font-size:2.2rem;color:var(--primary-blue);margin-bottom:15px;transition:all 0.5s ease 0.3s;}.slide p{font-size:1.2rem;color:var(--dark-gray);margin-bottom:25px;max-width:90%;transition:all 0.5s ease 0.5s;}.btn-hero{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,var(--accent-teal),var(--primary-blue));color:white;border-radius:30px;font-weight:600;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(46,196,182,0.3);border:none;cursor:pointer;transition:all 0.5s ease 0.7s;}.btn-hero:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(46,196,182,0.4);background:linear-gradient(135deg,var(--primary-blue),var(--accent-teal));}.slider-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px;}.slide-dots{display:flex;gap:10px;}.slide-dot{width:12px;height:12px;border-radius:50%;background-color:var(--medium-gray);cursor:pointer;transition:all 0.3s ease;}.slide-dot.active{background-color:var(--accent-teal);transform:scale(1.2);}.prev-slide,.next-slide{background:none;border:none;color:var(--primary-blue);font-size:1.5rem;cursor:pointer;transition:all 0.3s ease;}.prev-slide:hover,.next-slide:hover{color:var(--accent-teal);transform:scale(1.2);}/* Oculta puntos del slider */ .slider-controls,.slider-indicators,.slider-nav,.carousel-indicators{display:none !important;}/* Opcional:reducir margen o padding del contenedor del slider */ .slider-container,.carousel-inner{margin-bottom:0 !important;padding-bottom:0 !important;}/* ============================================= */ /* VERSIÓN MÓVIL - AJUSTES OPTIMIZADOS */ /* ============================================= */ @media (max-width:768px){.hero{padding:40px 15px 15px;min-height:auto;overflow:visible;}.hero-container{display:block;width:100%;margin:80px auto 100px;padding:0 10px 80px;overflow:visible;margin-bottom:10px !important;}.hero-img{width:100%;max-width:100%;margin:20px auto 0;border-radius:15px;box-sizing:border-box;display:block;margin-top:-10px !important;}.hero-content{padding:0 10px;text-align:center;}.hero-title{text-align:center;margin-top:-60px;}.hero-slider{height:auto;min-height:160px;margin:-30px auto 10px;text-align:center;}.slide h2{font-size:1.5rem;margin-bottom:8px;text-align:center;}.slide p{font-size:1rem;margin:0 auto 15px;line-height:1.4;max-width:100%;text-align:center;}.btn-hero{display:inline-block;min-width:130px;padding:12px 25px;margin:20px auto 50px;position:relative;z-index:10;backface-visibility:hidden;transform:translateZ(0);box-sizing:border-box;margin-bottom:10px !important;}}/* Móviles muy pequeños */ @media (max-width:480px){.hero{padding:30px 10px;}.hero-img{width:100%;border-radius:12px;margin-top:15px;}.slide h2{font-size:1.3rem;}.slide p{font-size:0.9rem;}.btn-hero{padding:10px 20px;margin-bottom:60px;}}/* Ajuste adicional para dispositivos con pantalla densa como Galaxy S8 */ @media only screen and (min-device-width:360px) and (max-device-width:740px) and (-webkit-min-device-pixel-ratio:4){.btn-hero{padding:14px 28px;margin-bottom:60px;}.hero-container{padding-bottom:60px;}}/* ============================================= */ /* SECCIÓN DE SERVICIOS - VERSIÓN OPTIMIZADA */ /* ============================================= */ /* Contenedor principal */ #servicios{width:100%;padding:80px 0;background-color:#fff;position:relative;box-sizing:border-box;}/* Título principal */ #servicios .section-title{text-align:center;font-size:2.5rem;font-weight:800;color:#1a6baf;margin:0 auto 15px;padding:0 20px;width:100%;display:block;position:relative;margin-top:-30px;}#servicios .section-title::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:150px;height:4px;background:linear-gradient( to right,var(--accent-teal),var(--primary-blue) );border-radius:2px;}/* Subtítulo */ #servicios .section-subtitle{text-align:center;color:var(--dark-gray);max-width:800px;margin:0 auto 40px;padding:0 20px;font-size:1.1rem;line-height:1.6;}/* Grid de servicios */ .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;gap:30px;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box;}/* Cards de servicio (manteniendo tus estilos) */ .service-card{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:var(--soft-shadow);transition:all 0.4s ease;position:relative;z-index:1;max-width:350px;/* Ancho máximo para cada card */ margin:0 auto;}.service-card:hover{transform:translateY(-10px);box-shadow:var(--hard-shadow);}.service-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 135deg,rgba(26,107,175,0.1) 0%,rgba(46,196,182,0.1) 100% );z-index:-1;opacity:0;transition:opacity 0.3s ease;}.service-card:hover::before{opacity:1;}/* Elementos de la card (manteniendo tus estilos) */ .card-img{position:relative;height:220px;overflow:hidden;}.card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.service-card:hover .card-img img{transform:scale(1.05);}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( to bottom,transparent 0%,rgba(0,0,0,0.7) 100% );}.service-card h3{font-size:1.4rem;color:var(--primary-blue);margin:20px 20px 10px;position:relative;}.service-card h3::after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background-color:var(--accent-teal);border-radius:3px;}.service-card p{color:var(--dark-gray);margin:0 20px 20px;font-size:0.95rem;line-height:1.6;}.btn-service{display:inline-block;margin:0 20px 25px;padding:10px 25px;background-color:var(--accent-teal);color:var(--white);border-radius:30px;font-weight:500;text-decoration:none;transition:all 0.3s ease;border:2px solid transparent;}.btn-service:hover{background-color:transparent;color:var(--accent-teal);border-color:var(--accent-teal);transform:translateY(-3px);}.btn-service i{margin-left:5px;transition:transform 0.3s ease;}.btn-service:hover i{transform:translateX(3px);}/* Bubbles section (ajuste final) */ .bubbles-section{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;}/* Versión móvil */ @media (max-width:768px){#servicios{padding:60px 0;}#servicios .section-title{font-size:2rem;white-space:nowrap;margin-top:-30px;}#servicios .section-subtitle{font-size:1rem;margin-bottom:30px;margin-top:30px;}.services-grid{grid-template-columns:1fr;gap:20px;padding:0 15px;}}/* ============================================= */ /* SECCIÓN DE EXPERIENCIA - CSS COMPLETO AJUSTADO */ /* ============================================= */ /* Experiencia - Estilos Base */ .experience-section{position:relative;padding:10px 20px;background:linear-gradient( 55deg,var(--light-blue) 0%,rgba(255,255,255,0.9) 100% );}/* Contenedor Principal - Escritorio */ .section-container{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 20px;gap:1rem;/* REDUCIDO para acercar */ max-width:1300px;margin:0 auto;width:100%;}.experience-container{display:flex;justify-content:space-between;align-items:center;gap:2rem;/* REDUCIR si está muy alto */ padding-left:2rem;/* REDUCIR o eliminar si hay exceso */ padding-right:2rem;/* igual */}.experience-info{flex:1;max-width:70%;/* Aumentado de 55% */ padding-right:2rem;/* Agrega espacio interno */}.experience-media{flex:1;max-width:35%;/* Menos espacio para el video */ padding:10px;}/* Contenido Izquierdo (Tarjetas) */ .experience-content{flex:0 0 50%;/* Permite que se reduzca */}.experience-content .section-title{color:#1a6baf;text-align:left;position:relative;margin-bottom:20px;}.experience-content .section-title:after{content:"";position:absolute;bottom:-5px;left:0;width:150px;height:4px;background:linear-gradient( to right,var(--accent-teal),var(--primary-blue) );border-radius:2px;margin-left:75px;}.highlight-text{font-size:1.2rem;color:#495057;margin-bottom:30px;line-height:1.4;text-align:left;}/* Tarjetas en Grid Horizontal Izquierda */ .experience-features{display:grid;grid-template-columns:repeat( 2,minmax(250px,1fr) );/* Permite más flexibilidad */ gap:25px;width:100%;/* Asegura que ocupe todo el espacio disponible */ align-items:stretch;display:grid;grid-template-columns:repeat(2,1fr);}.experience-media{padding:10px;/* ← Esto también genera separación */ flex:1;max-width:40%;/* Reducido de 45% */}/* Columna derecha (30% del ancho) */ .experience-media-column{flex:0 0 -35%;max-width:300px;margin-left:-150px;}.features-container{display:flex;justify-content:center;/* o space-between/space-around */ gap:20px;/* Espacio entre tarjetas */ flex-wrap:wrap;/* Permite que las tarjetas fluyan a múltiples líneas */}.feature-content{flex-grow:1;/* Ocupa todo el espacio disponible */ display:flex;flex-direction:column;}.feature-icon{width:50px;/* Reducido para tarjetas horizontales */ height:50px;margin-bottom:12px;}.feature-item h3{margin-bottom:10px;font-size:1.1rem;}.feature-item p{margin-bottom:0;line-height:1.4;}.feature-item{background:var(--white);border-radius:12px;padding:25px;box-shadow:var(--soft-shadow);transition:all 0.3s ease;border-left:4px solid var(--accent-teal);width:100%;min-height:160px;/* Altura fija para uniformidad */ display:flex;flex-direction:column;justify-content:center;/* Centra el contenido verticalmente */ position:relative;z-index:1;box-sizing:border-box;/* Nuevas propiedades para diseño horizontal */ grid-column:span 1;min-width:300px;/* Ancho mínimo aumentado */}.feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1);border-left-color:var(--accent-orange);}.experience-media-container{width:600px;max-width:110%;flex-shrink:0;margin-right:0;/* ← Elimina separación excesiva */ padding-left:0;/* ← IMPORTANTE si existía */ transform:translateX(-20px);margin-left:-10px;}.video-container{display:flex;flex-direction:column;/* Stackea video + contadores */ align-items:center;width:100%;max-width:100%;border-radius:15px;overflow:hidden;padding:0;margin:0 auto;gap:20px;}/* Estilo para controles personalizados */ .video-container video::-webkit-media-controls{display:none !important;}.video-controls{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:15px;padding:8px 15px;background:rgba(0,0,0,0.6);border-radius:8px;margin:0 15px;opacity:0;transition:opacity 0.3s ease;}.video-container:hover .video-controls{opacity:1;}/* Botones de control */ .control-btn{background:rgba(255,255,255,0.9);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;color:var(--primary-blue);font-size:1rem;}.control-btn:hover{background:var(--accent-teal);color:white;transform:scale(1.1);}.volume-control{width:100px;height:6px;background:rgba(255,255,255,0.3);border-radius:3px;cursor:pointer;position:relative;}.volume-level{position:absolute;top:0;left:0;height:100%;width:80%;background:var(--accent-teal);border-radius:3px;}.video-container video{width:100%;height:auto;display:block;border-radius:15px;object-fit:contain;/* para evitar recortes */}/* Números debajo del video - Alineados a la derecha */ .achievements{display:flex;justify-content:center;gap:40px;width:100%;background:rgba(255,255,255,0.9);padding:20px;border-radius:12px;margin-top:10px;flex-wrap:wrap;text-align:center;}.achievement .number{font-size:2.2rem;font-weight:bold;color:var(--primary-blue);}.achievement p{color:var(--dark-gray);font-size:0.95rem;margin-top:5px;}/* ============================================= */ /* VERSIÓN MÓVIL - CORRECCIÓN TARJETAS Y VIDEO */ /* ============================================= */ @media (max-width:768px){/* Reset completo de la sección */ .experience-section{padding:30px 15px !important;display:flex !important;flex-direction:column !important;align-items:center !important;}/* Contenedor principal - centrado */ .section-container{width:100% !important;max-width:100% !important;margin:0 auto !important;padding:0 !important;display:flex !important;flex-direction:column !important;align-items:center !important;}/* Contenedor de experiencia - reorganización */ .experience-container{width:100% !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:30px !important;}/* Contenedor de tarjetas - ahora en columna */ .experience-features{grid-template-columns:1fr !important;width:100% !important;max-width:500px !important;margin:0 auto !important;gap:15px !important;}/* Tarjetas individuales - ancho completo */ .feature-item{width:100% !important;max-width:100% !important;margin:0 auto 15px !important;}/* Contenedor del video - centrado */ .experience-media-container{all:initial !important;/* Reset total */ width:100% !important;max-width:100% !important;margin:30px auto !important;padding:0 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;position:relative !important;left:0 !important;right:0 !important;transform:none !important;float:none !important;clear:both !important;}/* Video responsive y centrado */ .video-container{all:initial !important;width:110% !important;max-width:110% !important;margin:0 auto !important;padding:0 !important;display:block !important;position:relative !important;float:none !important;margin-left:auto !important;/* Empuja todo a la derecha */ margin-right:-60px !important;transform:translateX(30px) !important;/* Mueve 30px a la derecha */ transform:scale(9.16);}/* Ajustes para el video */ .video-container video{all:initial !important;width:100% !important;height:auto !important;display:block !important;margin:0 auto !important;border-radius:12px !important;position:relative !important;left:0 !important;right:0 !important;transform:none !important;align-items:center !important;}.experience-media,.experience-media *{transform:none !important;}/* Contenedor de logros */ .achievements{width:100% !important;margin:20px auto 0 !important;justify-content:center !important;}}/* Ajustes adicionales para pantallas pequeñas */ @media (max-width:480px){.feature-item{padding:20px 15px !important;}.video-container{border-radius:0 !important;}}/* ============================================= */ /* SECCIÓN CONTROL DE PLAGAS - DISEÑO PERFECTO */ /* ============================================= */ /* Estructura base */ .pest-section{display:flex;gap:40px;align-items:flex-start;flex-wrap:wrap;}.section-container{max-width:1100px;margin:0 auto;display:flex;/* Restauramos el flex para mantener la estructura */ flex-direction:row;align-items:start;margin-top:30px;}.pest-section .section-container{display:flex;/* Solo en la sección de plagas aplicamos flex */ flex-direction:column;align-items:center;}/* Encabezado centrado */ .centered-header{width:100%;/* Asegura que ocupe todo el ancho disponible */ text-align:center;margin-bottom:40px;position:relative;}.centered-header .section-title{font-size:2.5rem;/* Ajusta el tamaño para igualar al de servicios */ font-weight:800;color:var(--primary-blue);margin-bottom:12px;position:relative;display:inline-block;padding:0 20px;}.centered-header .section-title::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:150px;height:4px;background:linear-gradient( to right,var(--accent-teal),var(--primary-blue) );border-radius:2px;}.centered-header .section-subtitle{color:var(--dark-gray);max-width:800px;margin:0 auto;padding:0 20px;font-size:1.1rem;line-height:1.6;}.section-title{font-size:2.1rem;color:var(--primary-blue);margin-bottom:20px;position:relative;display:inline-block;}.section-title::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:70px;height:3px;background:var(--accent-teal);}.section-subtitle{color:var(--dark-gray);font-size:1.05rem;max-width:650px;margin:0 auto;line-height:1.5;margin-bottom:30px !important;}/* Layout principal */ .pest-content{display:flex;gap:40px;align-items:flex-start;margin-top:-50px;}/* Slider cuadrado */ .pest-gallery{flex:0 0 48%;position:relative;border-radius:10px;overflow:hidden;box-shadow:var(--soft-shadow);aspect-ratio:1/1;}.gallery-slider{position:relative;width:100%;height:100%;}.slider-track{display:flex;height:100%;transition:transform 0.5s ease;}.slide{min-width:100%;position:relative;}.slide img{width:100%;height:100%;object-fit:cover;}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.05);}/* Puntos del slider */ .slider-dots{position:absolute;bottom:15px;left:0;width:100%;display:flex;justify-content:center;gap:8px;z-index:2;}.slider-dots .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;transition:all 0.3s ease;}.slider-dots .dot.active{background:var(--white);transform:scale(1.3);}/* Badge de garantía */ .pest-badge{position:absolute;top:15px;right:15px;background-color:var(--accent-orange);color:var(--white);padding:6px 12px;border-radius:20px;font-weight:600;font-size:0.8rem;box-shadow:0 3px 8px rgba(255,159,28,0.3);z-index:2;animation:pulse 2s infinite;}@keyframes pulse{0%{transform:scale(1);}50%{transform:scale(1.05);}100%{transform:scale(1);}}/* Alerta "Sabías que" */ .health-alert{background:rgba(255,241,230,0.95);border-left:3px solid var(--accent-orange);padding:12px 15px;margin-top:15px;border-radius:0 6px 6px 0;display:flex;align-items:center;gap:10px;margin-bottom:5%;}.health-alert i{color:var(--accent-orange);font-size:1.2rem;flex-shrink:0;}.health-alert p{margin:0;font-size:0.9rem;color:var(--dark-gray);line-height:1.5;}.highlight{color:var(--accent-orange);font-weight:700;}/* Contenido informativo */ .pest-info{flex:1;padding-top:5px;}/* Tarjetas de características */ .feature-card{display:flex;gap:12px;padding:18px;margin-bottom:15px;border-radius:8px;background:var(--light-blue);transition:all 0.3s ease;}.feature-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1);}.feature-card i{font-size:1.6rem;color:var(--accent-teal);margin-top:2px;}.feature-card h3{font-size:1.15rem;color:var(--primary-blue);margin-bottom:6px;}.feature-card p{font-size:0.9rem;color:var(--dark-gray);margin:0;line-height:1.5;}/* Lista de plagas */ .pest-list-container{margin:25px 0;}.pest-list-container h4{font-size:1.15rem;color:var(--primary-blue);margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid var(--accent-teal);display:inline-block;}.pest-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}.pest-list li{display:flex;align-items:center;font-size:0.9rem;color:var(--dark-gray);padding:6px 0;}.pest-list i{margin-right:8px;color:var(--accent-teal);font-size:1rem;min-width:18px;text-align:center;}/* Botón CTA */ .cta-container{margin-top:25px;}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#25d366;color:white;padding:12px 22px;border-radius:6px;font-weight:600;text-decoration:none;transition:all 0.3s ease;font-size:0.95rem;}.cta-button:hover{background:#128c7e;transform:translateY(-2px);box-shadow:0 4px 12px rgba(18,140,126,0.3);}.cta-button i{font-size:1.2rem;}/* Badge de garantía */ .guarantee-badge{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:0.85rem;color:var(--primary-blue);}.guarantee-badge i{color:var(--accent-orange);font-size:1.1rem;}/* ========= RESPONSIVE ========= */ @media (max-width:992px){.pest-content{flex-direction:column;gap:30px;}.pest-gallery{flex:0 0 auto;width:100%;max-width:450px;margin:0 auto;}.section-title{font-size:1.9rem;}.section-subtitle{font-size:1rem;}.health-alert{flex-direction:column;text-align:center;padding:12px;border-left:none;border-top:3px solid var(--accent-orange);border-radius:6px;}.pest-list{grid-template-columns:1fr;}}@media (max-width:576px){.pest-section{padding:50px 15px;}.section-title{font-size:1.7rem;}.feature-card{flex-direction:column;text-align:center;}.feature-card i{margin-bottom:8px;}.cta-button{width:100%;}}/* ============================================= */ /* ESTILOS PARA LA SECCIÓN DE CONTACTO */ /* ============================================= */ /* Estructura principal */ .contacto-lavaseco{padding:80px 0 100px;background:linear-gradient( 135deg,var(--light-blue) 0%,rgba(255,255,255,0.9) 100% );position:relative;}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 15px;}/* Encabezado de sección */ .contact-header{text-align:center;margin-bottom:50px;}.section-title{font-size:2.5rem;color:var(--primary-blue);margin-bottom:15px;position:relative;display:inline-block;}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:150px;height:4px;background:linear-gradient( to right,var(--accent-teal),var(--primary-blue) );border-radius:2px;}.section-subtitle{color:var(--dark-gray);font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6;}/* Layout de contenido */ .unified-content{display:flex;gap:40px;align-items:flex-start;}.team-block{flex:1;padding-right:20px;}.contact-block{flex:1;max-width:400px;}/* Estilos del equipo */ .team-block-title{font-size:1.8rem;color:var(--primary-blue);margin-bottom:30px;text-align:left;position:relative;padding-bottom:10px;}.team-block-title::after{content:"";position:absolute;bottom:0;left:0;width:60px;height:2px;background:var(--accent-teal);}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;}.team-card{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:var(--soft-shadow);transition:all 0.4s ease;text-align:center;padding-bottom:20px;}.team-card:hover{transform:translateY(-10px);box-shadow:var(--hard-shadow);}.team-img{position:relative;height:250px;overflow:hidden;margin-bottom:20px;}.team-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;object-position:top;object-fit:contain;}.team-card:hover .team-img img{transform:scale(1.1);}.social-links{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;padding:15px;background:linear-gradient(to top,rgba(0,0,0,0.7) 0%,transparent 100%);opacity:0;transition:opacity 0.3s ease;}.team-card:hover .social-links{opacity:1;}.social-links a{color:var(--white);margin:0 10px;font-size:1.2rem;transition:all 0.3s ease;}.social-links a:hover{color:var(--accent-orange);transform:translateY(-3px);}.team-card h4{font-size:1.3rem;color:var(--primary-blue);margin-bottom:5px;}.position{color:var(--accent-teal);font-weight:500;margin-bottom:15px;font-size:0.95rem;}.bio{color:var(--dark-gray);font-size:0.9rem;padding:0 20px;line-height:1.6;}/* Estilos de contacto */ .contact-info{display:flex;flex-direction:column;gap:25px;align-items:center !important;/* Centra las tarjetas horizontalmente */ max-width:100%;}.info-card{background:var(--white);border-radius:15px;padding:5px;min-height:auto;box-shadow:var(--soft-shadow);transition:all 0.3s ease;border:1px solid rgba(0,0,0,0.05);width:100%;box-sizing:border-box;}.info-card:hover{transform:translateY(-5px);box-shadow:var(--hard-shadow);}.info-icon{width:40px;height:40px;background-color:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:var(--white);font-size:1.1rem;transition:all 0.3s ease;}.info-card:hover .info-icon{transform:rotate(15deg) scale(1.1);background-color:var(--accent-teal);}.info-card h3{font-size:1.1rem;color:var(--primary-blue);margin-bottom:10px;text-align:center;}.info-card p{color:var(--dark-gray);margin-bottom:10px;font-size:0.85rem;line-height:1.4;text-align:center;}.info-card strong{color:var(--primary-blue);}/* Botones */ .btn-whatsapp,.btn-map{display:inline-block;padding:8px 15px;color:var(--white);border-radius:30px;font-size:0.8rem;text-decoration:none;transition:all 0.3s ease;margin-top:10px;border:2px solid transparent;text-align:center;width:100%;box-sizing:border-box;}.btn-whatsapp{background-color:#25d366;}.btn-whatsapp:hover{background-color:transparent;color:#25d366;border-color:#25d366;}.btn-map{background-color:var(--accent-teal);}.btn-map:hover{background-color:transparent;color:var(--accent-teal);border-color:var(--accent-teal);}/* Animaciones */ @keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.team-card,.info-card{animation:fadeIn 0.6s ease forwards;}.team-card:nth-child(1){animation-delay:0.1s;}.team-card:nth-child(2){animation-delay:0.2s;}.info-card:nth-child(1){animation-delay:0.3s;}.info-card:nth-child(2){animation-delay:0.4s;}.info-card:nth-child(3){animation-delay:0.5s;font-size:0.8rem;/* Un poco más pequeño para los horarios */ margin-bottom:8px;}.info-card:hover .info-icon{transform:rotate(15deg) scale(1.05);/* Reducido el scale de 1.1 */}/* ============================================= */ /* VERSIÓN MÓVIL CON CENTRADO PERFECTO */ /* ============================================= */ @media (max-width:992px){.unified-content{flex-direction:column;align-items:center;/* Centra todo el contenido */}.team-block{width:100%;padding-right:0;margin-bottom:40px;text-align:center;/* Centra texto del equipo */}.contact-block{width:100%;max-width:100%;display:flex;justify-content:center;/* Centra el bloque de contacto */}.contact-info{width:100%;max-width:400px;/* Ancho máximo para mejor legibilidad */}.team-block-title{text-align:center;}.team-block-title::after{left:50%;transform:translateX(-50%);}.team-grid{display:flex;flex-direction:column;align-items:center;/* Centra las tarjetas del equipo */ gap:20px;}.team-card{width:100%;max-width:300px;/* Controla el ancho de las tarjetas */}}@media (max-width:768px){.contacto-lavaseco{padding:40px 0;}.section-title{font-size:1.8rem;}.section-subtitle{font-size:0.95rem;padding:0 15px;}.info-card{width:100%;margin:0 auto 15px;padding:15px;}.info-icon{width:36px;height:36px;font-size:1rem;}.info-card h3{font-size:1.1rem;}.info-card p{font-size:0.85rem;}}@media (max-width:480px){.section-title{font-size:1.6rem;}.team-block-title{font-size:1.4rem;}.info-card{padding:15px 10px;}.btn-whatsapp,.btn-map{padding:8px 10px;font-size:0.8rem;}/* Asegura que todo el texto esté centrado */ .team-card h4,.position,.bio,.info-card h3,.info-card p{text-align:center;}}/* ============================================= */ /* BOTÓN FLOTANTE DE WHATSAPP ESCRITORIO */ /* ============================================= */ .whatsapp-float{position:fixed;top:120px;right:30px;width:70px;height:70px;background-color:#25d366;color:white;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:28px;box-shadow:0 4px 20px rgba(37,211,102,0.3);z-index:9999 !important;transition:all 0.3s ease;animation:pulse 2s infinite;text-decoration:none;}.whatsapp-float span{position:absolute;white-space:nowrap;right:80px;background:#25d366;padding:8px 15px;border-radius:30px;font-size:0.9rem;font-weight:500;opacity:0;transition:all 0.3s ease;}.whatsapp-float:hover{transform:scale(1.1) rotate(10deg);box-shadow:0 8px 25px rgba(37,211,102,0.4);}.whatsapp-float:hover span{opacity:1;right:90px;}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,0.7);}70%{box-shadow:0 0 0 15px rgba(37,211,102,0);}100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}}/* ============================================= */ /* BOTÓN FLOTANTE DE WHATSAPP - VERSIÓN MÓVIL */ /* ============================================= */ @media (max-width:768px){.whatsapp-float{width:60px;height:60px;font-size:24px;bottom:20px;right:20px;}.whatsapp-float:hover span{display:none;}}/* ============================================= */ /* FOOTER VERSION ESCRITORIO */ /* ============================================= */ .footer{position:relative;background:linear-gradient(135deg,var(--primary-blue) 0%,#144b8a 100%);color:var(--white);padding:70px 20px 30px;}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1200px;margin:0 auto;}.footer-brand{display:flex;flex-direction:column;}.footer-logo{width:120px;height:auto;margin-bottom:20px;}.footer-brand p{font-size:0.95rem;line-height:1.6;margin-bottom:20px;opacity:0.8;}.footer-links a{color:var(--white);/* Color blanco */ text-decoration:none;transition:color 0.3s ease;font-size:0.9rem;opacity:0.9;}.footer-links a:hover{color:var(--accent-orange);/* Naranja al hacer hover */ opacity:1;}/* Enlaces legales (política de privacidad y términos) */ .legal-links a{color:var(--white);/* Color blanco */ text-decoration:none;transition:color 0.3s ease;font-size:0.85rem;margin:0 10px;opacity:0.8;}.legal-links a:hover{color:var(--accent-orange);/* Naranja al hacer hover */ opacity:1;}.footer-social{display:flex;gap:15px;}.footer-social a{color:var(--white);width:40px;height:40px;border-radius:50%;background-color:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all 0.3s ease;}.footer-social a:hover{background-color:var(--accent-orange);transform:translateY;}/* ============================================= */ /* FOOTER - VERSIÓN MÓVIL */ /* ============================================= */ @media (max-width:768px){.footer{padding:40px 20px 20px;}.footer-container{grid-template-columns:1fr;gap:25px;}.footer-brand{text-align:center;align-items:center;}.footer-social{justify-content:center;}.footer-links{padding:0 15px;/* Padding interno para separar del borde */}.footer-links a{font-size:0.85rem;}.footer-links ul{padding-left:5px;/* Pequeño espacio para la lista */}.footer-links li{margin-bottom:10px;/* Espacio entre items de lista */}.footer-newsletter{padding:0 15px;/* Mismo padding que otras secciones */}.footer-bottom{padding-top:20px;margin-top:20px;}.legal-links{margin-top:15px;flex-direction:column;gap:10px;}.legal-links a{margin:0 8px;font-size:0.8rem;}}/* Media query adicional para pantallas muy pequeñas */ @media (max-width:480px){.footer{padding:30px 15px 15px;/* Padding más equilibrado */}.footer-links,.footer-newsletter{padding:0 10px;/* Padding consistente */}.hero-title{font-size:1.8rem;}.slide h2{font-size:1.5rem;}.section-title{font-size:1.8rem;}.highlight-text{font-size:1.3rem;}.whatsapp-float{width:50px;height:50px;font-size:20px;}}/* Estilos para la sección de testimonios */ .testimonios-section{padding:80px 0;background-color:var(--white);position:relative;overflow:hidden;}.testimonios-section .section-title{text-align:center;font-size:2.5rem;color:var(--primary-blue);margin-bottom:15px;position:relative;display:block;/* Asegura que ocupe todo el ancho */ width:100%;/* Ocupa todo el ancho disponible */}.testimonios-section .section-title::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);/* Esto centra la línea exactamente */ width:150px;height:4px;background:linear-gradient(to right,var(--accent-teal),var(--primary-blue));border-radius:2px;}.testimonios-section .section-subtitle{text-align:center;color:var(--dark-gray);max-width:600px;margin:0 auto 40px;font-size:1.1rem;line-height:1.6;}.testimonios-slider{width:100%;overflow:hidden;position:relative;padding:20px 0;}.testimonios-track{display:flex;gap:20px;transition:transform 0.5s ease;will-change:transform;}.testimonio-img{flex:0 0 180px;height:180px;border-radius:10px;overflow:hidden;box-shadow:var(--soft-shadow);transition:all 0.3s ease;position:relative;}.testimonio-img img{width:100%;height:100%;object-fit:cover;display:block;}.testimonio-img:hover{transform:scale(1.05);box-shadow:var(--hard-shadow);}.testimonio-img::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(26,107,175,0.1),rgba(26,107,175,0.3));opacity:0;transition:opacity 0.3s ease;}.testimonio-img:hover::after{opacity:1;}.testimonios-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px;}.testimonio-prev,.testimonio-next{background-color:var(--light-blue);color:var(--primary-blue);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;font-size:1rem;}.testimonio-prev:hover,.testimonio-next:hover{background-color:var(--accent-teal);color:var(--white);transform:scale(1.1);}.testimonios-dots{display:flex;gap:10px;}.testimonio-dot{width:12px;height:12px;border-radius:50%;background-color:var(--medium-gray);cursor:pointer;transition:all 0.3s ease;}.testimonio-dot.active{background-color:var(--accent-teal);transform:scale(1.2);}/* Burbujas para la sección de testimonios */ .testimonios-bubbles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;}/* Responsive */ @media (max-width:768px){.testimonios-section{padding:60px 0;}.testimonios-section .section-title{font-size:2rem;}.testimonios-section .section-subtitle{font-size:1rem;margin-bottom:30px;}.testimonio-img{flex:0 0 150px;height:150px;}}@media (max-width:480px){.testimonio-img{flex:0 0 120px;height:120px;}.testimonios-controls{gap:15px;}}