/**
Theme Name: Astra
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Version: 4.11.16
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 9.6
Tested up to: 6.9
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true

Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.

Astra is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of.
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/

Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Astra WordPress Theme.

Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid

Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.

Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

/* Note: The CSS files are loaded from assets/css/ folder. */

/* ========================================
   ALLIA DIGITAL MINDS - CSS V12 - MEJORADO FUTURISTA
   ✅ Logo aumentado 15-25%
   ✅ Todas las páginas a ancho completo
   ✅ Uniformidad en secciones
   ✅ Íconos futuristas con neón
   ✅ Footer actualizado
   ✅ Optimizado para 5 páginas independientes
   ======================================== */

@import url('https://fonts.cdnfonts.com/css/neuropol-x');

:root {
    --lavanda: #B993FF;
    --cian: #00E5FF;
    --turquesa: #00F2C3;
    --morado-oscuro: #4A1D7C;
    --morado-neon: #7C2BFF;
    --negro: #0A0A0D;
    --blanco: #F5F5FA;
    --container-max: 1400px;
}

/* ===== RESET Y BASE ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    font-family: 'Neuropol X', 'Arial', sans-serif;
    background: #0A0A0D;
    color: #F5F5FA;
    line-height: 1.6;
    font-size: 16px;
    overflow-x: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

/* ===== CONTENEDOR ANCHO COMPLETO ===== */
.container-width {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 40px;
    width: 100%;
}

/* Asegurar que todas las secciones ocupen ancho completo */
section {
    width: 100%;
    padding: 80px 0;
}

/* ===== HEADER V12 - FUTURISTA MEJORADO ===== */
.header-allia {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: linear-gradient(180deg, rgba(10, 10, 13, 0.98) 0%, rgba(15, 24, 41, 0.95) 100%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, #00F2C3, #00E5FF, #B993FF, #00E5FF, #00F2C3) 1;
    padding: 12px 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 8px 32px rgba(0, 242, 195, 0.15), 
                0 2px 8px rgba(124, 43, 255, 0.1),
                inset 0 -1px 0 rgba(0, 242, 195, 0.2);
}

.header-allia::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, #00F2C3 20%, #00E5FF 50%, #B993FF 80%, transparent);
    animation: shimmer 3s ease-in-out infinite;
}

@keyframes shimmer {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 0.8; }
}

.nav-container {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* LOGO V12 - EFECTO HOLOGRÁFICO */
.logo-allia {
    position: relative;
}

.logo-allia::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90px;
    height: 90px;
    background: radial-gradient(circle, rgba(0, 242, 195, 0.2), transparent 70%);
    border-radius: 50%;
    animation: pulse-logo 2s ease-in-out infinite;
    z-index: -1;
}

@keyframes pulse-logo {
    0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }
    50% { opacity: 1; transform: translate(-50%, -50%) scale(1.1); }
}

.logo-allia img {
    height: 68px;
    display: block;
    filter: drop-shadow(0 0 20px rgba(0, 242, 195, 0.7)) 
            drop-shadow(0 0 40px rgba(0, 229, 255, 0.3));
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(0, 242, 195, 0.3);
}

.logo-allia img:hover {
    filter: drop-shadow(0 0 30px rgba(0, 242, 195, 1)) 
            drop-shadow(0 0 60px rgba(0, 229, 255, 0.5));
    transform: scale(1.08) rotate(5deg);
    border-color: #00F2C3;
}

.nav-menu {
    display: flex;
    list-style: none;
    gap: 40px;
    align-items: center;
}

.nav-menu a {
    color: #F5F5FA;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    padding: 8px 16px;
    border-radius: 8px;
}

.nav-menu a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 242, 195, 0.1), rgba(0, 229, 255, 0.1));
    border-radius: 8px;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
}

.nav-menu a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #00F2C3, #00E5FF);
    box-shadow: 0 0 10px rgba(0, 242, 195, 0.8);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-menu a:hover::before {
    opacity: 1;
}

.nav-menu a:hover::after {
    width: 80%;
}

.nav-menu a:hover {
    color: #00F2C3;
    text-shadow: 0 0 20px rgba(0, 242, 195, 0.6);
    transform: translateY(-2px);
}

.btn-contacto {
    background: linear-gradient(135deg, #00E5FF, #00F2C3) !important;
    padding: 12px 28px !important;
    border-radius: 25px;
    color: #0A0A0D !important;
    font-weight: 700;
    box-shadow: 0 5px 15px rgba(0, 242, 195, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.3);
    position: relative;
    overflow: hidden;
}

.btn-contacto::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3), transparent 60%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.btn-contacto:hover::before {
    opacity: 1;
    animation: ripple 1s ease;
}

@keyframes ripple {
    0% { transform: scale(0); }
    100% { transform: scale(1); }
}

.btn-contacto:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(0, 242, 195, 0.7),
                inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

.btn-contacto::after {
    display: none !important;
}

/* ===== HAMBURGER MENU ===== */
.hamburger-menu {
    display: none;
    width: 45px;
    height: 45px;
    position: relative;
    cursor: pointer;
    background: linear-gradient(135deg, rgba(0, 229, 255, 0.15), rgba(0, 242, 195, 0.15));
    border: 2px solid #00F2C3;
    border-radius: 10px;
    padding: 10px;
    transition: all 0.3s ease;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.hamburger-menu:hover {
    box-shadow: 0 0 25px rgba(0, 242, 195, 0.5);
    transform: scale(1.05);
}

.hamburger-menu span {
    display: block;
    position: absolute;
    height: 3px;
    width: 26px;
    background: #00F2C3;
    border-radius: 3px;
    opacity: 1;
    left: 10px;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    box-shadow: 0 0 10px rgba(0, 242, 195, 0.6);
}

.hamburger-menu span:nth-child(1) { top: 13px; }
.hamburger-menu span:nth-child(2) { top: 21px; }
.hamburger-menu span:nth-child(3) { top: 29px; }

.hamburger-menu.active {
    background: linear-gradient(135deg, rgba(185, 147, 255, 0.2), rgba(124, 43, 255, 0.2));
    border-color: #B993FF;
    transform: rotate(90deg);
}

.hamburger-menu.active span {
    background: #B993FF;
    box-shadow: 0 0 15px rgba(185, 147, 255, 0.8);
}

.hamburger-menu.active span:nth-child(1) {
    top: 21px;
    transform: rotate(45deg);
}

.hamburger-menu.active span:nth-child(2) {
    opacity: 0;
    left: -30px;
}

.hamburger-menu.active span:nth-child(3) {
    top: 21px;
    transform: rotate(-45deg);
}
/* ========================================
   ALLIA DIGITAL MINDS - CSS V8 FINAL
   ✅ Menú lateral móvil (300px)
   ✅ Contact Form 7 integrado
   ========================================*/

@import url('https://fonts.cdnfonts.com/css/neuropol-x');

:root {
    --lavanda: #B993FF;
    --cian: #00E5FF;
    --turquesa: #00F2C3;
    --morado-oscuro: #4A1D7C;
    --morado-neon: #7C2BFF;
    --negro: #0A0A0D;
    --blanco: #F5F5FA;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    font-family: 'Neuropol X', 'Arial', sans-serif;
    background: #0A0A0D;
    color: #F5F5FA;
    line-height: 1.6;
    font-size: 16px;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

/* ===== HEADER ===== */
.header-allia {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: #000000;
    border-bottom: 3px solid #00F2C3;
    padding: 15px 0;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(0, 242, 195, 0.3);
}

.nav-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-allia img {
    height: 65px;
    display: block;
    filter: drop-shadow(0 0 15px rgba(0, 242, 195, 0.6));
    transition: all 0.3s ease;
}

.logo-allia img:hover {
    filter: drop-shadow(0 0 25px rgba(0, 242, 195, 0.9));
    transform: scale(1.05);
}

.nav-menu {
    display: flex;
    list-style: none;
    gap: 40px;
    align-items: center;
}

.nav-menu a {
    color: #F5F5FA;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    transition: all 0.3s ease;
    position: relative;
}

.nav-menu a::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: #00F2C3;
    transition: width 0.3s ease;
}

.nav-menu a:hover::after {
    width: 100%;
}

.nav-menu a:hover {
    color: #00F2C3;
}

.btn-contacto {
    background: linear-gradient(135deg, #00E5FF, #00F2C3) !important;
    padding: 12px 28px !important;
    border-radius: 25px;
    color: #0A0A0D !important;
    font-weight: 700;
    box-shadow: 0 5px 15px rgba(0, 242, 195, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.3);
    position: relative;
    overflow: hidden;
}

.btn-contacto::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3), transparent 60%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.btn-contacto:hover::before {
    opacity: 1;
    animation: ripple 1s ease;
}

@keyframes ripple {
    0% { transform: scale(0); }
    100% { transform: scale(1); }
}

.btn-contacto:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(0, 242, 195, 0.7),
                inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

.btn-contacto::after {
    display: none !important;
}

/* ===== HAMBURGER ===== */
.hamburger-menu {
    display: none;
    width: 45px;
    height: 45px;
    position: relative;
    cursor: pointer;
    background: linear-gradient(135deg, rgba(0, 229, 255, 0.15), rgba(0, 242, 195, 0.15));
    border: 2px solid #00F2C3;
    border-radius: 10px;
    padding: 10px;
    transition: all 0.3s ease;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.hamburger-menu:hover {
    box-shadow: 0 0 25px rgba(0, 242, 195, 0.5);
    transform: scale(1.05);
}

.hamburger-menu span {
    display: block;
    position: absolute;
    height: 3px;
    width: 26px;
    background: #00F2C3;
    border-radius: 3px;
    opacity: 1;
    left: 10px;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    box-shadow: 0 0 10px rgba(0, 242, 195, 0.6);
}

.hamburger-menu span:nth-child(1) { top: 13px; }
.hamburger-menu span:nth-child(2) { top: 21px; }
.hamburger-menu span:nth-child(3) { top: 29px; }

.hamburger-menu.active {
    background: linear-gradient(135deg, rgba(185, 147, 255, 0.2), rgba(124, 43, 255, 0.2));
    border-color: #B993FF;
    transform: rotate(90deg);
}

.hamburger-menu.active span {
    background: #B993FF;
    box-shadow: 0 0 15px rgba(185, 147, 255, 0.8);
}

.hamburger-menu.active span:nth-child(1) {
    top: 21px;
    transform: rotate(45deg);
}

.hamburger-menu.active span:nth-child(2) {
    opacity: 0;
    left: -30px;
}

.hamburger-menu.active span:nth-child(3) {
    top: 21px;
    transform: rotate(-45deg);
}

/* ===== HERO ===== */
.hero-section {
    min-height: 100vh;
    background-image: url('https://alliadigitalminds.com/wp-content/uploads/2026/01/logo-wall-v2.jpeg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    display: flex;
    align-items: center;
    padding: 140px 40px 80px;
    margin: 0;
}

.hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(10, 10, 13, 0.35), rgba(74, 29, 124, 0.25));
}

.hero-content {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    text-align: center;
    width: 100%;
}

.hero-text h1 {
    font-size: 54px;
    font-weight: 900;
    background: linear-gradient(135deg, #00E5FF, #00F2C3, #B993FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 30px;
    line-height: 1.2;
    animation: fadeInUp 1s ease;
}

.hero-text h2 {
    font-size: 21px;
    color: #F5F5FA;
    font-weight: 400;
    margin-bottom: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    animation: fadeInUp 1.2s ease;
}

.btn-pack {
    display: inline-block;
    background: linear-gradient(135deg, #7C2BFF, #B993FF);
    color: #F5F5FA;
    padding: 16px 40px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 700;
    font-size: 17px;
    transition: all 0.3s ease;
    animation: fadeInUp 1.4s ease;
    box-shadow: 0 8px 25px rgba(124, 43, 255, 0.4);
    border: none;
    cursor: pointer;
}

.btn-pack:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(124, 43, 255, 0.6);
}

/* ICONOS FLOTANTES */
.bg-animation {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
}

.floating-icon {
    position: absolute;
    font-size: 40px;
    color: #00F2C3;
    opacity: 0.25;
    animation: float 8s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-25px) rotate(5deg); }
}

.floating-icon:nth-child(1) { top: 15%; left: 10%; animation-delay: 0s; }
.floating-icon:nth-child(2) { top: 25%; right: 15%; animation-delay: 1.3s; }
.floating-icon:nth-child(3) { top: 50%; left: 5%; animation-delay: 2.6s; }
.floating-icon:nth-child(4) { top: 65%; right: 10%; animation-delay: 3.9s; }
.floating-icon:nth-child(5) { top: 80%; left: 20%; animation-delay: 5.2s; }
.floating-icon:nth-child(6) { top: 40%; right: 25%; animation-delay: 6.5s; }

/* ===== SECCIONES ===== */
section {
    padding: 100px 40px;
    position: relative;
    margin: 0;
    background: #0A0A0D;
}

