/*
Theme Name:   Eximia Theme
Description:  Tema hijo para Constructor Divi
Author:       J.Madrid
Author URL:   https://test123prueba.online/
Template:     Divi 
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  divi-hijo
*/

/* Añade aquí tus estilos personalizados */

/* Creación de Grid para plugin: Contact Form 7 */
/* Estilos generales para las filas y columnas */
.cf7-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px; /* Espaciado entre columnas */
  }
  
  .cf7-col {
    padding: 10px 15px; /* Espaciado interno de las columnas */
    box-sizing: border-box;
  }
  
  /* Columnas responsivas */
  .cf7-col-1 { flex: 0 0 100%; max-width: 100%; }
  .cf7-col-1-2 { flex: 0 0 50%; max-width: 50%; }
  .cf7-col-1-3 { flex: 0 0 33.33%; max-width: 33.33%; }
  .cf7-col-1-4 { flex: 0 0 25%; max-width: 25%; }
  .cf7-col-2-3 { flex: 0 0 66.66%; max-width: 66.66%; }
  .cf7-col-3-4 { flex: 0 0 75%; max-width: 75%; }
  
  /* Asegurarse de que las columnas sean responsivas */
  @media (max-width: 768px) {
    .cf7-col-1-2, .cf7-col-1-3, .cf7-col-1-4, .cf7-col-2-3, .cf7-col-3-4 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    
    /*alinear botón de envio Modal*/
     body #page-container .et_pb_section .ba_cf7_styler_1 .wpcf7-form input[type="submit"] {
    margin: auto;
  }
  
  /*alinear botón de envio Secciones internas*/
     body #page-container .et_pb_section .ba_cf7_styler_0 .wpcf7-form input[type="submit"] {
    margin: auto;
  }
  
   
  }

/* Submenú Desktop */
  @media only screen and (min-width: 981px) {
    /*** Estilos sub menu divi ***/
    .et_pb_menu .sub-menu {
      margin-top: 12px;
      border-radius: 6px; /* borde redondeado */
      border-top: none;
      box-shadow: 0px 2px 16px rgb(0 0 0 / 20%);
      padding: 12px 0 !important;
    }
    #page-container .et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
      background-color: #EFC277!important; /* color de fondo sub menu */
    }
    .et_pb_menu .sub-menu li {
      padding: 0;
      line-height: 1.3;
      width: 100%;
    }
    .et_pb_menu .sub-menu li a {
      width: 100%;
      padding: 14px 25px;
    }
    .et_pb_menu .sub-menu li a:hover {
      color: #ff6923 !important; /* color enlace hover */
      background-color: #e2a2634b; /* color fondo hover */
      opacity: 1;
    }
    /* Icono marcador arriba del submenu */
    .et_pb_menu nav > ul > li > .sub-menu:after {
      position: absolute;
      content:'';
      left: 36px;
      top: -26px;
      border-style: solid;
      border-width: 14px;
      border-color: transparent transparent #EFC277;
    }
    }
    /* Icono indicador sub menu */
    .et-menu .menu-item-has-children>a:first-child:after {
        content: "\43";
    }
    .et-menu li ul .menu-item-has-children>a:first-child:after {
      content: "\45" !important;
    }


/* Color al icono de cierre de popups */
#et-boc .area-outer-wrap[data-da-color="light"] .da-close {
  color: #5E80A2;
  font-size: 40px;
}

#et-boc .area-outer-wrap[data-da-color="light"] .da-close:hover {
  color: #426283;
}

/* Formato en mensajes de contactform 7*/
/*Mensaje de éxito*/
.wpcf7 form.sent .wpcf7-response-output {
  border-color: #fff0 !important;
  background: #fff0 !important;
  padding: 15px !important;
  color: #EFC277 !important;
  text-align: center !important;
  font-weight: bold !important;
}

/*Color de texto en mensaje de error*/
.ba_cf7_styler_0 .dtq-cf7-styler span.wpcf7-not-valid-tip {
  color: #F00!important;
  background-color: #FFF!important;
  border-color: RGBA(255, 255, 255, 0)!important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ffb900;
  padding: 10px;
  color: #5E80A2;
  text-align: center!important;
  background: white;
}



/* Menú móvil */
/* Estilos para el menú móvil */