/* ==========================================================================
   MAGRO AI - CUSTOM CSS (Pegar en Enfold > General Styling > Quick CSS o style.css)
   ========================================================================== */

/* 1. Globales & Tipografía Adicional */
body {
    color: #1A202C;
}

/* 2. Hero Section */
.magro-hero h1 {
    font-weight: 700;
    line-height: 1.1em;
}
.magro-hero .av_textblock_section {
    margin-bottom: 30px;
}

/* 3. Logos en Escala de Grises (Barra de Autoridad) */
.grayscale-logos .avia-slide-slider img {
    filter: grayscale(100%) opacity(70%);
    transition: all 0.3s ease-in-out;
}
.grayscale-logos .avia-slide-slider img:hover {
    filter: grayscale(0%) opacity(100%);
}

/* 4. Tarjetas de Servicios y Casos de Éxito */
.magro-service-card, .magro-caso-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #e1e5e8;
}
.magro-service-card:hover, .magro-caso-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    border-color: #00c9a7;
}

/* 5. Imágenes Redondeadas (Diagnóstico) */
.magro-rounded-img img {
    border-radius: 8px;
    box-shadow: 0 15px 30px rgba(28,68,99,0.15);
}

/* 6. Altura mínima para imágenes en Sectores (Grid Layout) */
.magro-min-height-img {
    min-height: 400px;
}

/* 7. Estilos para el Wrapper de Contact Form 7 */
.magro-cf7-wrapper .wpcf7-form-control-wrap input,
.magro-cf7-wrapper .wpcf7-form-control-wrap textarea {
    width: 100%;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
    color: #ffffff;
    padding: 12px 15px;
    border-radius: 4px;
    margin-bottom: 15px;
}
.magro-cf7-wrapper .wpcf7-form-control-wrap input:focus,
.magro-cf7-wrapper .wpcf7-form-control-wrap textarea:focus {
    background: rgba(255,255,255,0.2);
    border-color: #00c9a7;
    outline: none;
}
.magro-cf7-wrapper label {
    color: #ffffff;
    font-weight: normal;
}
.magro-cf7-wrapper .wpcf7-submit {
    background-color: #00c9a7 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 15px 30px !important;
    font-size: 16px !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    font-weight: bold;
}
.magro-cf7-wrapper .wpcf7-submit:hover {
    background-color: #00b395 !important;
}


/* ==========================================================================
   OVERRIDE PARA PARTNER / LOGO ELEMENT EN ENFOLD (FUERZA BRUTA)
   ========================================================================== */

/* 1. Eliminar bordes, marcos, líneas y fondos */
#top .avia-logo-element-container,
#top .avia-logo-element-container .slide-entry,
#top .avia-logo-element-container .slide-entry-wrap,
#top .avia-logo-element-container .avia-logo-element,
#top .avia-logo-element-container .avia-partner-logo,
#top .avia-logo-element-container .grid-entry-inner {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 2. Forzar altura del contenedor y centrado vertical/horizontal */
#top .avia-logo-element-container .slide-entry {
    min-height: 140px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 3. Forzar tamaño y alineación de la imagen del logo */
#top .avia-logo-element-container .slide-entry a,
#top .avia-logo-element-container .slide-entry img {
    max-height: 90px !important;
    width: auto !important;
    margin: 0 auto !important;
    border: none !important;
    box-shadow: none !important;
}

/* ==========================================================================
   CONTACT FORM 7 - ADVERTENCIAS Y MENSAJES DE ERROR EN BLANCO
   ========================================================================== */

/* 1. Texto de advertencia/error debajo de cada campo (ej. "Campo requerido") */
.wpcf7 .wpcf7-not-valid-tip,
.wpcf7-form .wpcf7-not-valid-tip {
    color: #ffffff !important;
    font-size: 13px !important;
    margin-top: 5px !important;
    display: block !important;
}

/* 2. Borde y texto en los campos que tienen un error de validación */
.wpcf7 .wpcf7-not-valid,
.wpcf7-form input.wpcf7-not-valid,
.wpcf7-form textarea.wpcf7-not-valid,
.wpcf7-form select.wpcf7-not-valid {
    border-color: #ffffff !important;
    color: #ffffff !important;
}

/* 3. Caja de respuesta general al pie del formulario (Alertas y avisos) */
.wpcf7 .wpcf7-response-output,
.wpcf7-form .wpcf7-response-output,
.wpcf7-form div.wpcf7-validation-errors,
.wpcf7-form div.wpcf7-mail-sent-ng,
.wpcf7-form div.wpcf7-spam-blocked {
    color: #ffffff !important;
    border-color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important; /* Fondo sutil translúcido */
    margin-top: 15px !important;
    padding: 12px 15px !important;
    border-radius: 4px !important;
}


/* ==========================================================================
   BARRA LATERAL FIJA (STICKY SIDEBAR) EN ENFOLD
   ========================================================================== */

/* Mantener fija la columna/sidebar al hacer scroll */
#top #main .sidebar {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 120px !important; /* Distancia desde la parte superior de la pantalla */
    z-index: 50 !important;
    height: auto !important;
    align-self: flex-start !important;
}

/* En caso de usar una subsección de maquetador de bloques (Grid Row / 1/4 Column) */
#top .avia-builder-el-widget_area,
#top .av-visible-sidebar {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 120px !important;
}


/* Botón flotante de chatbot */
:root {
  --chat--color-primary: #1f3a2b;      /* Color principal */
  --chat--color-primary-shade-50: #173022;
  --chat--color-primary-shade-100: #102419;

  --chat--toggle--background: #b08d57; /* Color del botón */
  --chat--toggle--hover--background: #9a7744;
}

/* Mover el botón al centro del lado derecho */
.n8n-chat .chat-window-toggle,
.n8n-chat .chat-toggle,
.chat-window-toggle {
    position: fixed !important;
    right: 20px !important;
    bottom: auto !important;
    top: 85% !important;
    transform: translateY(-50%) !important;
    z-index: 999999;
}

.grecaptcha-badge {
    transform: scale(0.8);
    transform-origin: bottom right;
}

.grecaptcha-badge,
.grecaptcha-badge * {
    font-size: 10px !important;
}