/**
Theme Name: Camping Cangas
Author: Origami Soluciones
Author URI: http://wpastra.com/about/
Description: Pagina corporativa de Camping Cangas
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: camping-cangas
Template: astra
*/

.heros{
	background-color:#000 !important;
}

/* ==========================================
   1. ESTADO INTERMEDIO: TABLETS (768px a 1024px)
   Fuerza un diseño de exactamente 2 columnas
   ========================================== */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    
    /* Convertimos el contenedor en una cuadrícula de 2 columnas */
    .wpforms-container .wpforms-field-container {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px 24px !important;
    }

    /* Anulamos los floats y anchos antiguos de WPForms para que no rompan la cuadrícula */
    .wpforms-container .wpforms-field-container .wpforms-field {
        width: 100% !important;
        margin-left: 0 !important;
        float: none !important;
        clear: none !important;
        margin-bottom: 0 !important;
    }

    /* Forzamos a que el campo de texto largo (petición especial) ocupe las 2 columnas completas */
    .wpforms-container .wpforms-field-container .wpforms-field-textarea,
    .wpforms-container .wpforms-field-container .wpforms-field-gdpr-checkbox {
        grid-column: span 2 !important;
    }
}

/* ==========================================
   2. ESTADO PEQUEÑO: MÓVILES (Menos de 768px)
   Fuerza un diseño apilado de 1 sola columna
   ========================================== */
@media screen and (max-width: 767px) {
    
    /* Desactivamos cualquier float y hacemos que cada campo ocupe todo el ancho */
    .wpforms-container .wpforms-field-container .wpforms-one-half,
    .wpforms-container .wpforms-field-container .wpforms-one-third {
        width: 100% !important;
        margin-left: 0 !important;
        float: none !important;
        clear: both !important;
        margin-bottom: 18px !important;
    }
}