.clientes-section,
.nosotros-section,
.portafolio-section,
.testimonios-section,
.contacto-section {
    background: linear-gradient(180deg, #0A0A0D 0%, #0f1829 50%, #0A0A0D 100%);
}

section + section {
    margin-top: 0;
}

/* TÍTULOS */
h1 { font-size: 56px; font-weight: 900; margin: 0; }
h2 { font-size: 42px; font-weight: 700; margin: 0 0 60px 0; }
h3 { font-size: 25px; font-weight: 700; margin: 0; }
h4 { font-size: 17px; font-weight: 600; margin: 0; }
p, li { font-size: 16px; line-height: 1.7; margin: 0; }

.clientes-title,
.nosotros-title,
.portafolio-title,
.testimonios-title,
.contacto-title {
    text-align: center;
    background: linear-gradient(135deg, #00E5FF, #00F2C3, #B993FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ===== CARRUSEL ===== */
.clientes-section {
    text-align: center;
}

.clientes-subtitle {
    font-size: 17px;
    margin-bottom: 60px;
    opacity: 0.9;
}

.clientes-carousel {
    overflow: hidden;
    padding: 40px 0;
}

.clientes-track {
    display: flex;
    gap: 40px;
    animation: scroll 30s linear infinite;
    width: fit-content;
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.clientes-track:hover {
    animation-play-state: paused;
}

.cliente-logo {
    min-width: 200px;
    height: 120px;
    background: rgba(124, 43, 255, 0.1);
    border: 2px solid #7C2BFF;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    transition: all 0.3s ease;
}

.cliente-logo:hover {
    transform: translateY(-10px);
    border-color: #00F2C3;
    box-shadow: 0 10px 30px rgba(0, 242, 195, 0.3);
}

.cliente-logo div {
    font-size: 17px;
    font-weight: 700;
    color: #00F2C3;
}

/* ===== NOSOTROS ===== */
.nosotros-container {
    max-width: 1200px;
    margin: 0 auto;
}

.pillars-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    margin-bottom: 80px;
}

.pillar-card {
    background: rgba(124, 43, 255, 0.1);
    border: 2px solid #7C2BFF;
    border-radius: 20px;
    padding: 40px 30px;
    text-align: center;
    transition: all 0.3s ease;
}

.pillar-card:hover {
    transform: translateY(-10px);
    border-color: #00F2C3;
    box-shadow: 0 15px 40px rgba(0, 242, 195, 0.3);
}

.pillar-title {
    color: #00F2C3;
    margin: 20px 0;
}

/* ===== PORTAFOLIO ===== */
.packs-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    max-width: 1400px;
    margin: 0 auto 80px;
}

.pack-card {
    background: rgba(124, 43, 255, 0.1);
    border: 2px solid #7C2BFF;
    border-radius: 20px;
    padding: 30px 20px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.pack-card:hover {
    transform: translateY(-10px);
    border-color: #00F2C3;
    box-shadow: 0 15px 40px rgba(0, 242, 195, 0.3);
}

.pack-card ul {
    list-style: none;
    margin: 20px 0;
    flex-grow: 1;
}

.pack-card li {
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 242, 195, 0.1);
    font-size: 14px;
}

.pack-card li:last-child {
    border-bottom: none;
}

/* EXTRAS */
.servicios-extras {
    max-width: 1400px;
    margin: 0 auto;
}

.extras-title {
    text-align: center;
    color: #B993FF;
    margin-bottom: 40px;
}

.extras-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.extra-card {
    background: rgba(124, 43, 255, 0.1);
    border: 2px solid #7C2BFF;
    border-radius: 15px;
    padding: 30px 25px;
    transition: all 0.3s ease;
}

.extra-card:hover {
    border-color: #00F2C3;
    transform: translateY(-5px);
}

.extra-name {
    color: #00F2C3;
    margin-bottom: 15px;
    font-size: 17px;
}

/* ===== TESTIMONIOS ===== */
.testimonios-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

.testimonio-card {
    background: rgba(124, 43, 255, 0.1);
    border: 2px solid #7C2BFF;
    border-radius: 20px;
    padding: 40px 30px;
    text-align: center;
    transition: all 0.3s ease;
}

.testimonio-card:hover {
    transform: translateY(-10px);
    border-color: #00F2C3;
}

/* ===== CONTACTO ===== */
.contacto-container {
    max-width: 1000px;
    margin: 0 auto;
}

.contacto-form {
    background: rgba(124, 43, 255, 0.1);
    border: 2px solid #00F2C3;
    border-radius: 20px;
    padding: 50px 40px;
    margin-bottom: 60px;
}

.contacto-form input,
.contacto-form textarea {
    width: 100%;
    padding: 15px 20px;
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid #7C2BFF;
    border-radius: 10px;
    color: #F5F5FA;
    font-family: 'Neuropol X', 'Arial', sans-serif;
    font-size: 16px;
}

.contacto-form input:focus,
.contacto-form textarea:focus {
    outline: none;
    border-color: #00F2C3;
    box-shadow: 0 0 15px rgba(0, 242, 195, 0.3);
}

.contacto-form textarea {
    resize: vertical;
    min-height: 120px;
}

.contacto-form label {
    display: block;
    margin-bottom: 10px;
    color: #00F2C3;
    font-weight: 600;
}

.contacto-info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    text-align: center;
}

/* ===== CONTACT FORM 7 ===== */
.wpcf7 .contacto-form {
    background: rgba(124, 43, 255, 0.1);
    border: 2px solid #00F2C3;
    border-radius: 20px;
    padding: 50px 40px;
    margin-bottom: 60px;
}

.wpcf7 label {
    display: block;
    margin-bottom: 10px;
    color: #00F2C3;
    font-weight: 600;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    width: 100%;
    padding: 15px 20px;
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid #7C2BFF;
    border-radius: 10px;
    color: #F5F5FA;
    font-family: 'Neuropol X', 'Arial', sans-serif;
    font-size: 16px;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
    outline: none;
    border-color: #00F2C3;
    box-shadow: 0 0 15px rgba(0, 242, 195, 0.3);
}

.wpcf7 textarea {
    resize: vertical;
    min-height: 120px;
}

.wpcf7 .btn-pack {
    width: 100%;
    padding: 16px 40px;
    background: linear-gradient(135deg, #7C2BFF, #B993FF);
    color: #F5F5FA;
    border: none;
    border-radius: 30px;
    font-weight: 700;
    font-size: 17px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.wpcf7 .btn-pack:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(124, 43, 255, 0.6);
}

.wpcf7-response-output {
    border: 2px solid #00F2C3;
    background: rgba(0, 242, 195, 0.1);
    color: #00F2C3;
    padding: 15px;
    border-radius: 10px;
    margin-top: 20px;
}

.wpcf7-validation-errors {
    border-color: #ff4444;
    background: rgba(255, 68, 68, 0.1);
    color: #ff4444;
}

/* ===== FOOTER ===== */
footer {
    background: #0A0A0D;
    padding: 60px 40px 30px;
    border-top: 2px solid #00F2C3;
    margin: 0;
}

.footer-content {
    max-width: 1400px;
    margin: 0 auto 40px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
}

footer a {
    color: #F5F5FA;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
    transition: color 0.3s ease;
}

footer a:hover {
    color: #00F2C3;
}

.footer-bottom {
    text-align: center;
    padding-top: 30px;
    border-top: 1px solid rgba(0, 242, 195, 0.2);
    margin: 0;
}

/* ===== SCROLL TO TOP ===== */
.scroll-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #00E5FF, #00F2C3);
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 21px;
    color: #0A0A0D;
    font-weight: 900;
    z-index: 999;
    transition: all 0.3s ease;
}

.scroll-top.active {
    display: flex;
}

.scroll-top:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 242, 195, 0.5);
}

/* ===== ANIMACIONES ===== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    animation: fadeInUp 0.8s ease;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1200px) {
    .packs-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 992px) {
    .packs-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ===== MÓVIL - MENÚ LATERAL ===== */
@media (max-width: 768px) {
    .hamburger-menu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    /* MENÚ LATERAL 300px */
    .nav-menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 300px;
        height: 100vh;
        background: linear-gradient(135deg, 
            rgba(10, 10, 13, 0.98) 0%, 
            rgba(74, 29, 124, 0.95) 50%,
            rgba(10, 10, 13, 0.98) 100%);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 100px 30px 30px;
        gap: 25px;
        transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        z-index: 999;
        box-shadow: -10px 0 40px rgba(0, 242, 195, 0.2);
        border-left: 2px solid #00F2C3;
        overflow-y: auto;
    }
    
    .nav-menu.active {
        right: 0;
    }
    
    /* Overlay */
    .nav-menu.active::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 300px;
        bottom: 0;
        background: rgba(10, 10, 13, 0.4);
        backdrop-filter: blur(3px);
        z-index: -1;
    }
    
    .nav-menu a {
        font-size: 17px;
        text-align: left;
        width: 100%;
        padding: 12px 20px;
        border-left: 3px solid transparent;
    }
    
    .nav-menu a:hover {
        border-left-color: #00F2C3;
        padding-left: 25px;
        background: rgba(0, 242, 195, 0.05);
    }
    
    .nav-menu a::after {
        display: none;
    }
    
    .nav-menu .btn-contacto {
        margin-top: 20px;
        text-align: center;
        border-left: none;
    }
    
    /* Animación items */
    .nav-menu li {
        opacity: 0;
        transform: translateX(30px);
        transition: all 0.3s ease;
    }
    
    .nav-menu.active li {
        opacity: 1;
        transform: translateX(0);
    }
    
    .nav-menu.active li:nth-child(1) { transition-delay: 0.1s; }
    .nav-menu.active li:nth-child(2) { transition-delay: 0.15s; }
    .nav-menu.active li:nth-child(3) { transition-delay: 0.2s; }
    .nav-menu.active li:nth-child(4) { transition-delay: 0.25s; }
    .nav-menu.active li:nth-child(5) { transition-delay: 0.3s; }
    
    /* Resto responsive */
    section { 
        padding: 60px 20px; 
    }
    
    .nav-container {
        padding: 0 20px;
    }
    
    .hero-section {
        min-height: 85vh;
        background-attachment: scroll;
        padding: 120px 20px 60px;
    }
    
    .hero-text h1 { 
        font-size: 36px;
        margin-bottom: 25px;
    }
    
    .hero-text h2 { 
        font-size: 17px;
        margin-bottom: 35px;
    }
    
    h2 { font-size: 32px; margin-bottom: 40px; }
    h3 { font-size: 21px; }
    
    .floating-icon { 
        font-size: 30px; 
        opacity: 0.15; 
    }
    
    .packs-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .pillars-grid,
    .extras-grid,
    .testimonios-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .clientes-track {
        gap: 20px;
    }
    
    .cliente-logo {
        min-width: 180px;
        height: 100px;
    }
    
    .btn-pack {
        font-size: 16px;
        padding: 14px 32px;
    }
    
    .logo-allia img {
        height: 55px;
        border-radius: 50%;
    }
}

@media (max-width: 480px) {
    .logo-allia img { 
        height: 50px;
        border-radius: 50%;
    }
    
    .hero-text h1 { 
        font-size: 25px; 
    }
    
    .hero-text h2 { 
        font-size: 16px; 
    }
    
    h2 { 
        font-size: 25px; 
    }
    
    .nav-menu a {
        font-size: 16px;
    }
    
    .hamburger-menu {
        width: 40px;
        height: 40px;
    }
    
    .hamburger-menu span {
        width: 22px;
    }
}

/* ========================================
   ESTILOS NUEVOS V9 - PÁGINAS INDEPENDIENTES
   ======================================== */

