.elementor-104 .elementor-element.elementor-element-641e6692:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-641e6692 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0b0d1f;}.elementor-104 .elementor-element.elementor-element-641e6692{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 48px 0px 48px;}.elementor-104 .elementor-element.elementor-element-641e6692 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-104 .elementor-element.elementor-element-7d300e62:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-7d300e62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0b0d1f;}.elementor-104 .elementor-element.elementor-element-7d300e62{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 48px 96px 48px;}.elementor-104 .elementor-element.elementor-element-7d300e62 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-104 .elementor-element.elementor-element-641e6692{padding:0px 0px 0px 0px;}.elementor-104 .elementor-element.elementor-element-7d300e62{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-6400c98e */.elite-contact-header {
    padding: 64px 0 40px;
    /* Asegura que si el contenedor padre es oscuro, el texto resalte */
}

.contact-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #a0a5c5;
    margin-bottom: 12px;
}

.contact-title {
    font-family: 'Unbounded', sans-serif;
    /* Ajustamos el clamp para que el mínimo sea 2rem en lugar de 2.5rem en móviles pequeños */
    font-size: clamp(2rem, 5vw, 4rem);
    font-weight: 600;
    letter-spacing: -0.035em;
    color: #ffffff;
    margin: 0 0 16px;
    line-height: 1.1;
}

.contact-subtitle {
    font-size: 17px;
    color: #a0a5c5;
    max-width: 480px;
    font-family: 'Space Grotesk', sans-serif;
    line-height: 1.5;
}

/* --- AJUSTES PARA MÓVIL --- */
@media (max-width: 768px) {
    .elite-contact-header {
        padding: 40px 0 24px; /* Reducimos el aire superior */
        text-align: center; /* Opcional: centrar el texto suele verse mejor en contacto móvil */
    }

    .contact-subtitle {
        margin: 0 auto; /* Centra el párrafo si activas text-align: center */
        font-size: 16px;
    }
    
    .contact-title {
        font-size: 1.85rem; /* Forzamos un tamaño más controlado en teléfonos */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5da0a09d *//* --- CONTENEDOR GENERAL --- */
.elite-contact-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px 20px;
    background: #0d0e1d;
    font-family: 'Space Grotesk', sans-serif;
    overflow: hidden;
}

/* --- FILA 1: TARJETAS (Mobile-First) --- */
.contact-cards-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contact-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    padding: 24px;
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.card-top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.card-icon-box {
    width: 32px; height: 32px; border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    display: grid; place-items: center;
}

.card-tag { font-family: 'JetBrains Mono'; font-size: 10px; letter-spacing: 0.12em; color: #a0a5c5; }
.card-value { 
    font-family: 'Unbounded'; font-size: 16px; color: white; margin: 0 0 6px; 
    word-break: break-all;
}
.card-info { font-size: 13px; color: #6a6f92; margin: 0 0 20px; }
.card-btn { color: #f8ae54; text-decoration: none; font-size: 14px; font-weight: 600; }

/* --- FILA INFO ENVÍOS (Mobile-First) --- */
.info-dark-box {
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.015);
    border: 1px solid rgba(255, 255, 255, 0.04);
    border-radius: 24px;
    padding: 32px 24px;
    gap: 32px;
}

.info-tag { font-family: 'JetBrains Mono'; font-size: 11px; color: #f8ae54; letter-spacing: 0.15em; font-weight: 500; }
.info-title { font-family: 'Unbounded'; font-size: 20px; color: white; margin: 10px 0 20px; }
.info-item { margin-bottom: 16px; }
.info-item strong { color: white; font-size: 14px; display: block; margin-bottom: 4px; }
.info-item p { color: #a0a5c5; font-size: 13px; margin: 0; line-height: 1.5; }

/* --- SECCIÓN MAYORISTA (REDISEÑO BLINDADO) --- */
.wholesale-box {
    /* CORREGIDO: Usamos un color sólido oscuro de base en móvil para eliminar la línea fantasma vertical */
    background: #131525; 
    border: 1px solid rgba(248, 174, 84, 0.15);
    border-radius: 24px;
    padding: 32px 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: left;
    position: relative;
    overflow: hidden;
}

.wholesale-tag { font-family: 'JetBrains Mono'; font-size: 11px; color: #fccb94; letter-spacing: 0.15em; font-weight: 500; }
.wholesale-title { font-family: 'Unbounded'; font-size: 22px; color: #ffffff; margin: 12px 0; line-height: 1.3; }
.wholesale-text { color: #a0a5c5; font-size: 14px; margin-bottom: 4px; line-height: 1.5; }

.wholesale-btn { 
    background: #f8ae54 !important; 
    color: #0d0e1d !important; 
    padding: 15px 24px; 
    border-radius: 99px; 
    text-decoration: none; 
    font-weight: 600; 
    font-weight: 700;
    font-size: 15px; /* Un pelo más grande para mejorar legibilidad */
    display: flex; 
    align-items: center; 
    justify-content: center; 
    gap: 10px; /* Separación perfecta */
    width: 100%;
    box-shadow: 0 4px 15px rgba(248, 174, 84, 0.15);
    box-sizing: border-box;
}

/* CORREGIDO: Escalado perfecto y uniforme para el logo de WhatsApp */
.btn-whatsapp-icon {
    width: 22px;
    height: 22px;
    flex-shrink: 0; /* Evita que se deforme si el texto se ajusta */
}

/* =========================================================
   --- AJUSTES PARA ESCRITORIO ---
   ========================================================= */
@media (min-width: 769px) {
    .elite-contact-container { padding: 48px 0; gap: 32px; }

    .contact-cards-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    .contact-card:hover { border-color: rgba(248, 174, 84, 0.25); transform: translateY(-2px); }

    .info-dark-box {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 48px;
        gap: 60px;
    }
    .info-title { font-size: 24px; }

    .wholesale-box {
        /* En escritorio sí aplicamos el degradado estilizado horizontal */
        background: linear-gradient(135deg, #16182c 0%, #0d0e1d 100%);
        flex-direction: row;
        padding: 48px;
        justify-content: space-between;
        align-items: center;
        gap: 40px;
    }
    .wholesale-title { font-size: 26px; max-width: 540px; }
    .wholesale-text { max-width: 540px; font-size: 15px; }
    
    .wholesale-btn { 
        width: auto; 
        white-space: nowrap;
        padding: 16px 32px;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .wholesale-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(248, 174, 84, 0.3); }
}/* End custom CSS */