/* ==========================================================================
   V100 - BOTONES EQUILIBRADOS + LISTAS RESPIRABLES + SUBTÍTULOS FUERTES
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. ESTABILIDAD GLOBAL (EVITAR DESPLAZAMIENTO HORIZONTAL)
   -------------------------------------------------------------------------- */
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --------------------------------------------------------------------------
   2. ESTRATEGIA MÓVIL (FOTOS CONTROLADAS)
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
    /* Quitamos paddings forzados del tema en móvil */
    .elementor-section-boxed > .elementor-container,
    .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
    .entry-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }

    /* FOTOS, TABLAS Y VIDEOS: Ancho completo con margen de seguridad */
    .entry-content figure,
    .entry-content table,
    .entry-content img,
    .wp-block-table,
    .wp-block-image,
    .table-responsive,
    .wp-block-embed,
    iframe,
    object,
    embed {
        /* 100% del ancho menos 8px (4px a cada lado) para que no toque el borde */
        width: calc(100% - 8px) !important;
        max-width: calc(100% - 8px) !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        
        display: block !important;
        height: auto !important;
        box-sizing: border-box !important;
    }

    /* TEXTO: Margen de lectura cómodo (20px) */
    .entry-content > p,
    .entry-content > h2,
    .entry-content > h3,
    .entry-content > h4,
    .entry-content > ul,
    .entry-content > ol,
    blockquote {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* --------------------------------------------------------------------------
   3. NUEVOS BOTONES VERDE ELEGANTE (CONTACTO Y DESCARGAS)
   -------------------------------------------------------------------------- */
.wp-block-file a.wp-block-file__button,
a.wp-block-file__button,
input[type="submit"], 
button[type="submit"], 
.elementor-button {
    /* Verde Esmeralda Profesional */
    background-color: #218838 !important; 
    color: #ffffff !important;
    
    border-radius: 5px !important;
    font-weight: 600 !important;
    border: none !important;
    
    /* CAMBIO APLICADO: Padding lateral ajustado a 10px (Equilibrio perfecto) */
    padding: 10px 10px 10px  10px !important;
    
    text-decoration: none !important;
    background-image: none !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important; 
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

/* Efecto Hover (Al pasar el ratón) */
.wp-block-file a.wp-block-file__button:hover,
input[type="submit"]:hover,
.elementor-button:hover {
    background-color: #0B1E33 !important; /* Azul Oscuro Corporativo */
    transform: translateY(-2px) !important; 
    box-shadow: 0 6px 8px rgba(0,0,0,0.15) !important;
}

/* --------------------------------------------------------------------------
   4. TABLAS (SCROLL LATERAL LIMPIO)
   -------------------------------------------------------------------------- */
.entry-content table {
    min-width: 600px !important; 
    width: 100% !important;
    border-collapse: collapse !important;
    background-color: #ffffff !important;

}

/* Contenedor con scroll */
.entry-content figure.wp-block-table,
.entry-content .table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    margin-bottom: 30px !important;
    border-radius: 8px !important; 
}

/* Cabeceras de tabla */
.entry-content thead th {
    background-color: #0B1E33 !important;
    color: #ffffff !important;
    padding: 15px !important;
    border: none !important;
}

.entry-content tbody td {
    padding: 15px !important;
    border-bottom: 1px solid #eee !important;
    color: #333333 !important;
}

/* --------------------------------------------------------------------------
   5. CITAS Y SEPARADORES
   -------------------------------------------------------------------------- */
blockquote, .wp-block-quote {
    border-left: 5px solid #218838 !important; /* Línea verde a juego */
    background-color: #fcfcfc !important;
    padding: 20px !important;
    font-style: italic !important;
    color: #555 !important;
    margin: 30px 0 !important;
}

hr {
    margin-top: 40px !important;    /* Mucho aire arriba */
    margin-bottom: 40px !important; /* Mucho aire abajo */
    border: 0 !important;
    border-top: 3px solid #C0392B !important; /* Color Teja */
    background: transparent !important;
    height: 0 !important;
    opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   6. MEJORA DE LISTAS (AIRE ENTRE ELEMENTOS)
   -------------------------------------------------------------------------- */
.entry-content ul li,
.entry-content ol li {
    margin-bottom: 15px !important; /* Espacio debajo de cada punto */
    line-height: 1.6 !important;    /* Altura de línea para mejor lectura */
    padding-left: 5px !important;   /* Un pelín de separación del número/bullet */
}

/* --------------------------------------------------------------------------
   7. SUBTÍTULOS (5.1, 5.2...) MÁS VISIBLES
   -------------------------------------------------------------------------- */
/* Afecta a H3 y H4 que suelen ser los subtítulos */
.entry-content h3, 
.entry-content h4 {
    color: #0B1E33 !important;     /* Azul oscuro para destacar */
    font-weight: 800 !important;   /* Extra negrita */
    font-size: 1.4em !important;   /* Aumentamos tamaño */
    margin-top: 40px !important;   /* Más separación con el párrafo anterior */
    margin-bottom: 20px !important;/* Separación con el texto siguiente */
    letter-spacing: -0.5px !important; /* Un toque moderno */
}