/* ===== BANNERS DE PÁGINAS ===== */
.nosotros-banner,
.servicios-banner,
.testimonios-banner,
.contacto-banner {
    background: linear-gradient(135deg, #1a0033 0%, #0A0A0D 100%);
    padding: 150px 0 80px;
    text-align: center;
    border-bottom: 2px solid rgba(0, 242, 195, 0.3);
}

.page-title {
    font-size: 56px;
    font-weight: 900;
    background: linear-gradient(135deg, #00F2C3, #00E5FF, #B993FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.page-subtitle {
    font-size: 22px;
    color: #F5F5FA;
    opacity: 0.9;
    max-width: 800px;
    margin: 0 auto;
}

/* ===== TÍTULOS DE SECCIONES ===== */
.section-title {
    font-size: 42px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 15px;
    background: linear-gradient(135deg, #00F2C3, #00E5FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.section-subtitle {
    font-size: 17px;
    text-align: center;
    opacity: 0.8;
    margin-bottom: 60px;
    color: #F5F5FA;
}

/* ===== HOME - RESUMEN NOSOTROS ===== */
.nosotros-resumen-section {
    background: linear-gradient(135deg, rgba(0, 242, 195, 0.05) 0%, rgba(0, 229, 255, 0.05) 100%);
    padding: 100px 0;
}

.nosotros-resumen-content {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.nosotros-resumen-content p {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 40px;
    color: #F5F5FA;
}

/* ===== HOME - SERVICIOS PREVIEW ===== */
.servicios-preview-section {
    background: #0A0A0D;
    padding: 100px 0;
}

.servicios-preview-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-top: 60px;
}

.servicio-preview-card {
    background: rgba(255, 255, 255, 0.03);
    padding: 40px 30px;
    border-radius: 20px;
    border: 2px solid transparent;
    transition: all 0.4s ease;
    text-align: center;
}

.servicio-preview-card:hover {
    background: rgba(0, 242, 195, 0.05);
    border-color: #00F2C3;
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 242, 195, 0.3);
}

.servicio-icon {
    font-size: 50px;
    margin-bottom: 20px;
    background: linear-gradient(135deg, #00F2C3, #00E5FF, #B993FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.servicio-preview-card h3 {
    font-size: 22px;
    color: #00F2C3;
    margin-bottom: 15px;
    font-weight: 700;
}

.servicio-preview-card p {
    font-size: 16px;
    opacity: 0.9;
    line-height: 1.6;
}

/* ===== HOME - POR QUÉ ELEGIR ADM ===== */
.why-choose-section {
    background: linear-gradient(135deg, rgba(185, 147, 255, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
    padding: 100px 0;
}

.why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    margin-top: 60px;
}

.why-card {
    background: rgba(255, 255, 255, 0.03);
    padding: 40px;
    border-radius: 20px;
    border: 2px solid rgba(0, 242, 195, 0.2);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.why-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 242, 195, 0.1), rgba(185, 147, 255, 0.1));
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
}

.why-card:hover::before {
    opacity: 1;
}

.why-card:hover {
    border-color: #00F2C3;
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(0, 242, 195, 0.4);
}

.why-icon {
    font-size: 50px;
    margin-bottom: 20px;
    color: #00F2C3;
    position: relative;
    z-index: 1;
}

.why-card h3 {
    font-size: 21px;
    color: #00E5FF;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}

.why-card p {
    font-size: 16px;
    line-height: 1.7;
    opacity: 0.9;
    position: relative;
    z-index: 1;
}

/* ===== HOME - CLIENTES PLACEHOLDER ===== */
.clientes-placeholder {
    background: rgba(255, 255, 255, 0.02);
    border: 2px dashed rgba(0, 242, 195, 0.3);
    border-radius: 20px;
    padding: 80px 40px;
    text-align: center;
    margin-top: 40px;
}

.placeholder-content {
    max-width: 600px;
    margin: 0 auto;
}

.placeholder-content p {
    font-size: 17px;
    color: #F5F5FA;
    opacity: 0.8;
    line-height: 1.6;
}

/* ===== HOME - TESTIMONIOS PREVIEW ===== */
.testimonios-preview-section {
    background: linear-gradient(135deg, rgba(0, 242, 195, 0.03) 0%, rgba(185, 147, 255, 0.03) 100%);
    padding: 100px 0;
}

.testimonios-placeholder-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 60px;
}

.testimonio-placeholder-card {
    background: rgba(255, 255, 255, 0.02);
    padding: 40px;
    border-radius: 20px;
    border: 2px solid rgba(0, 242, 195, 0.2);
    text-align: center;
    transition: all 0.3s ease;
}

.testimonio-placeholder-card:hover {
    border-color: #00F2C3;
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 242, 195, 0.2);
}

.quote-icon {
    font-size: 40px;
    color: #00F2C3;
    margin-bottom: 20px;
    opacity: 0.6;
}

.testimonio-placeholder-card p {
    font-size: 17px;
    font-style: italic;
    line-height: 1.7;
    color: #F5F5FA;
}

/* ===== PÁGINA NOSOTROS ===== */
.nosotros-main-section {
    background: #0A0A0D;
    padding: 80px 0;
}

.nosotros-intro {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.intro-text {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 30px;
    color: #F5F5FA;
}

.intro-text strong {
    color: #00F2C3;
    font-weight: 700;
}

/* ===== PILARES (MISIÓN, VISIÓN, VALORES) ===== */
.pillars-section {
    background: linear-gradient(135deg, rgba(0, 242, 195, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
    padding: 100px 0;
}

.pillars-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 40px;
    margin-top: 60px;
}

.pillar-card {
    background: rgba(255, 255, 255, 0.03);
    padding: 50px 40px;
    border-radius: 25px;
    border: 2px solid rgba(0, 242, 195, 0.2);
    text-align: center;
    transition: all 0.4s ease;
}

.pillar-card:hover {
    background: rgba(0, 242, 195, 0.05);
    border-color: #00F2C3;
    transform: translateY(-10px);
    box-shadow: 0 25px 60px rgba(0, 242, 195, 0.4);
}

.pillar-icon {
    margin: 0 auto 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pillar-icon svg {
    filter: drop-shadow(0 0 15px rgba(0, 242, 195, 0.6));
}

.pillar-card:hover .pillar-icon svg {
    filter: drop-shadow(0 0 25px rgba(0, 242, 195, 1));
    transform: scale(1.1);
}

.pillar-title {
    font-size: 25px;
    color: #00F2C3;
    margin-bottom: 20px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pillar-text {
    font-size: 17px;
    line-height: 1.7;
    opacity: 0.9;
}

/* ===== HISTORIA Y PROPÓSITO ===== */
.historia-section {
    background: #0A0A0D;
    padding: 100px 0;
}

.historia-box {
    background: rgba(0, 242, 195, 0.05);
    border: 2px solid #00F2C3;
    border-radius: 20px;
    padding: 50px 40px;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}

/* ===== PAQUETES DE SERVICIOS ===== */
.paquetes-section {
    background: #0A0A0D;
    padding: 80px 0;
}

.pack-premium {
    position: relative;
    border: 3px solid #00F2C3 !important;
}

.pack-badge {
    position: absolute;
    top: -15px;
    right: 20px;
    background: #00F2C3;
    color: #0A0A0D;
    padding: 5px 20px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1px;
}

.pack-header {
    text-align: center;
    margin-bottom: 30px;
}

.pack-icon {
    font-size: 50px;
    margin-bottom: 15px;
}

/* Estilos específicos cuando .pack-icon contiene imágenes (solo página servicios) */
.pack-icon.pack-icon-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pack-icon.pack-icon-image img {
    width: 130px;
    height: 130px;
    object-fit: contain;
    filter: drop-shadow(0 0 20px rgba(0, 242, 195, 0.8)) 
            drop-shadow(0 0 30px rgba(0, 229, 255, 0.6))
            drop-shadow(0 0 40px rgba(185, 147, 255, 0.4));
    transition: all 0.4s ease;
}

.pack-card:hover .pack-icon.pack-icon-image img {
    filter: drop-shadow(0 0 30px rgba(0, 242, 195, 1)) 
            drop-shadow(0 0 45px rgba(0, 229, 255, 0.8))
            drop-shadow(0 0 60px rgba(185, 147, 255, 0.6));
    transform: scale(1.15) rotate(5deg);
}

.pack-name {
    font-size: 26px;
    color: #00F2C3;
    margin-bottom: 10px;
    font-weight: 700;
}

.pack-tagline {
    font-size: 16px;
    color: #B993FF;
    opacity: 0.9;
}

.pack-description {
    margin-bottom: 25px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 10px;
}

.pack-features h4 {
    font-size: 17px;
    color: #00E5FF;
    margin-bottom: 15px;
}

.pack-features ul {
    list-style: none;
    padding: 0;
}

.pack-features li {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 15px;
}

.pack-features li i {
    color: #00F2C3;
    font-size: 17px;
    margin-top: 2px;
    flex-shrink: 0;
}

.pack-footer {
    margin-top: 30px;
}

.btn-premium {
    background: linear-gradient(135deg, #00E5FF, #00F2C3) !important;
    color: #0A0A0D !important;
}

/* ===== NOTA DE PRECIOS ===== */
.pricing-note {
    background: rgba(185, 147, 255, 0.05);
    border: 2px solid rgba(185, 147, 255, 0.3);
    border-radius: 20px;
    padding: 40px;
    margin-top: 80px;
    display: flex;
    gap: 25px;
    align-items: flex-start;
}

.note-icon {
    font-size: 40px;
    color: #B993FF;
    flex-shrink: 0;
}

.note-content h4 {
    font-size: 22px;
    color: #B993FF;
    margin-bottom: 15px;
}

.note-content p {
    font-size: 17px;
    line-height: 1.7;
    opacity: 0.9;
}

.note-content a {
    color: #00F2C3;
    text-decoration: none;
    font-weight: 700;
}

.note-content a:hover {
    text-decoration: underline;
}

/* ===== SERVICIOS ADICIONALES ===== */
.servicios-extras-section {
    background: linear-gradient(135deg, rgba(0, 242, 195, 0.03) 0%, rgba(0, 0, 0, 0) 100%);
    padding: 100px 0;
}

.extras-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 60px;
}

.extra-icon {
    font-size: 45px;
    margin-bottom: 20px;
    background: linear-gradient(135deg, #00F2C3, #00E5FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.extra-name {
    font-size: 17px;
    color: #00F2C3;
    margin-bottom: 15px;
}

.extra-description {
    font-size: 15px;
    line-height: 1.6;
    opacity: 0.9;
    margin-bottom: 15px;
}

.extra-note {
    font-size: 14px;
    color: #B993FF;
    font-weight: 700;
    padding: 8px 15px;
    background: rgba(185, 147, 255, 0.1);
    border-radius: 10px;
    display: inline-block;
}

/* ===== CTA SECTIONS ===== */
.servicios-cta-section,
.testimonios-cta-section,
.contacto-cta-section {
    background: linear-gradient(135deg, rgba(0, 242, 195, 0.08), rgba(185, 147, 255, 0.08));
    padding: 100px 0;
}

.cta-box {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
    padding: 60px 40px;
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid #00F2C3;
    border-radius: 30px;
    box-shadow: 0 20px 60px rgba(0, 242, 195, 0.3);
}

.cta-box h2 {
    font-size: 38px;
    margin-bottom: 20px;
    background: linear-gradient(135deg, #00F2C3, #00E5FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.cta-box p {
    font-size: 17px;
    margin-bottom: 40px;
    opacity: 0.9;
}

.cta-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-outline {
    background: transparent !important;
    border: 2px solid #00F2C3 !important;
    color: #00F2C3 !important;
}

.btn-outline:hover {
    background: #00F2C3 !important;
    color: #0A0A0D !important;
}

.btn-large {
    padding: 15px 40px !important;
    font-size: 17px !important;
}

.btn-whatsapp {
    background: linear-gradient(135deg, #25D366, #128C7E) !important;
}

/* ===== PÁGINA TESTIMONIOS ===== */
.testimonios-placeholder-hero {
    text-align: center;
    padding: 60px 40px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 25px;
    border: 2px dashed rgba(0, 242, 195, 0.3);
    margin-bottom: 60px;
}

.placeholder-icon {
    font-size: 60px;
    color: #00F2C3;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.testimonios-placeholder-hero h2 {
    font-size: 36px;
    color: #00E5FF;
    margin-bottom: 20px;
}

.placeholder-text {
    font-size: 17px;
    line-height: 1.8;
    opacity: 0.9;
    max-width: 800px;
    margin: 0 auto;
}

.placeholder-avatar {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #00F2C3, #B993FF);
    border-radius: 50%;
    margin: 0 auto 15px;
}

.placeholder-info {
    font-size: 14px;
    color: #00E5FF;
    opacity: 0.8;
}

.placeholder-footer {
    margin-top: 25px;
}

/* ===== TRUST SECTION ===== */
.trust-section {
    background: #0A0A0D;
    padding: 100px 0;
}

.trust-content h2 {
    text-align: center;
    font-size: 38px;
    margin-bottom: 60px;
    color: #00F2C3;
}

.trust-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
}

.trust-item {
    text-align: center;
    padding: 30px;
}

.trust-icon {
    font-size: 50px;
    color: #00F2C3;
    margin-bottom: 20px;
}

.trust-item h3 {
    font-size: 22px;
    color: #00E5FF;
    margin-bottom: 15px;
}

.trust-item p {
    font-size: 16px;
    opacity: 0.9;
    line-height: 1.6;
}

/* ===== STATS SECTION ===== */
.stats-section {
    background: linear-gradient(135deg, rgba(185, 147, 255, 0.05), rgba(0, 0, 0, 0));
    padding: 100px 0;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 40px;
    margin-top: 60px;
}

.stat-card {
    text-align: center;
    padding: 40px 20px;
    background: rgba(255, 255, 255, 0.02);
    border: 2px solid rgba(0, 242, 195, 0.2);
    border-radius: 20px;
    transition: all 0.3s ease;
}

.stat-card:hover {
    border-color: #00F2C3;
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(0, 242, 195, 0.3);
}

.stat-number {
    font-size: 56px;
    font-weight: 900;
    background: linear-gradient(135deg, #00F2C3, #00E5FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 15px;
}

.stat-label {
    font-size: 16px;
    color: #F5F5FA;
    opacity: 0.9;
}

/* ===== PÁGINA CONTACTO ===== */
.contacto-main-section {
    background: #0A0A0D;
    padding: 80px 0;
}

.contacto-intro {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 60px;
}

.contacto-layout {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 60px;
    align-items: start;
}

.contacto-form-column h2 {
    font-size: 32px;
    color: #00F2C3;
    margin-bottom: 15px;
}

.contact-form-wrapper {
    background: rgba(255, 255, 255, 0.02);
    padding: 40px;
    border-radius: 20px;
    border: 1px solid rgba(0, 242, 195, 0.2);
}

/* Estilos para Contact Form 7 */
.wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.wpcf7-form p {
    margin: 0;
}

.wpcf7-form label {
    display: block;
    margin-bottom: 8px;
    color: #00E5FF;
    font-weight: 600;
    font-size: 14px;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    width: 100%;
    padding: 15px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(0, 242, 195, 0.3);
    border-radius: 10px;
    color: #F5F5FA;
    font-size: 16px;
    font-family: inherit;
    transition: all 0.3s ease;
}

.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: rgba(245, 245, 250, 0.6) !important;
    opacity: 1;
}

.wpcf7-form input:focus::placeholder,
.wpcf7-form textarea:focus::placeholder {
    color: rgba(245, 245, 250, 0.4) !important;
}

/* Asegurar que el texto escrito sea blanco */
.wpcf7-form input,
.wpcf7-form textarea {
    color: #F5F5FA !important;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
    outline: none;
    border-color: #00F2C3;
    box-shadow: 0 0 15px rgba(0, 242, 195, 0.3);
    background: rgba(255, 255, 255, 0.08);
}

.wpcf7-form textarea {
    min-height: 150px;
    resize: vertical;
}

.wpcf7-form input[type="submit"] {
    background: linear-gradient(135deg, #00E5FF, #00F2C3);
    color: #0A0A0D;
    padding: 15px 40px;
    border: none;
    border-radius: 25px;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: inherit;
}

.wpcf7-form input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(0, 242, 195, 0.5);
}

/* INFO CARDS */
.contacto-info-column {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.info-card {
    background: rgba(255, 255, 255, 0.02);
    padding: 30px;
    border-radius: 15px;
    border: 1px solid rgba(0, 242, 195, 0.2);
    transition: all 0.3s ease;
}

.info-card:hover {
    border-color: #00F2C3;
    transform: translateX(5px);
    box-shadow: 0 10px 30px rgba(0, 242, 195, 0.2);
}

.info-icon {
    font-size: 35px;
    color: #00F2C3;
    margin-bottom: 15px;
}

.info-card h3 {
    font-size: 17px;
    color: #00E5FF;
    margin-bottom: 15px;
}

.info-card p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 8px;
}

.info-card a {
    color: #F5F5FA;
    text-decoration: none;
    transition: color 0.3s ease;
}

.info-card a:hover {
    color: #00F2C3;
}

.social-links {
    display: flex;
    gap: 15px;
    margin-top: 15px;
}

.social-link {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(0, 242, 195, 0.3);
    border-radius: 10px;
    color: #00F2C3;
    font-size: 17px;
    transition: all 0.3s ease;
}

.social-link:hover {
    background: #00F2C3;
    color: #0A0A0D;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 242, 195, 0.4);
}

.cta-alternate {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    background: rgba(255, 255, 255, 0.02);
    padding: 50px;
    border-radius: 20px;
    border: 2px solid rgba(0, 242, 195, 0.3);
}

.cta-content h2 {
    font-size: 32px;
    color: #00F2C3;
    margin-bottom: 15px;
}

.cta-content p {
    font-size: 17px;
    opacity: 0.9;
    line-height: 1.6;
}

/* ===== FOOTER ACTUALIZADO ===== */
.footer-allia {
    background: linear-gradient(180deg, #0A0A0D 0%, #0f1829 50%, #1a0033 100%);
    border-top: 2px solid transparent;
    border-image: linear-gradient(90deg, #00F2C3, #00E5FF, #B993FF, #00E5FF, #00F2C3) 1;
    padding: 80px 0 30px;
    position: relative;
    overflow: hidden;
}

.footer-allia::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #00F2C3, #00E5FF, #B993FF);
    box-shadow: 0 0 20px rgba(0, 242, 195, 0.8), 0 0 40px rgba(0, 229, 255, 0.4);
    animation: shimmer 3s ease-in-out infinite;
}

.footer-allia::after {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 200%;
    height: 100%;
    background: radial-gradient(ellipse at center, rgba(0, 242, 195, 0.03) 0%, transparent 70%);
    opacity: 0.5;
    animation: drift 20s ease-in-out infinite;
}

@keyframes drift {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(10%); }
}

.footer-content {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 60px;
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}

.footer-column {
    position: relative;
}

.footer-column::before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, #00F2C3, transparent);
    border-radius: 2px;
}

.footer-column h4 {
    color: #00E5FF;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 0 10px rgba(0, 229, 255, 0.4);
}

.footer-logo {
    height: 70px;
    margin-bottom: 25px;
    filter: drop-shadow(0 0 20px rgba(0, 242, 195, 0.6)) brightness(1.1);
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(0, 242, 195, 0.3);
    transition: all 0.3s ease;
}

.footer-logo:hover {
    filter: drop-shadow(0 0 30px rgba(0, 242, 195, 0.9)) brightness(1.2);
    transform: scale(1.05);
}

.footer-tagline {
    font-style: italic;
    color: #B993FF;
    font-size: 15px;
    margin-top: 15px;
    text-shadow: 0 0 8px rgba(185, 147, 255, 0.3);
}

.footer-column p {
    margin-bottom: 15px;
    opacity: 0.9;
    line-height: 1.7;
}

.footer-column a {
    display: block;
    color: #F5F5FA;
    text-decoration: none;
    margin-bottom: 12px;
    transition: all 0.3s ease;
    font-size: 15px;
    position: relative;
    padding-left: 0;
}

.footer-column a::before {
    content: '→';
    position: absolute;
    left: -20px;
    opacity: 0;
    transition: all 0.3s ease;
    color: #00F2C3;
}

.footer-column a:hover {
    color: #00F2C3;
    padding-left: 20px;
    text-shadow: 0 0 10px rgba(0, 242, 195, 0.5);
}

.footer-column a:hover::before {
    left: 0;
    opacity: 1;
}

.footer-cta {
    display: inline-block !important;
    background: linear-gradient(135deg, #00E5FF, #00F2C3) !important;
    color: #0A0A0D !important;
    padding: 14px 28px !important;
    border-radius: 25px;
    font-weight: 700;
    margin-top: 15px;
    box-shadow: 0 5px 20px rgba(0, 242, 195, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    position: relative;
    overflow: hidden;
}

.footer-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 0.5s ease;
}

.footer-cta:hover::before {
    left: 100%;
}

.footer-cta:hover {
    padding-left: 28px !important;
    box-shadow: 0 8px 30px rgba(0, 242, 195, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-2px);
}

.footer-social {
    display: flex;
    gap: 15px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.footer-social a {
    width: 50px !important;
    height: 50px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(0, 242, 195, 0.08);
    border: 2px solid rgba(0, 242, 195, 0.3);
    border-radius: 12px;
    color: #00F2C3;
    font-size: 20px;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.footer-social a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #00F2C3, #00E5FF);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
}

.footer-social a:hover::before {
    opacity: 1;
}

.footer-social a:hover {
    color: #0A0A0D;
    transform: translateY(-5px) rotate(5deg);
    border-color: #00F2C3;
    box-shadow: 0 10px 25px rgba(0, 242, 195, 0.5);
}

.footer-bottom {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 30px 40px 0;
    border-top: 1px solid rgba(0, 242, 195, 0.2);
    text-align: center;
    position: relative;
    z-index: 1;
}

.footer-bottom p {
    opacity: 0.7;
    font-size: 14px;
}

/* ===== SCROLL TO TOP BUTTON ===== */
.scroll-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #00E5FF, #00F2C3);
    color: #0A0A0D;
    border: none;
    border-radius: 50%;
    font-size: 17px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 999;
    box-shadow: 0 5px 20px rgba(0, 242, 195, 0.4);
}

.scroll-top.active {
    opacity: 1;
    visibility: visible;
}

.scroll-top:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 242, 195, 0.6);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .contacto-layout,
    .footer-content {
        grid-template-columns: 1fr;
    }
    
    .cta-alternate {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .hamburger-menu {
        display: flex;
    }
    
    .nav-menu {
        position: fixed;
        top: 0;
        right: -100%;
        height: 100vh;
        width: 300px;
        background: #000000;
        flex-direction: column;
        padding: 100px 40px;
        transition: right 0.4s ease;
        border-left: 3px solid #00F2C3;
        box-shadow: -10px 0 30px rgba(0, 0, 0, 0.5);
        z-index: 999;
    }
    
    .nav-menu.active {
        right: 0;
    }
    
    .page-title {
        font-size: 38px;
    }
    
    .section-title {
        font-size: 32px;
    }
    
    .servicio-preview-card,
    .why-card,
    .pillar-card,
    .trust-item {
        min-width: 100%;
    }
    
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .container-width {
        padding: 0 20px;
    }
    
    section {
        padding: 60px 0;
    }
    
    .page-title {
        font-size: 32px;
    }
    
    .page-subtitle {
        font-size: 17px;
    }
    
    .stats-grid {
        grid-template-columns: 1fr;
    }
    
    .cta-buttons {
        flex-direction: column;
    }
    
    .btn-large {
        width: 100%;
    }
}
/* ========================================
   CORRECCIONES ESPECÍFICAS - ALLIA V9
   Añadir DESPUÉS del CSS existente
   ======================================== */

/* ===== CORRECCIÓN 1: LOGO 25% MÁS GRANDE + GLOW NEÓN ===== */
.logo-allia img,
.site-logo img,
.custom-logo,
header img[src*="logo"] {
    height: 85px !important;
    max-height: 85px !important;
    width: auto !important;
    filter: drop-shadow(0 0 25px rgba(0, 242, 195, 0.85)) !important;
    transition: all 0.3s ease !important;
}

.logo-allia img:hover,
.site-logo img:hover,
.custom-logo:hover {
    filter: drop-shadow(0 0 35px rgba(0, 242, 195, 1)) 
            drop-shadow(0 0 50px rgba(0, 242, 195, 0.6)) !important;
    transform: scale(1.08) !important;
}

/* ===== CORRECCIÓN 2: ANCHO COMPLETO 100% SIN BORDES BLANCOS ===== */
html, body {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

/* Forzar ancho completo en elementos de WordPress */
.site,
.site-content,
.entry-content,
.content-area,
article,
main,
.wp-block-group,
.alignfull,
.alignwide {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

section {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* ===== CORRECCIÓN 3: FONDOS FUTURISTAS (SIN BLANCOS) ===== */

/* Asegurar que NINGUNA sección tenga fondo blanco */
section,
.section,
div[class*="section"],
.wp-block-group {
    background: #0A0A0D !important;
}

/* Fondos específicos por sección */
.hero-section {
    background: linear-gradient(75deg, rgba(10, 10, 13, 0.92), rgba(74, 29, 124, 0.5)),
                url('https://alliadigitalminds.com/wp-content/uploads/2026/01/logo-wall-v2.jpeg') !important;
    background-size: cover !important;
    background-position: center !important;
}

.nosotros-resumen-section {
    background: linear-gradient(135deg, rgba(0, 242, 195, 0.08) 0%, rgba(0, 229, 255, 0.05) 100%) !important;
}

.servicios-preview-section {
    background: radial-gradient(circle at top right, rgba(124, 43, 255, 0.15), rgba(10, 10, 13, 1)) !important;
}

.why-choose-section {
    background: linear-gradient(135deg, rgba(185, 147, 255, 0.08) 0%, rgba(0, 0, 0, 1) 100%) !important;
}

.clientes-section {
    background: radial-gradient(circle at bottom left, rgba(0, 229, 255, 0.1), rgba(10, 10, 13, 1)) !important;
}

.testimonios-preview-section {
    background: linear-gradient(135deg, rgba(0, 242, 195, 0.06) 0%, rgba(185, 147, 255, 0.06) 100%) !important;
}

.nosotros-banner,
.servicios-banner,
.testimonios-banner,
.contacto-banner {
    background: linear-gradient(135deg, #1a0033 0%, #0A0A0D 100%) !important;
}

.nosotros-main-section,
.paquetes-section,
.testimonios-main-section,
.contacto-main-section {
    background: radial-gradient(circle at center, rgba(0, 242, 195, 0.03), #0A0A0D) !important;
}

.pillars-section {
    background: linear-gradient(to bottom, rgba(0, 242, 195, 0.05) 0%, rgba(124, 43, 255, 0.05) 100%) !important;
}

.servicios-extras-section {
    background: radial-gradient(ellipse at top, rgba(0, 229, 255, 0.08), #0A0A0D) !important;
}

.trust-section {
    background: linear-gradient(135deg, rgba(185, 147, 255, 0.06), rgba(0, 0, 0, 1)) !important;
}

.historia-section,
.stats-section {
    background: radial-gradient(circle at bottom, rgba(0, 242, 195, 0.05), #0A0A0D) !important;
}

.servicios-cta-section,
.testimonios-cta-section,
.contacto-cta-section {
    background: linear-gradient(135deg, rgba(0, 242, 195, 0.1), rgba(185, 147, 255, 0.1)) !important;
}

/* ===== CORRECCIÓN 4: BOTÓN "HABLEMOS DE TU PROYECTO" PERFECTO ===== */
.footer-cta {
    /* Display y posicionamiento */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Tamaño y espaciado */
    padding: 16px 35px !important;
    min-height: 50px !important;
    
    /* Texto */
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    color: #0A0A0D !important;
    
    /* Apariencia */
    background: linear-gradient(135deg, #00E5FF, #00F2C3) !important;
    border-radius: 25px !important;
    border: none !important;
    
    /* Sombra y efectos */
    box-shadow: 0 5px 20px rgba(0, 242, 195, 0.5) !important;
    transition: all 0.3s ease !important;
    
    /* Espaciado externo */
    margin-top: 15px !important;
    margin-bottom: 0 !important;
}

.footer-cta:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 30px rgba(0, 242, 195, 0.7) !important;
    background: linear-gradient(135deg, #00F2C3, #00E5FF) !important;
    
    /* NO cambiar padding en hover para mantener alineación */
    padding: 16px 35px !important;
}

/* Asegurar que el texto dentro esté centrado */
.footer-cta span,
.footer-cta i {
    vertical-align: middle !important;
    display: inline-block !important;
}
/* ========================================
   CORRECCIONES FONDOS INTENSOS - ALLIA V9
   Fondos oscuros vibrantes + Texto 100% legible
   ======================================== */

/* ===== 1. QUIÉNES SOMOS - FONDO OSCURO TURQUESA ===== */
.nosotros-resumen-section {
    background: 
        radial-gradient(circle at 30% 50%, rgba(0, 242, 195, 0.12), transparent 60%),
        linear-gradient(135deg, 
            #0d1a1a 0%,
            #0a0f1a 50%,
            #0A0A0D 100%) !important;
    position: relative;
    border-top: 1px solid rgba(0, 242, 195, 0.2);
    border-bottom: 1px solid rgba(0, 242, 195, 0.2);
}

/* ===== 2. NUESTROS SERVICIOS - FONDO OSCURO MORADO ===== */
.servicios-preview-section {
    background: 
        radial-gradient(circle at 80% 30%, rgba(124, 43, 255, 0.15), transparent 60%),
        linear-gradient(135deg, 
            #14091f 0%,
            #0d0a1a 50%,
            #0A0A0D 100%) !important;
    position: relative;
    border-top: 1px solid rgba(124, 43, 255, 0.2);
    border-bottom: 1px solid rgba(124, 43, 255, 0.2);
}

/* ===== 3. POR QUÉ ELEGIR ALLIA - FONDO OSCURO LAVANDA ===== */
.why-choose-section {
    background: 
        radial-gradient(circle at 20% 80%, rgba(185, 147, 255, 0.12), transparent 60%),
        linear-gradient(135deg, 
            #1a0d26 0%,
            #0f0a1a 50%,
            #0A0A0D 100%) !important;
    position: relative;
    border-top: 1px solid rgba(185, 147, 255, 0.2);
    border-bottom: 1px solid rgba(185, 147, 255, 0.2);
}

/* ===== 4. RESULTADOS REALES - FONDO OSCURO CYAN ===== */
.clientes-section {
    background: 
        radial-gradient(ellipse at center, rgba(0, 229, 255, 0.12), transparent 65%),
        linear-gradient(135deg, 
            #0a141a 0%,
            #0a0f1a 50%,
            #0A0A0D 100%) !important;
    position: relative;
    border-top: 1px solid rgba(0, 229, 255, 0.2);
    border-bottom: 1px solid rgba(0, 229, 255, 0.2);
}

/* ===== 5. EXPERIENCIAS QUE TRANSFORMAN - FONDO OSCURO MIXTO ===== */
.testimonios-preview-section {
    background: 
        radial-gradient(circle at 90% 50%, rgba(185, 147, 255, 0.1), transparent 60%),
        linear-gradient(135deg, 
            #0d1a1a 0%,
            #10091f 50%,
            #0A0A0D 100%) !important;
    position: relative;
    border-top: 1px solid rgba(0, 242, 195, 0.2);
    border-bottom: 1px solid rgba(185, 147, 255, 0.2);
}

/* ===== TEXTO SIEMPRE LEGIBLE ===== */
.nosotros-resumen-content p,
.servicio-preview-card p,
.servicio-preview-card h3,
.why-card p,
.why-card h3,
.clientes-placeholder p,
.testimonio-placeholder-card p {
    color: #F5F5FA !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}

/* Títulos principales ultra brillantes */
.section-title {
    background: linear-gradient(135deg, #00F2C3, #00E5FF, #B993FF) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    filter: drop-shadow(0 0 25px rgba(0, 242, 195, 0.6)) 
            drop-shadow(0 0 35px rgba(0, 229, 255, 0.4)) !important;
}

.section-subtitle {
    color: #F5F5FA !important;
    opacity: 0.95 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7) !important;
}

/* ===== TARJETAS CON BORDES NEÓN MÁS VISIBLES ===== */
.servicio-preview-card {
    background: rgba(10, 10, 13, 0.6) !important;
    border: 2px solid rgba(124, 43, 255, 0.4) !important;
    box-shadow: 0 0 25px rgba(124, 43, 255, 0.2) !important;
}

.servicio-preview-card:hover {
    background: rgba(20, 9, 31, 0.8) !important;
    border-color: #7C2BFF !important;
    box-shadow: 0 5px 35px rgba(124, 43, 255, 0.5),
                0 0 50px rgba(124, 43, 255, 0.3) !important;
}

.why-card {
    background: rgba(10, 10, 13, 0.6) !important;
    border: 2px solid rgba(185, 147, 255, 0.4) !important;
    box-shadow: 0 0 25px rgba(185, 147, 255, 0.2) !important;
}

.why-card:hover {
    background: rgba(26, 13, 38, 0.8) !important;
    border-color: #B993FF !important;
    box-shadow: 0 5px 35px rgba(185, 147, 255, 0.5),
                0 0 50px rgba(185, 147, 255, 0.3) !important;
}

.testimonio-placeholder-card {
    background: rgba(10, 10, 13, 0.6) !important;
    border: 2px solid rgba(0, 242, 195, 0.4) !important;
    box-shadow: 0 0 25px rgba(0, 242, 195, 0.2) !important;
}

.testimonio-placeholder-card:hover {
    background: rgba(13, 26, 26, 0.8) !important;
    border-color: #00F2C3 !important;
    box-shadow: 0 5px 35px rgba(0, 242, 195, 0.5),
                0 0 50px rgba(0, 242, 195, 0.3) !important;
}

/* ===== PLACEHOLDER DE CLIENTES MÁS OSCURO ===== */
.clientes-placeholder {
    background: rgba(10, 20, 26, 0.7) !important;
    border: 2px dashed rgba(0, 229, 255, 0.5) !important;
    box-shadow: inset 0 0 40px rgba(0, 229, 255, 0.15),
                0 0 30px rgba(0, 229, 255, 0.2) !important;
}

.placeholder-content p {
    color: #F5F5FA !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}

/* ===== ÍCONOS SUPER BRILLANTES ===== */
.servicio-icon,
.why-icon {
    font-size: 55px !important;
    background: linear-gradient(135deg, #00F2C3 0%, #00E5FF 50%, #B993FF 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    filter: drop-shadow(0 0 20px rgba(0, 242, 195, 0.8)) 
            drop-shadow(0 0 30px rgba(0, 229, 255, 0.6))
            drop-shadow(0 0 40px rgba(185, 147, 255, 0.4)) !important;
}

.servicio-preview-card:hover .servicio-icon,
.why-card:hover .why-icon {
    filter: drop-shadow(0 0 30px rgba(0, 242, 195, 1)) 
            drop-shadow(0 0 45px rgba(0, 229, 255, 0.8))
            drop-shadow(0 0 60px rgba(185, 147, 255, 0.6)) !important;
    transform: scale(1.15) rotate(5deg) !important;
}

/* ===== ASEGURAR Z-INDEX CORRECTO ===== */
.nosotros-resumen-section .container-width,
.servicios-preview-section .container-width,
.why-choose-section .container-width,
.clientes-section .container-width,
.testimonios-preview-section .container-width {
    position: relative;
    z-index: 1;
}

/* ===== BOTONES MÁS VISIBLES ===== */
.btn-pack,
.btn-large {
    background: linear-gradient(135deg, #00E5FF, #00F2C3) !important;
    color: #0A0A0D !important;
    font-weight: 700 !important;
    box-shadow: 0 5px 25px rgba(0, 242, 195, 0.5),
                0 0 35px rgba(0, 242, 195, 0.3) !important;
}

.btn-pack:hover,
.btn-large:hover {
    box-shadow: 0 8px 35px rgba(0, 242, 195, 0.7),
                0 0 50px rgba(0, 242, 195, 0.5) !important;
    transform: translateY(-3px) scale(1.02) !important;
}

/* ===== LÍNEAS DECORATIVAS NEÓN ===== */
.nosotros-resumen-section::after,
.servicios-preview-section::after,
.why-choose-section::after,
.clientes-section::after,
.testimonios-preview-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent 0%,
        rgba(0, 242, 195, 0.6) 50%,
        transparent 100%);
    box-shadow: 0 0 15px rgba(0, 242, 195, 0.5);
}

.servicios-preview-section::after {
    background: linear-gradient(90deg, 
        transparent 0%,
        rgba(124, 43, 255, 0.6) 50%,
        transparent 100%);
    box-shadow: 0 0 15px rgba(124, 43, 255, 0.5);
}

.why-choose-section::after {
    background: linear-gradient(90deg, 
        transparent 0%,
        rgba(185, 147, 255, 0.6) 50%,
        transparent 100%);
    box-shadow: 0 0 15px rgba(185, 147, 255, 0.5);
}

.clientes-section::after {
    background: linear-gradient(90deg, 
        transparent 0%,
        rgba(0, 229, 255, 0.6) 50%,
        transparent 100%);
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.5);
}
/* ========================================
   FONDOS INTENSOS TODAS LAS PÁGINAS - ALLIA V9
   Nosotros | Servicios | Testimonios | Contacto
   Sistema coherente de colores futuristas
   ======================================== */

/* ========================================
   PÁGINA NOSOTROS
   ======================================== */

/* Banner Nosotros */
.nosotros-banner {
    background: linear-gradient(135deg, 
        #1a0033 0%,
        #14091f 50%,
        #0A0A0D 100%) !important;
    border-bottom: 2px solid rgba(185, 147, 255, 0.3) !important;
    box-shadow: 0 5px 30px rgba(185, 147, 255, 0.2) !important;
    overflow: visible !important;
}

/* Sección principal Nosotros */
.nosotros-main-section {
    background: 
        radial-gradient(circle at 50% 30%, rgba(0, 242, 195, 0.1), transparent 60%),
        linear-gradient(135deg, 
            #0d1a1a 0%,
            #0a0f1a 50%,
            #0A0A0D 100%) !important;
    border-top: 1px solid rgba(0, 242, 195, 0.2);
    border-bottom: 1px solid rgba(0, 242, 195, 0.2);
}

/* Sección Pilares (Misión, Visión, Valores) */
.pillars-section {
    background: 
        radial-gradient(circle at 70% 50%, rgba(124, 43, 255, 0.12), transparent 65%),
        linear-gradient(135deg, 
            #14091f 0%,
            #0d0a1a 50%,
            #0A0A0D 100%) !important;
    border-top: 1px solid rgba(124, 43, 255, 0.2);
    border-bottom: 1px solid rgba(124, 43, 255, 0.2);
}

/* Tarjetas de pilares */
.pillar-card {
    background: rgba(10, 10, 13, 0.6) !important;
    border: 2px solid rgba(0, 242, 195, 0.4) !important;
    box-shadow: 0 0 25px rgba(0, 242, 195, 0.2) !important;
}

.pillar-card:hover {
    background: rgba(13, 26, 26, 0.8) !important;
    border-color: #00F2C3 !important;
    box-shadow: 0 5px 35px rgba(0, 242, 195, 0.5),
                0 0 50px rgba(0, 242, 195, 0.3) !important;
}

/* Sección Historia */
.historia-section {
    background: 
        radial-gradient(circle at 30% 70%, rgba(0, 229, 255, 0.1), transparent 60%),
        linear-gradient(135deg, 
            #0a141a 0%,
            #0a0f1a 50%,
            #0A0A0D 100%) !important;
    border-top: 1px solid rgba(0, 229, 255, 0.2);
    border-bottom: 1px solid rgba(0, 229, 255, 0.2);
}

.historia-box {
    background: rgba(13, 26, 26, 0.6) !important;
    border: 2px solid #00F2C3 !important;
    box-shadow: inset 0 0 40px rgba(0, 242, 195, 0.15),
                0 0 35px rgba(0, 242, 195, 0.3) !important;
}

/* ========================================
   PÁGINA SERVICIOS
   ======================================== */

/* Banner Servicios */
.servicios-banner {
    background: linear-gradient(135deg, 
        #1a0033 0%,
        #0d1a1a 50%,
        #0A0A0D 100%) !important;
    border-bottom: 2px solid rgba(0, 229, 255, 0.3) !important;
    box-shadow: 0 5px 30px rgba(0, 229, 255, 0.2) !important;
}

/* Sección Paquetes */
.paquetes-section {
    background: 
        radial-gradient(circle at 50% 50%, rgba(124, 43, 255, 0.12), transparent 70%),
        linear-gradient(135deg, 
            #14091f 0%,
            #0d0a1a 50%,
            #0A0A0D 100%) !important;
    border-top: 1px solid rgba(124, 43, 255, 0.2);
    border-bottom: 1px solid rgba(124, 43, 255, 0.2);
}

/* Tarjetas de paquetes */
.pack-card {
    background: rgba(10, 10, 13, 0.6) !important;
    border: 2px solid rgba(124, 43, 255, 0.4) !important;
    box-shadow: 0 0 25px rgba(124, 43, 255, 0.2) !important;
}

.pack-card:hover {
    background: rgba(20, 9, 31, 0.8) !important;
    border-color: #7C2BFF !important;
    box-shadow: 0 5px 35px rgba(124, 43, 255, 0.5),
                0 0 50px rgba(124, 43, 255, 0.3) !important;
}

/* Pack Premium especial */
.pack-premium {
    background: rgba(13, 26, 26, 0.7) !important;
    border: 3px solid #00F2C3 !important;
    box-shadow: 0 0 30px rgba(0, 242, 195, 0.4),
                inset 0 0 30px rgba(0, 242, 195, 0.1) !important;
}

.pack-premium:hover {
    box-shadow: 0 8px 45px rgba(0, 242, 195, 0.6),
                0 0 60px rgba(0, 242, 195, 0.4),
                inset 0 0 40px rgba(0, 242, 195, 0.15) !important;
}

/* Badge Premium */
.pack-badge {
    background: linear-gradient(135deg, #00F2C3, #00E5FF) !important;
    color: #0A0A0D !important;
    box-shadow: 0 0 20px rgba(0, 242, 195, 0.6) !important;
}

/* Nota de precios */
.pricing-note {
    background: rgba(26, 13, 38, 0.6) !important;
    border: 2px solid rgba(185, 147, 255, 0.4) !important;
    box-shadow: 0 0 30px rgba(185, 147, 255, 0.2) !important;
}

.note-icon {
    color: #B993FF !important;
    filter: drop-shadow(0 0 15px rgba(185, 147, 255, 0.6)) !important;
}

/* Sección Servicios Extras */
.servicios-extras-section {
    background: 
        radial-gradient(ellipse at top, rgba(0, 229, 255, 0.12), transparent 65%),
        linear-gradient(135deg, 
            #0a141a 0%,
            #0a0f1a 50%,
            #0A0A0D 100%) !important;
    border-top: 1px solid rgba(0, 229, 255, 0.2);
    border-bottom: 1px solid rgba(0, 229, 255, 0.2);
}

/* Tarjetas extras */
.extra-card {
    background: rgba(10, 10, 13, 0.6) !important;
    border: 2px solid rgba(0, 229, 255, 0.4) !important;
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.2) !important;
}

.extra-card:hover {
    background: rgba(10, 20, 26, 0.8) !important;
    border-color: #00E5FF !important;
    box-shadow: 0 5px 35px rgba(0, 229, 255, 0.5),
                0 0 50px rgba(0, 229, 255, 0.3) !important;
}

.extra-note {
    background: rgba(185, 147, 255, 0.15) !important;
    color: #B993FF !important;
    border: 1px solid rgba(185, 147, 255, 0.3);
    box-shadow: 0 0 10px rgba(185, 147, 255, 0.2);
}

/* Sección CTA Servicios */
.servicios-cta-section {
    background: 
        radial-gradient(circle at center, rgba(0, 242, 195, 0.15), transparent 70%),
        linear-gradient(135deg, 
            rgba(0, 242, 195, 0.08),
            rgba(185, 147, 255, 0.08)) !important;
    border-top: 1px solid rgba(0, 242, 195, 0.3);
    border-bottom: 1px solid rgba(185, 147, 255, 0.3);
}

/* ========================================
   PÁGINA TESTIMONIOS
   ======================================== */

/* Banner Testimonios */
.testimonios-banner {
    background: linear-gradient(135deg, 
        #0d1a1a 0%,
        #10091f 50%,
        #0A0A0D 100%) !important;
    border-bottom: 2px solid rgba(0, 242, 195, 0.3) !important;
    box-shadow: 0 5px 30px rgba(0, 242, 195, 0.2) !important;
}

/* Sección principal testimonios */
.testimonios-main-section {
    background: 
        radial-gradient(circle at 50% 40%, rgba(185, 147, 255, 0.12), transparent 65%),
        linear-gradient(135deg, 
            #1a0d26 0%,
            #0f0a1a 50%,
            #0A0A0D 100%) !important;
    border-top: 1px solid rgba(185, 147, 255, 0.2);
    border-bottom: 1px solid rgba(185, 147, 255, 0.2);
}

/* Placeholder hero */
.testimonios-placeholder-hero {
    background: rgba(26, 13, 38, 0.6) !important;
    border: 2px dashed rgba(185, 147, 255, 0.5) !important;
    box-shadow: inset 0 0 40px rgba(185, 147, 255, 0.15),
                0 0 30px rgba(185, 147, 255, 0.2) !important;
}

/* Sección Trust */
.trust-section {
    background: 
        radial-gradient(circle at 70% 60%, rgba(0, 229, 255, 0.1), transparent 60%),
        linear-gradient(135deg, 
            #0a141a 0%,
            #0a0f1a 50%,
            #0A0A0D 100%) !important;
    border-top: 1px solid rgba(0, 229, 255, 0.2);
    border-bottom: 1px solid rgba(0, 229, 255, 0.2);
}

/* Trust items */
.trust-item {
    background: rgba(10, 10, 13, 0.5) !important;
    border: 2px solid rgba(0, 229, 255, 0.3) !important;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.15) !important;
    transition: all 0.4s ease !important;
}

.trust-item:hover {
    background: rgba(10, 20, 26, 0.7) !important;
    border-color: #00E5FF !important;
    box-shadow: 0 5px 30px rgba(0, 229, 255, 0.4),
                0 0 40px rgba(0, 229, 255, 0.25) !important;
    transform: translateY(-5px) !important;
}

/* Sección Stats */
.stats-section {
    background: 
        radial-gradient(circle at bottom, rgba(0, 242, 195, 0.1), transparent 60%),
        linear-gradient(135deg, 
            #0d1a1a 0%,
            #0a0f1a 50%,
            #0A0A0D 100%) !important;
    border-top: 1px solid rgba(0, 242, 195, 0.2);
    border-bottom: 1px solid rgba(0, 242, 195, 0.2);
}

/* Stat cards */
.stat-card {
    background: rgba(10, 10, 13, 0.6) !important;
    border: 2px solid rgba(0, 242, 195, 0.4) !important;
    box-shadow: 0 0 25px rgba(0, 242, 195, 0.2) !important;
}

.stat-card:hover {
    background: rgba(13, 26, 26, 0.8) !important;
    border-color: #00F2C3 !important;
    box-shadow: 0 8px 35px rgba(0, 242, 195, 0.5),
                0 0 50px rgba(0, 242, 195, 0.3) !important;
}

.stat-number {
    background: linear-gradient(135deg, #00F2C3, #00E5FF) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    filter: drop-shadow(0 0 20px rgba(0, 242, 195, 0.6)) !important;
}

/* Sección CTA Testimonios */
.testimonios-cta-section {
    background: 
        radial-gradient(ellipse at center, rgba(185, 147, 255, 0.15), transparent 70%),
        linear-gradient(135deg, 
            rgba(185, 147, 255, 0.08),
            rgba(0, 242, 195, 0.08)) !important;
    border-top: 1px solid rgba(185, 147, 255, 0.3);
    border-bottom: 1px solid rgba(0, 242, 195, 0.3);
}

/* ========================================
   PÁGINA CONTACTO
   ======================================== */

/* Banner Contacto */
.contacto-banner {
    background: linear-gradient(135deg, 
        #0a141a 0%,
        #0d1a1a 50%,
        #0A0A0D 100%) !important;
    border-bottom: 2px solid rgba(0, 229, 255, 0.3) !important;
    box-shadow: 0 5px 30px rgba(0, 229, 255, 0.2) !important;
}

/* Sección principal contacto */
.contacto-main-section {
    background: 
        radial-gradient(circle at 40% 50%, rgba(0, 242, 195, 0.1), transparent 65%),
        linear-gradient(135deg, 
            #0d1a1a 0%,
            #0a0f1a 50%,
            #0A0A0D 100%) !important;
    border-top: 1px solid rgba(0, 242, 195, 0.2);
    border-bottom: 1px solid rgba(0, 242, 195, 0.2);
}

/* Wrapper del formulario */
.contact-form-wrapper {
    background: rgba(10, 10, 13, 0.5) !important;
    border: 1px solid rgba(0, 242, 195, 0.3) !important;
    box-shadow: 0 0 30px rgba(0, 242, 195, 0.15) !important;
}

/* Info cards */
.info-card {
    background: rgba(10, 10, 13, 0.6) !important;
    border: 1px solid rgba(0, 229, 255, 0.3) !important;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.15) !important;
}

.info-card:hover {
    background: rgba(10, 20, 26, 0.8) !important;
    border-color: #00E5FF !important;
    box-shadow: 0 5px 30px rgba(0, 229, 255, 0.4),
                0 0 40px rgba(0, 229, 255, 0.2) !important;
}

/* Social links en contacto */
.social-link {
    background: rgba(10, 10, 13, 0.6) !important;
    border: 1px solid rgba(0, 242, 195, 0.35) !important;
    box-shadow: 0 0 15px rgba(0, 242, 195, 0.2) !important;
}

.social-link:hover {
    background: #00F2C3 !important;
    box-shadow: 0 5px 25px rgba(0, 242, 195, 0.5),
                0 0 35px rgba(0, 242, 195, 0.3) !important;
}

/* Sección CTA alternativa */
.contacto-cta-section {
    background: 
        radial-gradient(circle at center, rgba(124, 43, 255, 0.12), transparent 70%),
        linear-gradient(135deg, 
            rgba(0, 242, 195, 0.08),
            rgba(124, 43, 255, 0.08)) !important;
    border-top: 1px solid rgba(0, 242, 195, 0.3);
    border-bottom: 1px solid rgba(124, 43, 255, 0.3);
}

.cta-alternate {
    background: rgba(10, 10, 13, 0.5) !important;
    border: 2px solid rgba(0, 242, 195, 0.4) !important;
    box-shadow: 0 0 30px rgba(0, 242, 195, 0.2) !important;
}

/* ========================================
   CTA BOXES - TODAS LAS PÁGINAS
   ======================================== */

.cta-box {
    background: rgba(10, 10, 13, 0.7) !important;
    border: 2px solid #00F2C3 !important;
    box-shadow: 0 0 40px rgba(0, 242, 195, 0.3),
                inset 0 0 30px rgba(0, 242, 195, 0.1) !important;
}

.cta-box h2 {
    background: linear-gradient(135deg, #00F2C3, #00E5FF) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    filter: drop-shadow(0 0 20px rgba(0, 242, 195, 0.5)) !important;
}

/* ========================================
   TEXTO LEGIBLE EN TODAS LAS PÁGINAS
   ======================================== */

.pillar-text,
.pack-description p,
.extra-description,
.placeholder-text,
.trust-item p,
.stat-label,
.info-card p,
.cta-box p,
.historia-box p,
.nosotros-intro p {
    color: #F5F5FA !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}

/* Títulos de tarjetas */
.pillar-title,
.pack-name,
.extra-name,
.trust-item h3,
.info-card h3 {
    text-shadow: 0 0 15px rgba(0, 242, 195, 0.5) !important;
}

/* ========================================
   ÍCONOS BRILLANTES - TODAS LAS PÁGINAS
   ======================================== */

.pack-icon,
.extra-icon,
.trust-icon,
.info-icon,
.note-icon {
    font-size: 50px !important;
    background: linear-gradient(135deg, #00F2C3 0%, #00E5FF 50%, #B993FF 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    filter: drop-shadow(0 0 20px rgba(0, 242, 195, 0.8)) 
            drop-shadow(0 0 30px rgba(0, 229, 255, 0.6))
            drop-shadow(0 0 40px rgba(185, 147, 255, 0.4)) !important;
}

.pack-card:hover .pack-icon,
.extra-card:hover .extra-icon,
.trust-item:hover .trust-icon,
.info-card:hover .info-icon {
    filter: drop-shadow(0 0 30px rgba(0, 242, 195, 1)) 
            drop-shadow(0 0 45px rgba(0, 229, 255, 0.8))
            drop-shadow(0 0 60px rgba(185, 147, 255, 0.6)) !important;
    transform: scale(1.15) rotate(5deg) !important;
}

/* Excepción: cuando pack-icon tiene la clase pack-icon-image, no aplicar estos estilos */
.pack-icon.pack-icon-image {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    filter: none !important;
}

.pack-card:hover .pack-icon.pack-icon-image {
    filter: none !important;
    transform: none !important;
}

/* ========================================
   LÍNEAS DECORATIVAS NEÓN
   ======================================== */

.nosotros-main-section::after,
.pillars-section::after,
.historia-section::after,
.paquetes-section::after,
.servicios-extras-section::after,
.servicios-cta-section::after,
.testimonios-main-section::after,
.trust-section::after,
.stats-section::after,
.testimonios-cta-section::after,
.contacto-main-section::after,
.contacto-cta-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 2px;
}

/* Turquesa */
.nosotros-main-section::after,
.historia-section::after,
.stats-section::after,
.contacto-main-section::after {
    background: linear-gradient(90deg, 
        transparent 0%,
        rgba(0, 242, 195, 0.6) 50%,
        transparent 100%);
    box-shadow: 0 0 15px rgba(0, 242, 195, 0.5);
}

/* Morado */
.pillars-section::after,
.paquetes-section::after,
.testimonios-main-section::after {
    background: linear-gradient(90deg, 
        transparent 0%,
        rgba(124, 43, 255, 0.6) 50%,
        transparent 100%);
    box-shadow: 0 0 15px rgba(124, 43, 255, 0.5);
}

/* Cyan */
.servicios-extras-section::after,
.trust-section::after {
    background: linear-gradient(90deg, 
        transparent 0%,
        rgba(0, 229, 255, 0.6) 50%,
        transparent 100%);
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.5);
}

/* Gradiente mixto */
.servicios-cta-section::after,
.testimonios-cta-section::after,
.contacto-cta-section::after {
    background: linear-gradient(90deg, 
        rgba(0, 242, 195, 0.6) 0%,
        rgba(185, 147, 255, 0.6) 50%,
        rgba(0, 229, 255, 0.6) 100%);
    box-shadow: 0 0 15px rgba(0, 242, 195, 0.4);
}

/* ========================================
   Z-INDEX CORRECTO
   ======================================== */

.nosotros-main-section .container-width,
.pillars-section .container-width,
.historia-section .container-width,
.paquetes-section .container-width,
.servicios-extras-section .container-width,
.servicios-cta-section .container-width,
.testimonios-main-section .container-width,
.trust-section .container-width,
.stats-section .container-width,
.testimonios-cta-section .container-width,
.contacto-main-section .container-width,
.contacto-cta-section .container-width {
    position: relative;
    z-index: 1;
}
/* ========================================
   CORRECCIÓN SECCIONES CTA FALTANTES
   Servicios | Testimonios | Contacto
   ======================================== */

/* ===== PÁGINA SERVICIOS - "LISTO PARA ACTIVAR EL ADN" ===== */
.servicios-cta-section {
    background: 
        radial-gradient(circle at center, rgba(0, 242, 195, 0.15), transparent 70%),
        linear-gradient(135deg, 
            #0d1a1a 0%,
            #10091f 50%,
            #0A0A0D 100%) !important;
    position: relative;
    border-top: 2px solid rgba(0, 242, 195, 0.3) !important;
    border-bottom: 2px solid rgba(185, 147, 255, 0.3) !important;
    box-shadow: 0 -5px 30px rgba(0, 242, 195, 0.15),
                0 5px 30px rgba(185, 147, 255, 0.15) !important;
}

.servicios-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at 70% 30%, rgba(185, 147, 255, 0.12), transparent 65%);
    pointer-events: none;
}

/* CTA Box en servicios */
.servicios-cta-section .cta-box {
    background: rgba(13, 26, 26, 0.7) !important;
    border: 2px solid #00F2C3 !important;
    box-shadow: 0 0 40px rgba(0, 242, 195, 0.35),
                inset 0 0 40px rgba(0, 242, 195, 0.12) !important;
    position: relative;
    z-index: 1;
}

.servicios-cta-section .cta-box:hover {
    box-shadow: 0 0 60px rgba(0, 242, 195, 0.5),
                inset 0 0 50px rgba(0, 242, 195, 0.18) !important;
    transform: translateY(-5px) !important;
}

.servicios-cta-section .cta-box h2 {
    background: linear-gradient(135deg, #00F2C3, #00E5FF, #B993FF) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    filter: drop-shadow(0 0 25px rgba(0, 242, 195, 0.6)) !important;
    font-size: 42px !important;
    margin-bottom: 20px !important;
}

.servicios-cta-section .cta-box p {
    color: #F5F5FA !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
    font-size: 17px !important;
    margin-bottom: 30px !important;
}

/* ===== PÁGINA TESTIMONIOS - "TU HISTORIA DE ÉXITO" ===== */
.testimonios-cta-section {
    background: 
        radial-gradient(ellipse at center, rgba(185, 147, 255, 0.15), transparent 70%),
        linear-gradient(135deg, 
            #1a0d26 0%,
            #0d1a1a 50%,
            #0A0A0D 100%) !important;
    position: relative;
    border-top: 2px solid rgba(185, 147, 255, 0.3) !important;
    border-bottom: 2px solid rgba(0, 242, 195, 0.3) !important;
    box-shadow: 0 -5px 30px rgba(185, 147, 255, 0.15),
                0 5px 30px rgba(0, 242, 195, 0.15) !important;
}

.testimonios-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 80% 50%, rgba(0, 229, 255, 0.12), transparent 65%);
    pointer-events: none;
}

/* CTA Box en testimonios */
.testimonios-cta-section .cta-box {
    background: rgba(26, 13, 38, 0.7) !important;
    border: 2px solid #B993FF !important;
    box-shadow: 0 0 40px rgba(185, 147, 255, 0.35),
                inset 0 0 40px rgba(185, 147, 255, 0.12) !important;
    position: relative;
    z-index: 1;
}

.testimonios-cta-section .cta-box:hover {
    box-shadow: 0 0 60px rgba(185, 147, 255, 0.5),
                inset 0 0 50px rgba(185, 147, 255, 0.18) !important;
    transform: translateY(-5px) !important;
}

.testimonios-cta-section .cta-box h2 {
    background: linear-gradient(135deg, #B993FF, #00E5FF, #00F2C3) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    filter: drop-shadow(0 0 25px rgba(185, 147, 255, 0.6)) !important;
    font-size: 42px !important;
    margin-bottom: 20px !important;
}

.testimonios-cta-section .cta-box p {
    color: #F5F5FA !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
    font-size: 17px !important;
    margin-bottom: 30px !important;
}

/* ===== PÁGINA CONTACTO - "PREFIERES HABLAR DIRECTAMENTE" ===== */
.contacto-cta-section {
    background: 
        radial-gradient(circle at center, rgba(0, 229, 255, 0.15), transparent 70%),
        linear-gradient(135deg, 
            #0a141a 0%,
            #14091f 50%,
            #0A0A0D 100%) !important;
    position: relative;
    border-top: 2px solid rgba(0, 229, 255, 0.3) !important;
    border-bottom: 2px solid rgba(124, 43, 255, 0.3) !important;
    box-shadow: 0 -5px 30px rgba(0, 229, 255, 0.15),
                0 5px 30px rgba(124, 43, 255, 0.15) !important;
}

.contacto-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at 30% 70%, rgba(124, 43, 255, 0.12), transparent 65%);
    pointer-events: none;
}

/* CTA Alternate en contacto */
.cta-alternate {
    background: rgba(10, 20, 26, 0.7) !important;
    border: 2px solid #00E5FF !important;
    box-shadow: 0 0 40px rgba(0, 229, 255, 0.35),
                inset 0 0 40px rgba(0, 229, 255, 0.12) !important;
    padding: 60px 40px !important;
    border-radius: 25px !important;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.cta-alternate:hover {
    box-shadow: 0 0 60px rgba(0, 229, 255, 0.5),
                inset 0 0 50px rgba(0, 229, 255, 0.18) !important;
    transform: translateY(-3px) !important;
}

.cta-alternate .cta-content h2 {
    background: linear-gradient(135deg, #00E5FF, #00F2C3) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    filter: drop-shadow(0 0 25px rgba(0, 229, 255, 0.6)) !important;
    font-size: 38px !important;
    margin-bottom: 15px !important;
}

.cta-alternate .cta-content p {
    color: #F5F5FA !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}

/* ===== BOTONES CTA MEJORADOS ===== */
.cta-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.cta-buttons .btn-pack,
.cta-buttons .btn-large,
.cta-buttons .btn-outline {
    margin: 5px !important;
}

/* Botón WhatsApp especial */
.btn-whatsapp {
    background: linear-gradient(135deg, #25D366, #128C7E) !important;
    color: white !important;
    box-shadow: 0 5px 25px rgba(37, 211, 102, 0.4),
                0 0 35px rgba(37, 211, 102, 0.2) !important;
}

.btn-whatsapp:hover {
    box-shadow: 0 8px 35px rgba(37, 211, 102, 0.6),
                0 0 50px rgba(37, 211, 102, 0.3) !important;
    transform: translateY(-3px) scale(1.02) !important;
}

.btn-whatsapp i {
    margin-right: 10px !important;
}

/* ===== LÍNEAS DECORATIVAS EN CTA ===== */
.servicios-cta-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 2px;
    background: linear-gradient(90deg, 
        rgba(0, 242, 195, 0.6) 0%,
        rgba(185, 147, 255, 0.6) 50%,
        rgba(0, 229, 255, 0.6) 100%);
    box-shadow: 0 0 15px rgba(0, 242, 195, 0.4);
    z-index: 0;
}

.testimonios-cta-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 2px;
    background: linear-gradient(90deg, 
        rgba(185, 147, 255, 0.6) 0%,
        rgba(0, 229, 255, 0.6) 50%,
        rgba(0, 242, 195, 0.6) 100%);
    box-shadow: 0 0 15px rgba(185, 147, 255, 0.4);
    z-index: 0;
}

.contacto-cta-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 2px;
    background: linear-gradient(90deg, 
        rgba(0, 229, 255, 0.6) 0%,
        rgba(124, 43, 255, 0.6) 50%,
        rgba(0, 242, 195, 0.6) 100%);
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.4);
    z-index: 0;
}

/* ===== Z-INDEX CORRECTO ===== */
.servicios-cta-section .container-width,
.testimonios-cta-section .container-width,
.contacto-cta-section .container-width {
    position: relative;
    z-index: 1;
}

/* ===== RESPONSIVE PARA CTA ALTERNATE ===== */
@media (max-width: 768px) {
    .cta-alternate {
        flex-direction: column;
        text-align: center;
        padding: 40px 30px !important;
    }
    
    .cta-alternate .cta-content h2 {
        font-size: 32px !important;
    }
    
    .cta-alternate .cta-content p {
        font-size: 16px !important;
    }
}
/* ========================================
   CORRECCIÓN ALINEACIÓN DE BOTONES
   Footer CTA + Botones de secciones CTA
   ======================================== */

/* ===== BOTÓN FOOTER "HABLEMOS DE TU PROYECTO" - CENTRADO PERFECTO ===== */
.footer-cta {
    /* Display y alineación */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Tamaño */
    padding: 16px 35px !important;
    min-height: 52px !important;
    
    /* Texto */
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    color: #0A0A0D !important;
    vertical-align: middle !important;
    
    /* Apariencia */
    background: linear-gradient(135deg, #00E5FF, #00F2C3) !important;
    border-radius: 25px !important;
    border: none !important;
    
    /* Efectos */
    box-shadow: 0 5px 20px rgba(0, 242, 195, 0.5) !important;
    transition: all 0.3s ease !important;
    
    /* Espaciado */
    margin-top: 15px !important;
    margin-bottom: 0 !important;
}

.footer-cta:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 30px rgba(0, 242, 195, 0.7) !important;
    background: linear-gradient(135deg, #00F2C3, #00E5FF) !important;
    /* Mantener mismo padding en hover */
    padding: 16px 35px !important;
}

/* Asegurar que cualquier contenido interno esté centrado */
.footer-cta span,
.footer-cta i,
.footer-cta svg {
    vertical-align: middle !important;
    display: inline-block !important;
    line-height: 1 !important;
}

/* ===== TODOS LOS BOTONES .btn-pack - CENTRADO PERFECTO ===== */
.btn-pack,
.btn-large,
.btn-outline,
.btn-premium,
.btn-whatsapp,
.btn-hero {
    /* Display y alineación */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Tamaño */
    padding: 16px 35px !important;
    min-height: 52px !important;
    
    /* Texto */
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    
    /* Apariencia */
    background: linear-gradient(135deg, #00E5FF, #00F2C3) !important;
    color: #0A0A0D !important;
    border-radius: 25px !important;
    border: none !important;
    
    /* Efectos */
    box-shadow: 0 5px 25px rgba(0, 242, 195, 0.5),
                0 0 35px rgba(0, 242, 195, 0.3) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.btn-pack:hover,
.btn-large:hover,
.btn-hero:hover {
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 8px 35px rgba(0, 242, 195, 0.7),
                0 0 50px rgba(0, 242, 195, 0.5) !important;
    /* Mantener mismo padding */
    padding: 16px 35px !important;
}

/* ===== BTN-LARGE MÁS GRANDE ===== */
.btn-large {
    padding: 18px 45px !important;
    min-height: 56px !important;
    font-size: 17px !important;
}

.btn-large:hover {
    padding: 18px 45px !important;
}

/* ===== BTN-OUTLINE CENTRADO ===== */
.btn-outline {
    background: transparent !important;
    border: 2px solid #00F2C3 !important;
    color: #00F2C3 !important;
    box-shadow: 0 0 20px rgba(0, 242, 195, 0.3) !important;
}

.btn-outline:hover {
    background: #00F2C3 !important;
    color: #0A0A0D !important;
    box-shadow: 0 5px 30px rgba(0, 242, 195, 0.6),
                0 0 40px rgba(0, 242, 195, 0.4) !important;
    padding: 16px 35px !important;
}

/* ===== BTN-WHATSAPP CENTRADO ===== */
.btn-whatsapp {
    background: linear-gradient(135deg, #25D366, #128C7E) !important;
    color: white !important;
    box-shadow: 0 5px 25px rgba(37, 211, 102, 0.4),
                0 0 35px rgba(37, 211, 102, 0.2) !important;
}

.btn-whatsapp:hover {
    box-shadow: 0 8px 35px rgba(37, 211, 102, 0.6),
                0 0 50px rgba(37, 211, 102, 0.3) !important;
    transform: translateY(-3px) scale(1.02) !important;
    padding: 16px 35px !important;
}

/* Ícono WhatsApp centrado */
.btn-whatsapp i {
    margin-right: 10px !important;
    vertical-align: middle !important;
    line-height: 1 !important;
    font-size: 17px !important;
}

/* ===== BTN-PREMIUM CENTRADO ===== */
.btn-premium {
    background: linear-gradient(135deg, #B993FF, #7C2BFF) !important;
    color: white !important;
    box-shadow: 0 5px 25px rgba(185, 147, 255, 0.5),
                0 0 35px rgba(185, 147, 255, 0.3) !important;
}

.btn-premium:hover {
    box-shadow: 0 8px 35px rgba(185, 147, 255, 0.7),
                0 0 50px rgba(185, 147, 255, 0.5) !important;
    padding: 16px 35px !important;
}

/* ===== BOTONES EN PACK CARDS - CENTRADO ===== */
.pack-footer .btn-pack {
    width: 100%;
    margin-top: 20px !important;
}

/* ===== BOTONES EN CTA SECTIONS - CENTRADO ===== */
.cta-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px !important;
}

.cta-buttons .btn-pack,
.cta-buttons .btn-large,
.cta-buttons .btn-outline,
.cta-buttons .btn-whatsapp {
    margin: 5px !important;
}

/* ===== BOTÓN DEL CTA-BUTTON (en página contacto) ===== */
.cta-button .btn-pack,
.cta-button .btn-large,
.cta-button .btn-whatsapp {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ===== ASEGURAR QUE NO HAYA ELEMENTOS QUE DESALINEEN ===== */
.btn-pack *,
.btn-large *,
.btn-outline *,
.btn-whatsapp *,
.btn-premium *,
.btn-hero *,
.footer-cta * {
    vertical-align: middle !important;
    line-height: 1 !important;
}

/* ===== NORMALIZAR LINKS COMO BOTONES ===== */
a.btn-pack,
a.btn-large,
a.btn-outline,
a.btn-whatsapp,
a.btn-premium,
a.btn-hero,
a.footer-cta {
    text-decoration: none !important;
}

/* ===== CENTRADO PARA ÍCONOS EN BOTONES ===== */
.btn-pack i,
.btn-large i,
.btn-outline i,
.btn-whatsapp i,
.btn-premium i,
.footer-cta i {
    vertical-align: middle !important;
    line-height: 1 !important;
    display: inline-block !important;
}

/* ===== RESPONSIVE - MANTENER CENTRADO ===== */
@media (max-width: 768px) {
    .btn-pack,
    .btn-large,
    .btn-outline,
    .btn-whatsapp,
    .btn-premium,
    .footer-cta {
        padding: 14px 30px !important;
        min-height: 48px !important;
        font-size: 15px !important;
    }
    
    .btn-large {
        padding: 16px 35px !important;
        min-height: 52px !important;
        font-size: 16px !important;
    }
    
    .cta-buttons {
        flex-direction: column;
        align-items: stretch;
    }
    
    .cta-buttons .btn-pack,
    .cta-buttons .btn-large {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .btn-pack,
    .btn-large,
    .btn-outline,
    .btn-whatsapp,
    .btn-premium,
    .footer-cta {
        padding: 12px 25px !important;
        min-height: 44px !important;
        font-size: 14px !important;
    }
    
    .btn-whatsapp i {
        font-size: 17px !important;
    }
}

/* ===== ELIMINAR CUALQUIER PADDING/MARGIN NO DESEADO ===== */
.btn-pack > *:first-child,
.btn-large > *:first-child,
.btn-outline > *:first-child,
.btn-whatsapp > *:first-child,
.footer-cta > *:first-child {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.btn-pack > *:last-child,
.btn-large > *:last-child,
.btn-outline > *:last-child,
.btn-whatsapp > *:last-child,
.footer-cta > *:last-child {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* ========================================
   CORRECCIÓN ANIMACIÓN INFO CARDS - CONTACTO
   Ajustar escala de íconos sin desbordar
   ======================================== */

/* ===== INFO CARDS - ESTADO NORMAL ===== */
.info-card {
    background: rgba(10, 10, 13, 0.6) !important;
    border: 1px solid rgba(0, 229, 255, 0.3) !important;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.15) !important;
    padding: 30px !important;
    border-radius: 20px !important;
    transition: all 0.4s ease !important;
    overflow: hidden !important; /* Evita que el ícono se salga */
    position: relative;
}

.info-card:hover {
    background: rgba(10, 20, 26, 0.8) !important;
    border-color: #00E5FF !important;
    box-shadow: 0 5px 30px rgba(0, 229, 255, 0.4),
                0 0 40px rgba(0, 229, 255, 0.2) !important;
    transform: translateY(-5px) !important;
}

/* ===== INFO ICON - AJUSTADO ===== */
.info-icon {
    font-size: 45px !important; /* Reducido de 50px */
    margin-bottom: 20px !important;
    color: #00E5FF !important;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
    display: block;
    text-align: center;
    filter: drop-shadow(0 0 15px rgba(0, 229, 255, 0.6)) !important;
}

.info-card:hover .info-icon {
    transform: scale(1.15) rotate(5deg) !important; /* Reducido de 1.15 antes */
    filter: drop-shadow(0 0 25px rgba(0, 229, 255, 0.9)) 
            drop-shadow(0 0 35px rgba(0, 229, 255, 0.6)) !important;
    color: #00F2C3 !important;
}

/* Si los íconos son Font Awesome */
.info-icon i {
    vertical-align: middle !important;
    line-height: 1 !important;
}

/* ===== INFO CARD TÍTULO ===== */
.info-card h3 {
    font-size: 17px !important;
    margin-bottom: 15px !important;
    color: #F5F5FA !important;
    text-shadow: 0 0 15px rgba(0, 242, 195, 0.5) !important;
    transition: all 0.3s ease !important;
}

.info-card:hover h3 {
    color: #00E5FF !important;
    text-shadow: 0 0 20px rgba(0, 229, 255, 0.7) !important;
}

/* ===== INFO CARD TEXTO ===== */
.info-card p {
    color: #F5F5FA !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
    line-height: 1.6 !important;
    margin-bottom: 10px !important;
    transition: all 0.3s ease !important;
}

.info-card:hover p {
    color: #F5F5FA !important;
}

/* ===== LINKS DENTRO DE INFO CARDS ===== */
.info-card a {
    color: #00E5FF !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    display: inline-block;
    margin-bottom: 8px !important;
}

.info-card a:hover {
    color: #00F2C3 !important;
    text-shadow: 0 0 10px rgba(0, 242, 195, 0.6) !important;
    transform: translateX(5px) !important;
}

.info-card a i {
    margin-right: 8px !important;
    vertical-align: middle !important;
}

/* ===== VARIANTE: SI QUIERES AÚN MÁS SUTIL ===== */
/* Descomenta esto si prefieres una animación más suave */
/*
.info-card:hover .info-icon {
    transform: scale(1.1) rotate(3deg) !important;
}
*/

/* ===== ASEGURAR QUE NO HAY OVERFLOW EN MÓVIL ===== */
@media (max-width: 768px) {
    .info-card {
        padding: 25px !important;
    }
    
    .info-icon {
        font-size: 40px !important;
    }
    
    .info-card:hover .info-icon {
        transform: scale(1.12) rotate(3deg) !important; /* Más sutil en móvil */
    }
}

@media (max-width: 480px) {
    .info-card {
        padding: 20px !important;
    }
    
    .info-icon {
        font-size: 36px !important;
    }
    
    .info-card:hover .info-icon {
        transform: scale(1.1) !important; /* Solo escala en móvil pequeño */
    }
}

/* ===== GRID DE INFO CARDS - ASEGURAR ESPACIO ===== */
.contacto-info-column {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* Si las info cards están en un grid */
.info-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

/* ===== PREVENIR SCROLL HORIZONTAL POR ANIMACIONES ===== */
.contacto-main-section {
    overflow-x: hidden !important;
}

.contacto-main-section .container-width {
    overflow-x: hidden !important;
}

/* ========================================
   ESTILOS RESPONSIVOS PARA PACK-ICON-IMAGE
   ======================================== */

@media (max-width: 768px) {
    .pack-icon.pack-icon-image img {
        width: 110px;
        height: 110px;
    }
}

@media (max-width: 480px) {
    .pack-icon.pack-icon-image img {
        width: 95px;
        height: 95px;
    }
    
    .pack-card:hover .pack-icon.pack-icon-image img {
        transform: scale(1.1) rotate(3deg);
    }
}

/* ========================================
   IMAGEN HERO SERVICIOS - ALLIA CONTENIDO
   ======================================== */

.servicios-hero-image {
    margin: 50px auto 0;
    max-width: 500px;
    text-align: center;
    padding: 0 20px;
}

.servicios-hero-image img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    border: 2px solid rgba(0, 242, 195, 0.3);
    box-shadow: 0 5px 30px rgba(0, 242, 195, 0.2);
    transition: all 0.4s ease;
    filter: brightness(0.95);
}

.servicios-hero-image img:hover {
    transform: translateY(-10px) scale(1.02);
    border-color: #00F2C3;
    box-shadow: 0 10px 50px rgba(0, 242, 195, 0.5),
                0 0 60px rgba(0, 229, 255, 0.3),
                0 0 80px rgba(185, 147, 255, 0.2);
    filter: brightness(1.05) saturate(1.1);
}

/* Responsive */
@media (max-width: 768px) {
    .servicios-hero-image {
        margin: 35px auto 0;
        max-width: 100%;
    }
    
    .servicios-hero-image img {
        border-radius: 15px;
    }
}

@media (max-width: 480px) {
    .servicios-hero-image {
        margin: 25px auto 0;
        padding: 0 10px;
    }
    
    .servicios-hero-image img {
        border-radius: 10px;
    }
}

/* ========================================
   CARRUSEL DE CLIENTES - TESTIMONIOS
   ======================================== */

.clientes-carousel-container {
    margin: 60px auto 0;
    max-width: 1200px;
    overflow: hidden;
    position: relative;
}

.clientes-carousel {
    display: flex;
    gap: 40px;
    animation: scrollClientes 20s linear infinite;
    width: max-content;
}

.clientes-carousel:hover {
    animation-play-state: paused;
}

.cliente-item {
    flex-shrink: 0;
    width: 250px;
    height: 150px;
    background: rgba(10, 10, 13, 0.6);
    border: 2px solid rgba(0, 242, 195, 0.3);
    border-radius: 15px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    box-shadow: 0 5px 20px rgba(0, 242, 195, 0.15);
}

.cliente-item:hover {
    transform: translateY(-8px) scale(1.05);
    border-color: #00F2C3;
    box-shadow: 0 10px 40px rgba(0, 242, 195, 0.4),
                0 0 50px rgba(0, 229, 255, 0.3),
                0 0 70px rgba(185, 147, 255, 0.2);
    background: rgba(10, 20, 26, 0.8);
}

.cliente-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: brightness(0.9) grayscale(0.2);
    transition: all 0.4s ease;
}

.cliente-item:hover img {
    filter: brightness(1.1) grayscale(0);
}

@keyframes scrollClientes {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-250px * 4 - 40px * 3));
    }
}

/* Duplicar items para loop infinito */
.clientes-carousel::after {
    content: '';
    display: flex;
    gap: 40px;
}

/* Responsive */
@media (max-width: 768px) {
    .clientes-carousel-container {
        margin: 40px auto 0;
    }
    
    .clientes-carousel {
        gap: 30px;
    }
    
    .cliente-item {
        width: 200px;
        height: 120px;
        padding: 15px;
    }
    
    @keyframes scrollClientes {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-200px * 4 - 30px * 3));
        }
    }
}

@media (max-width: 480px) {
    .clientes-carousel-container {
        margin: 30px auto 0;
    }
    
    .clientes-carousel {
        gap: 20px;
    }
    
    .cliente-item {
        width: 160px;
        height: 100px;
        padding: 10px;
    }
    
    @keyframes scrollClientes {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-160px * 4 - 20px * 3));
        }
    }
}

/* ========================================
   FIX: ICONOS SOCIALES DENTRO DE INFO-CARD
   Solo para página de contacto
   ======================================== */

.info-card-social .social-links {
    display: flex;
    gap: 12px;
    margin-top: 15px;
    flex-wrap: wrap;
    justify-content: center;
}

.info-card-social .social-link {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 242, 195, 0.1);
    border: 2px solid rgba(0, 242, 195, 0.4);
    border-radius: 10px;
    color: #00F2C3;
    font-size: 17px;
    transition: all 0.3s ease;
}

.info-card-social .social-link:hover {
    background: rgba(0, 242, 195, 0.2);
    border-color: #00F2C3;
    color: #00F2C3;
    transform: translateY(-3px) scale(1.1);
    box-shadow: 0 5px 20px rgba(0, 242, 195, 0.4);
}

/* Responsive */
@media (max-width: 768px) {
    .info-card-social .social-links {
        gap: 10px;
    }
    
    .info-card-social .social-link {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .info-card-social .social-links {
        gap: 8px;
    }
    
    .info-card-social .social-link {
        width: 35px;
        height: 35px;
        font-size: 15px;
    }
}

/* ========================================
   CARRUSEL DE CLIENTES - PÁGINA INICIO
   Estilos independientes (no afecta testimonios)
   ======================================== */

.clientes-carousel-home-container {
    margin: 50px auto 0;
    max-width: 1200px;
    overflow: hidden;
    position: relative;
}

.clientes-carousel-home {
    display: flex;
    gap: 40px;
    animation: scrollClientesHome 20s linear infinite;
    width: max-content;
}

.clientes-carousel-home:hover {
    animation-play-state: paused;
}

.cliente-item-home {
    flex-shrink: 0;
    width: 250px;
    height: 150px;
    background: rgba(10, 10, 13, 0.6);
    border: 2px solid rgba(0, 242, 195, 0.3);
    border-radius: 15px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    box-shadow: 0 5px 20px rgba(0, 242, 195, 0.15);
}

.cliente-item-home:hover {
    transform: translateY(-8px) scale(1.05);
    border-color: #00F2C3;
    box-shadow: 0 10px 40px rgba(0, 242, 195, 0.4),
                0 0 50px rgba(0, 229, 255, 0.3),
                0 0 70px rgba(185, 147, 255, 0.2);
    background: rgba(10, 20, 26, 0.8);
}

.cliente-item-home img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: brightness(0.9) grayscale(0.2);
    transition: all 0.4s ease;
}

.cliente-item-home:hover img {
    filter: brightness(1.1) grayscale(0);
}

@keyframes scrollClientesHome {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-250px * 4 - 40px * 3));
    }
}

/* Responsive */
@media (max-width: 768px) {
    .clientes-carousel-home-container {
        margin: 40px auto 0;
    }
    
    .clientes-carousel-home {
        gap: 30px;
    }
    
    .cliente-item-home {
        width: 200px;
        height: 120px;
        padding: 15px;
    }
    
    @keyframes scrollClientesHome {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-200px * 4 - 30px * 3));
        }
    }
}

@media (max-width: 480px) {
    .clientes-carousel-home-container {
        margin: 30px auto 0;
    }
    
    .clientes-carousel-home {
        gap: 20px;
    }
    
    .cliente-item-home {
        width: 160px;
        height: 100px;
        padding: 10px;
    }
    
    @keyframes scrollClientesHome {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-160px * 4 - 20px * 3));
        }
    }
}

/* ===== SECCIÓN DE EQUIPO V12 - FUTURISTA ===== */
.team-section-v12 {
    padding: 100px 0;
    background: linear-gradient(180deg, #0A0A0D 0%, #0f1829 50%, #0A0A0D 100%);
    position: relative;
    overflow: hidden;
}

.team-section-v12::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 30% 50%, rgba(0, 242, 195, 0.05) 0%, transparent 50%),
                radial-gradient(circle at 70% 50%, rgba(0, 229, 255, 0.05) 0%, transparent 50%);
    opacity: 0.6;
    animation: drift 20s ease-in-out infinite;
}

.team-grid-v12 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 40px;
    margin-top: 60px;
    position: relative;
    z-index: 1;
}

.team-member-card-v12 {
    background: linear-gradient(145deg, rgba(124, 43, 255, 0.08), rgba(0, 242, 195, 0.05));
    border: 2px solid transparent;
    border-radius: 20px;
    padding: 0;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    backdrop-filter: blur(10px);
}

.team-member-card-v12::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #00F2C3, #00E5FF, #B993FF);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: -1;
}

.team-member-card-v12:hover::before {
    opacity: 0.1;
}

.team-member-card-v12:hover {
    transform: translateY(-10px) scale(1.02);
    border-color: #00F2C3;
    box-shadow: 0 20px 40px rgba(0, 242, 195, 0.3),
                0 0 60px rgba(0, 229, 255, 0.2),
                inset 0 0 20px rgba(0, 242, 195, 0.1);
}

.team-member-image-wrapper {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
}

.team-member-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    filter: grayscale(20%) brightness(0.95);
}

.team-member-card-v12:hover .team-member-image-wrapper img {
    transform: scale(1.1);
    filter: grayscale(0%) brightness(1.05);
}

.team-member-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 242, 195, 0.1) 50%, rgba(10, 10, 13, 0.95) 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-member-card-v12:hover .team-member-overlay {
    opacity: 1;
}

.team-member-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #00F2C3, #00E5FF);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    color: #0A0A0D;
    box-shadow: 0 0 30px rgba(0, 242, 195, 0.8);
    animation: float 3s ease-in-out infinite;
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.5s ease 0.1s;
}

.team-member-card-v12:hover .team-member-icon {
    transform: translateY(0);
    opacity: 1;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.team-member-info {
    padding: 25px 20px;
    text-align: center;
    background: linear-gradient(180deg, rgba(15, 24, 41, 0.6), rgba(10, 10, 13, 0.9));
    position: relative;
}

.team-member-info::before {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #00F2C3 50%, transparent);
    opacity: 0.5;
}

.team-member-name {
    font-size: 22px;
    font-weight: 700;
    color: #F5F5FA;
    margin-bottom: 8px;
    background: linear-gradient(135deg, #00E5FF, #00F2C3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    transition: all 0.3s ease;
}

.team-member-card-v12:hover .team-member-name {
    text-shadow: 0 0 20px rgba(0, 242, 195, 0.6);
    transform: translateY(-2px);
}

.team-member-role {
    font-size: 15px;
    color: #B993FF;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.9;
}

/* Responsive para equipo */
@media (max-width: 1024px) {
    .team-grid-v12 {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 30px;
    }
    
    .team-member-image-wrapper {
        height: 320px;
    }
}

@media (max-width: 768px) {
    .team-grid-v12 {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 25px;
    }
    
    .team-member-image-wrapper {
        height: 300px;
    }
    
    .team-member-name {
        font-size: 20px;
    }
    
    .team-member-role {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .team-grid-v12 {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .team-member-image-wrapper {
        height: 400px;
    }
}
/* ========================================
/* ========================================
   ✅ ESTILOS CARRUSEL INLINE - FLECHAS FUTURISTAS V2
   AGREGAR AL FINAL DE style.css
   ======================================== */

/* ===== CARRUSEL INTEGRADO EN BANNER ===== */
/* ===== CARRUSEL LIMPIO - CSS CORRECTO ===== */

.nosotros-team-carousel-inline {
    margin-top: 60px;
    position: relative;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 100px;
}

/* ===== TRACK DEL CARRUSEL ===== */
.team-carousel-track {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    position: relative;
    z-index: 5;
}

/* ===== CONTROLES ===== */
.carousel-controls-inline {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}

/* ===== BOTONES ===== */
.carousel-btn {
    width: 60px;
    height: 80px;
    background: rgba(0, 242, 195, 0.2);
    border: 2px solid #00F2C3;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    box-shadow: 0 4px 15px rgba(0, 242, 195, 0.4);
}

.carousel-btn:hover:not(:disabled) {
    background: rgba(0, 242, 195, 0.3);
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(0, 242, 195, 0.6);
}

.carousel-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.carousel-btn svg {
    width: 20px;
    height: 34px;
}

.carousel-btn svg path {
    stroke: #00F2C3;
    stroke-width: 4;
}

/* ===== SLIDES ===== */
.team-carousel-slide {
    background: linear-gradient(145deg, rgba(124, 43, 255, 0.08), rgba(0, 242, 195, 0.05));
    border: 2px solid transparent;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease;
    backdrop-filter: blur(10px);
}

/* Borde neón en hover */
.team-carousel-slide::before {
    content: '';
    position: absolute;
    inset: -2px;
    background: linear-gradient(45deg, #00F2C3, #7C2BFF, #00E5FF, #B993FF);
    border-radius: 25px;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
}

.team-carousel-slide:hover::before {
    opacity: 1;
    animation: borderRotate 3s linear infinite;
}

.team-carousel-slide:hover {
    transform: translateY(-10px) scale(1.02);
    border-color: #00F2C3;
    box-shadow: 0 20px 40px rgba(0, 242, 195, 0.3);
}

@keyframes borderRotate {
    0% { filter: hue-rotate(0deg); }
    100% { filter: hue-rotate(360deg); }
}

/* ===== IMAGEN ===== */
.team-slide-image-wrapper {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(10, 10, 13, 0.4), rgba(0, 0, 0, 0.8));
}

.team-slide-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.4s ease;
}

.team-carousel-slide:hover .team-slide-image {
    transform: scale(1.05);
}

/* ===== INFORMACIÓN ===== */
.team-slide-info {
    padding: 30px 25px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.team-slide-name {
    font-size: 26px;
    font-weight: 700;
    color: #00F2C3;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.team-slide-role {
    font-size: 16px;
    color: #F5F5FA;
    opacity: 0.9;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.team-slide-icon {
    font-size: 28px;
    color: #B993FF;
    transition: all 0.3s ease;
}

.team-carousel-slide:hover .team-slide-name {
    color: #00E5FF;
    transform: translateY(-5px);
}

.team-carousel-slide:hover .team-slide-role {
    color: #00F2C3;
}

.team-carousel-slide:hover .team-slide-icon {
    transform: scale(1.2) rotateY(360deg);
    color: #00F2C3;
}

/* ===== INDICADORES ===== */
.carousel-indicators {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 50px;
}

.indicator {
    width: 12px;
    height: 12px;
    background: rgba(0, 242, 195, 0.3);
    border: 2px solid #00F2C3;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.indicator:hover {
    transform: scale(1.3);
    background: rgba(0, 242, 195, 0.5);
}

.indicator.active {
    background: #00F2C3;
    box-shadow: 0 0 20px rgba(0, 242, 195, 0.8);
    transform: scale(1.4);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .team-carousel-track {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    .carousel-btn {
        width: 50px;
        height: 70px;
    }
    
    .team-slide-image-wrapper {
        height: 260px;
    }
}

@media (max-width: 768px) {
    .nosotros-team-carousel-inline {
        padding: 0 60px;
    }
    
    .team-carousel-track {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .carousel-btn {
        width: 45px;
        height: 60px;
    }
    
    .carousel-controls-inline {
        padding: 0 10px;
    }
    
    .team-slide-image-wrapper {
        height: 225px;
    }
    
    .team-slide-name {
        font-size: 22px;
    }
    
    .team-slide-role {
        font-size: 15px;
    }
}