.mi-seccion-aislada *::before,
.mi-seccion-aislada *::after {
    
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    /*background: transparent !important;
    border: none !important;*/
    text-decoration: none !important;
    list-style: none !important;
}

.mi-seccion-aislada {
    position: relative !important;
    width: 100% !important;
    min-height: 100vh !important;
    isolation: isolate !important;
}
.mi-seccion-aislada html,
.mi-seccion-aislada {
    min-height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    background: linear-gradient(rgba(255, 255, 255, 0.868), rgba(255, 255, 255, 0.868)),
                url('../../assets/img/fondo.jpg') center/cover no-repeat fixed !important;
}


.mi-seccion-aislada body::before {
            content: ''!important;
            position: fixed!important;
            top: 0!important;
            left: 0!important;
            width: 100%!important;
            height: 100%!important;
            background-color: rgba(255, 255, 255, 0.877)!important; 
            z-index: -1!important;
        }
.mi-seccion-aislada body::after { 
            content: ''!important;
            position: fixed!important;
            top: 0!important;
            left: 0!important;
            width: 100%!important;
            height: 100%!important;
            background-image: url('../../assets/img/fondo.jpg')!important;
            background-size: cover!important;
            background-position: center!important;
            background-repeat: no-repeat!important;
            background-attachment: fixed!important;
            z-index: -2!important;
}

/*ESTRUCTURA PRINCIPAL*/

.mi-seccion-aislada .grid-columnas {
    display: flex !important;
    gap: 30px !important; 
    padding: 20px !important;
    margin-bottom: 15px !important;
    position: relative !important;
}
.mi-seccion-aislada .izquierda, .derecha {
    font-family: sans-serif !important; 
    line-height: 1.6 !important; 
    margin: 0 !important; 
    padding: 80px !important;
    text-align: left !important;
    font-size: 18px !important;
    min-height: 100vh !important;
    z-index: 1 !important;

    }
.mi-seccion-aislada .izquierda{
    padding-top: 10% !important;
    width: 50% !important;
    position: relative !important;
}
.mi-seccion-aislada .derecha{
    overflow-y: auto !important;
    /*flex: 1*/
}

/*Componentes específicos*/

.mi-seccion-aislada .caja1 {
    color: rgb(41, 35, 92) !important;
    padding: 20px 30px !important;
    border-radius: 50px !important;
    border: 2px solid #ffffff !important;
    text-align: center !important;
    font-family: sans-serif!important;
    box-shadow: 2px 2px 5px rgb(131, 130, 143)!important;
    /* background: white !important;
    margin: 10px 0 !important;*/
}

.mi-seccion-aislada h1{
    color: rgb(41, 35, 92)!important; 
    font-family: sans-serif!important;
    text-align: center!important;
    /*  font-size: 2.5rem !important;
    margin: 1rem 0 !important;*/
   
} 
.mi-seccion-aislada i{
    font-size: 13px !important;
    /*font-style: italic !important;*/
}
.mi-seccion-aislada strong{
    color: rgb(41, 35, 92)!important;
    /*font-weight: bold !important;*/
}
.mi-seccion-aislada .titulo-info {
    padding: 18px!important;
    text-align: center!important;
    width: fit-content!important;
    margin: 0 auto!important;
    color: rgb(0, 119, 179)!important;
    font-family: sans-serif!important;
    font-size: 25px!important;
    /*display: block !important;*/
}

.mi-seccion-aislada .lista-estilizada {
    margin: 20px 0!important;
}

.mi-seccion-aislada .item-numerado {
    display: flex!important;
    align-items: flex-start!important;
    gap: 15px!important;
    margin-bottom: 0px!important;
    padding: 9px!important;
   /*background: rgba(255, 255, 255, 0.9) !important;
    border-radius: 10px !important;*/

}

.mi-seccion-aislada .numero-circulo {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    width: 35px!important;
    height: 35px!important;
    min-width: 35px!important;
    background:rgb(255, 255, 255)!important;
    box-shadow: 2px 2px 5px rgb(3, 4, 26)!important;
    color:rgb(41, 35, 92)!important;
    border-radius: 50%!important;
    font-weight: bold!important;
    font-size: 16px!important;
}
.mi-seccion-aislada .contenido {
    flex: 1!important;
}

.mi-seccion-aislada .contenido strong {
    color: rgb(41, 35, 92)!important;
    font-size: 16px!important;
    display: block!important;
    margin-bottom: 5px!important;
    border-left: 4px solid rgb(41, 35, 92)!important;
    padding: 8px!important;    

}

.mi-seccion-aislada .contenido p {
    margin: 5px 0 0 0!important;
    color: rgb(112, 112, 112)!important;
    line-height: 1.4!important;
    font-family:sans-serif!important;
}
.mi-seccion-aislada .download{
    color: rgb(41, 35, 92)!important;
    text-decoration-line:underline!important;
}
/* Inicio de estilo de Popup*/

/* ===== POPUP (VERSIÓN ELEGANTE) ===== */
.mi-seccion-aislada .overlay{
    position: fixed !important;
    inset: 0 !important;
    display: none !important;            /* se prende con JS: flex */
    background: rgba(0,0,0,.45) !important;
    z-index: 99999 !important;
  
    justify-content: flex-start !important;  /* izquierda */
    align-items: flex-start !important;      /* arriba */
    padding: 90px 24px 24px 24px !important; /* deja espacio al header */

    overflow-y: auto;      /* permite scroll del fondo */
    pointer-events: auto;  /* permite interacción */
  }
  
  .mi-seccion-aislada .popup{
    background: #fff !important;
    width: min(720px, 92vw) !important;  /* tamaño tipo “card” */
    max-height: calc(100vh - 120px) !important;
    overflow: auto !important;
  
    border-radius: 22px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.25) !important;
  
    margin: 0 !important;                /* pegado al padding del overlay */
    padding: 22px 22px 18px 22px !important;
    position: relative !important;
  }

  /*
.mi-seccion-aislada .overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.5) !important; /* <- NO transparente */
   /* width: 100% !important;
    height: 100% !important;
    display: none !important;
    justify-content: center !important;     /* <- NO left */
 /*   align-items: center !important;         /* <- NO left */
 /*   z-index: 99999 !important;
  }

/* Estilos del popup */
/*.mi-seccion-aislada .popup {
    background: white!important;
    border-radius: 20px!important;
    position: relative !important;
    width: 40%!important;
    max-width: 600px!important;
    max-height: 95vh!important;
    overflow-y: auto!important;
    position: relative!important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3)!important;
    margin-left: 20px!important;
    margin-top: 20px!important;
}
*/

/* Botón cerrar */
.mi-seccion-aislada .btn-cerrar-popup {
    position: absolute!important;
    top: 10px!important;
    right: 10px!important;
    font-size: 20px!important;
    text-decoration: none!important;
    color: #333!important;
    width: 30px!important;
    height: 30px!important;
    border-radius: 50%!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
}

.mi-seccion-aislada .btn-cerrar-popup:hover {
    background: #ddd!important;
}

/* Botón para abrir popup */
.mi-seccion-aislada .btn-abrir-popup {
    padding: 20px 50px!important;
    background: rgb(90, 237, 21)!important;
    color: white!important;
    border: none!important;
    border-radius: 50px!important;
    cursor: pointer!important;
    font-size: 18px!important;
    font-family: sans-serif!important;
}

.mi-seccion-aislada .btn-abrir-popup:hover {
    background: rgb(90, 237, 21)!important;
}



/* Fin de estilo delPopup */

 /* inicio de estilos del Form */

.mi-seccion-aislada form {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    min-height: 100vh!important;
    font-family: sans-serif!important;
    color:rgb(40, 35, 101)!important;
    background-color: rgb(255, 255, 255)!important;
    padding: 30px!important;
    border-radius: 20px!important;
    display: flex!important;
    flex-direction: column!important;
    box-shadow: 0 0 10px #a6afbe!important;
    
}
.mi-seccion-aislada form img{
  width: 200px!important;
  margin-bottom: 25px!important;
  text-align: center!important;
}

.mi-seccion-aislada form p {
    text-align: left!important;
    
    margin: 10px 10px!important;
}
.mi-seccion-aislada form div{
    text-align: left!important;
    font-size: 14px;
}
.mi-seccion-aislada form input {
    padding: 5px 35px!important;
    outline: none!important;
}

.mi-seccion-aislada input {
  width: 100%!important;
  box-sizing: border-box!important; 
 
}

.mi-seccion-aislada select.form-container {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  
  .mi-seccion-aislada .column input[type="text"][readonly] {
    background-color: #ffffff !important;
    text-align: center !important;
  }


.mi-seccion-aislada .row {
  display: flex!important;
  gap: 4px!important;
  
}

.mi-seccion-aislada .column {
  flex: 1!important; 
  padding-top: 2px!important;

}

.mi-seccion-aislada .form-container {
  max-width: 500px!important; 
  width: 100%!important;
  margin-bottom: 5px!important;
  padding: 5px!important;
  border-radius: 20px!important;
  border-color: #a6afbe!important;
  cursor: pointer!important;
  text-align: left!important;

}

.mi-seccion-aislada .empresa {
    clear: both!important; 
    padding-top: 0%!important;
}


.mi-seccion-aislada .submit {
  background-color: #3498db!important;
  color: white!important;
  border: none!important;
  padding: 10px 30px!important;
  font-size: 16px!important;
  font-weight: bold!important;
  border-radius: 5px!important;
  cursor: pointer!important;
  transition: background-color 0.3s!important;
  margin-top: 2px!important;
  display: block!important;
    margin-left: auto!important;
    margin-right: auto!important;
  width: auto!important;
  display: block!important;
  text-align: center!important;
}
.mi-seccion-aislada .submit:hover {
  background-color: #2980b9!important;
}
        
.mi-seccion-aislada .submit:active {
 transform: translateY(2px)!important;
}
           

.mi-seccion-aislada .phone-row { display: flex; gap: 10px; }
.mi-seccion-aislada .phone-row .code { width: 80px; text-align: center; background: #f0f0f0; }
.mi-seccion-aislada .phone-row .number { flex: 1; }


.mi-seccion-aislada form input{
  border-radius: 20px!important;
  border: 1px solid #a6afbe!important;
  font-size:13px;
}
.mi-seccion-aislada form label {
  margin-top: 80px!important;
  justify-content: left!important;
  margin: 10px 10px!important;
}

.mi-seccion-aislada .form-row {
  align-items: center!important;
  gap: 10px!important;
  margin-bottom: 2px!important;

}


.mi-seccion-aislada .form-row input[type="checkbox"] {
  width: 20px!important;
  height: 16px!important;
  margin: 10px!important;
  cursor: pointer!important;
}

.mi-seccion-aislada textarea{
   width: 100%!important;
  height: 120px!important;
  font-size: 14px!important;
  padding: 10px!important;
  border: 1px solid #ccc!important;
  border-radius: 4px!important;
  resize: vertical!important;  
  box-sizing: border-box!important;
  margin-top: 10px!important;

}

.mi-seccion-aislada .sucess {
  position: absolute!important;
  top: 50px!important;
  color: rgb(17, 136, 255)!important;
  font-size: 18px!important;
}
.mi-seccion-aislada .error {
  position: absolute!important;
  top: 50px!important;
  color: rgb(255, 30, 30)!important;
  font-size: 18px!important;
}
.mi-seccion-aislada .mi-swal-borde {
    border-radius: 20px !important;
}
.mi-alerta-cargando {
  background: #ffffff !important;
  border-radius: 20px !important;
  font-family: sans-serif !important;
  color: rgb(40, 35, 101) !important;
}
.mi-seccion-aislada .mi-alerta-titulo {
    color: rgb(40, 35, 101)!important;
    font-weight: 700!important;
    font-size: 1.8rem!important;
    font-family: sans-serif!important;
}
.mi-seccion-aislada .mi-alerta-texto {
    color: rgb(40, 35, 101)!important;
    font-size: 1.1rem!important;
    font-family: sans-serif!important;
}
/* ================================================
   MEDIA QUERIES (Responsive)
   ================================================ */

@media (max-width: 1024px) {
    .mi-seccion-aislada .grid-columnas {
        flex-direction: column !important;
        gap: 20px !important;
    }
    
    .mi-seccion-aislada .izquierda,
    .mi-seccion-aislada .derecha {
        width: 100% !important;
        padding: 40px !important;
        min-height: auto !important;
    }
    
    .mi-seccion-aislada .popup {
        width: 90% !important;
        margin: 20px auto !important;
    }
}

@media (max-width: 768px) {
    .mi-seccion-aislada .grid-columnas {
        padding: 10px !important;
    }
    
    .mi-seccion-aislada .izquierda,
    .mi-seccion-aislada .derecha {
        padding: 20px !important;
        font-size: 16px !important;
    }
    
    .mi-seccion-aislada .row {
        flex-direction: column !important;
        gap: 10px !important;
    }
    
    .mi-seccion-aislada .btn-abrir-popup {
        padding: 15px 30px !important;
        font-size: 16px !important;
    }
}

/*UTILIDADES*/

/* Para elementos que necesitan display específico */
.mi-seccion-aislada [class*="flex"] {
    display: flex !important;
}

.mi-seccion-aislada [class*="block"] {
    display: block !important;
}

.mi-seccion-aislada [class*="inline"] {
    display: inline !important;
}

/* Asegurar que los enlaces sean clickeables */
.mi-seccion-aislada a,
.mi-seccion-aislada button {
    cursor: pointer !important;
}

/* Asegurar que los inputs sean visibles */
.mi-seccion-aislada input:focus,
.mi-seccion-aislada select:focus,
.mi-seccion-aislada textarea:focus {
    outline: 2px solid #3498db !important;
    outline-offset: 2px !important;
}

/* Overlay oculto por defecto */



  /* Overlay arriba de todo */
.mi-seccion-aislada .overlay{
    z-index: 999999 !important;
    display: none; /* se muestra con JS */
    align-items: flex-start !important; 
    justify-content: flex-start !important;   /* <-- izquierda */
    padding-top: 110px !important;            /* ajusta al alto del header */
    padding-left: 20px !important;            /* separación del borde izquierdo */

    overflow-y: auto;      /* permite scroll del fondo */
    pointer-events: auto;  /* permite interacción */
  }
  
  /* Popup pegado a la izquierda */
  .mi-seccion-aislada .popup{
    margin: 0 !important;
  }

  /* Forzar visibilidad de links dentro de la sección */
.mi-seccion-aislada a {
    color: #0077b3 !important;      /* azul visible */
    text-decoration: underline !important;
    font-weight: 500;
  }
  
  .mi-seccion-aislada a:hover {
    color: #004e7a !important;
  }
  






  /* ==============================
   POPUP: compacto + elegante
   ============================== */

/* El overlay ya lo traes alineado a la izquierda; solo aseguremos padding correcto */
.mi-seccion-aislada .overlay{
    padding: 110px 20px 20px 20px !important; /* deja espacio para el header */
    align-items: flex-start !important;
    justify-content: flex-start !important;

    overflow-y: auto;      /* permite scroll del fondo */
    pointer-events: auto;  /* permite interacción */
  }
  
  /* Tarjeta del popup */
  .mi-seccion-aislada .popup{
    width: min(560px, 92vw) !important;              /* más compacto */
    max-height: calc(100vh - 140px) !important;      /* que no tape header */
    overflow: auto !important;                        /* scroll dentro del popup */
    padding: 18px 18px 14px 18px !important;
    border-radius: 22px !important;
  }
  
  /* IMPORTANTE: el form NO debe ser “pantalla completa” dentro del popup */
  .mi-seccion-aislada .popup form{
    min-height: auto !important;          /* quita el 100vh */
    padding: 0 !important;                /* el padding lo da el .popup */
    box-shadow: none !important;          /* ya hay sombra en .popup */
    border-radius: 0 !important;
    background: transparent !important;
    width: 100% !important;
    align-items: stretch !important;
  }
  
  /* Logo más controlado */
  .mi-seccion-aislada .popup form img{
    width: 190px !important;
    margin: 4px auto 14px auto !important;
  }
  
  /* Inputs más “tight” y legibles */
  .mi-seccion-aislada .popup .form-container{
    max-width: 100% !important;           /* no lo limites a 500px */
    padding: 10px !important;
    border-radius: 16px !important;
  }
  
  /* Reduce un poco el aire entre columnas */
  .mi-seccion-aislada .popup .row{
    gap: 4px !important;
  }
  
  /* Cierre siempre visible y bonito */
  .mi-seccion-aislada .popup .btn-cerrar-popup{
    position: sticky !important;
    top: 0 !important;
    float: right !important;
    text-decoration: none !important;
    font-size: 22px !important;
    line-height: 22px !important;
    padding: 6px 8px !important;
  }
  
  /* Mobile: una sola columna */
  @media (max-width: 768px){
    .mi-seccion-aislada .popup{
      width: 92vw !important;
      max-height: calc(100vh - 120px) !important;
    }
    .mi-seccion-aislada .popup .row{
      flex-direction: column !important;
      gap: 10px !important;
    }
  }



  /* =========================================================
   POPUP – FORM OPTIMIZADO (SOLO POPUP)
   ========================================================= */

/* Contenedor general del popup */
.mi-seccion-aislada .popup{
    width: min(560px, 92vw) !important;
    max-height: calc(100vh - 140px) !important;
    overflow-y: auto !important;
  
    padding: 20px 18px 16px 18px !important;
    border-radius: 22px !important;
    background: #fff !important;
  }
  
  /* Form dentro del popup */
  .mi-seccion-aislada .popup form{
    min-height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    width: 100% !important;
  }
  
  /* Logo */
  .mi-seccion-aislada .popup form img{
    width: 180px !important;
    display: block !important;
    margin: 0 auto 16px auto !important;
  }
  
  /* ======================
     LABELS (SPAN / P)
     ====================== */
  .mi-seccion-aislada .popup span,
  .mi-seccion-aislada .popup p,
  .mi-seccion-aislada .popup label{
    display: block !important;
    margin: 0 0 4px 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgb(40, 35, 101) !important;
  }
  
  /* ======================
     INPUTS / SELECT / TEXTAREA
     ====================== */
  .mi-seccion-aislada .popup input,
  .mi-seccion-aislada .popup select,
  .mi-seccion-aislada .popup textarea{
    width: 100% !important;
    padding: 9px 14px !important;
    font-size: 14px !important;
    border-radius: 14px !important;
    border: 1px solid #a6afbe !important;
    box-sizing: border-box !important;
  }
  
  /* Espacio entre campos */
  .mi-seccion-aislada .popup .input-container,
  .mi-seccion-aislada .popup .column{
    margin-bottom: 6px !important;
  }
  
  /* ======================
     INPUT GROUP (correo / nombre / puesto)
     ====================== */
  .mi-seccion-aislada .popup .input-group{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }
  
  /* Nombre + Puesto en dos columnas */
  .mi-seccion-aislada .popup .input-group > .input-container:nth-child(2),
  .mi-seccion-aislada .popup .input-group > .input-container:nth-child(3){
    display: inline-block !important;
    width: calc(50% - 8px) !important;
    vertical-align: top !important;
  }
  
  .mi-seccion-aislada .popup .input-group > .input-container:nth-child(3){
    margin-left: 16px !important;
  }
  
  /* ======================
     País + Teléfono
     ====================== */
  .mi-seccion-aislada .popup .input-wrapper{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
  }
  
  /* ======================
     CHECKBOXES
     ====================== */
  .mi-seccion-aislada .popup .form-row{
    display: flex !important;
    align-items: center !important;
    gap: 1px !important;
    margin-bottom: 0px !important;
  }
  
  .mi-seccion-aislada .popup .form-row input[type="checkbox"]{
    width: 16px !important;
    height: 16px !important;
  }
  
  /* ======================
     TEXTAREA
     ====================== */
  .mi-seccion-aislada .popup textarea{
    min-height: 90px !important;
    max-height: 140px !important;
    resize: vertical !important;
  }
  
  /* ======================
     BOTÓN ENVIAR
     ====================== */
  .mi-seccion-aislada .popup button[type="submit"]{
    margin-top: 14px !important;
    padding: 10px 28px !important;
    font-size: 15px !important;
    border-radius: 22px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  /* ======================
     RESPONSIVE
     ====================== */
  @media (max-width: 768px){
    .mi-seccion-aislada .popup{
      width: 92vw !important;
    }
  
    .mi-seccion-aislada .popup .input-wrapper{
      grid-template-columns: 1fr !important;
    }
  
    .mi-seccion-aislada .popup .input-group > .input-container:nth-child(2),
    .mi-seccion-aislada .popup .input-group > .input-container:nth-child(3){
      width: 100% !important;
      margin-left: 0 !important;
    }
  }
  
/* =========================================================
   POPUP – SOLO POPUP (LIMPIO + ELEGANTE)
   ========================================================= */

/* Overlay: alineado izq, respetando header, con scroll */
.mi-seccion-aislada .overlay{
    position: fixed !important;
    inset: 0 !important;
    display: none !important;
    background: rgba(0,0,0,.45) !important;
    z-index: 999999 !important;
  
    /* izquierda + espacio header */
    padding: 110px 20px 20px 20px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  
    overflow-y: auto !important;
  }
  
  /* Popup card */
  .mi-seccion-aislada .popup{
    width: min(560px, 92vw) !important;
    max-height: calc(100vh - 140px) !important;
    overflow: auto !important;
  
    background: #fff !important;
    border-radius: 22px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.25) !important;
  
    margin: 0 !important;   /* pegado a la izquierda */
    padding: 18px 18px 16px 18px !important;
    position: relative !important;
  }
  
  /* Botón cerrar */
  .mi-seccion-aislada .popup .btn-cerrar-popup{
    position: absolute !important;
    top: 10px !important;
    right: 12px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 20px !important;
    color: #333 !important;
  }
  .mi-seccion-aislada .popup .btn-cerrar-popup:hover{
    background: #eee !important;
  }
  
  /* Form: NO pantalla completa */
  .mi-seccion-aislada .popup form{
    min-height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    width: 100% !important;
    align-items: stretch !important;
  }
  
  /* Logo */
  .mi-seccion-aislada .popup form img{
    width: 180px !important;
    display: block !important;
    margin: 0 auto 14px auto !important;
  }
  
  /* Labels pegaditos al input */
  .mi-seccion-aislada .popup span,
  .mi-seccion-aislada .popup p,
  .mi-seccion-aislada .popup label{
    display: block !important;
    margin: 0 0 4px 0 !important;     /* 👈 aquí se “pega” */
    font-size: 14px !important;
    font-weight: 600 !important;
    color: rgb(40, 35, 101) !important;
  }
  
  /* Inputs */
  .mi-seccion-aislada .popup input,
  .mi-seccion-aislada .popup select,
  .mi-seccion-aislada .popup textarea{
    width: 100% !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    border-radius: 14px !important;
    border: 1px solid #a6afbe !important;
    box-sizing: border-box !important;
  }
  
  /* Espaciado entre campos */
  .mi-seccion-aislada .popup .input-container,
  .mi-seccion-aislada .popup .column{
    margin-bottom: 10px !important;
  }
  
  /* Grid para 2 columnas (País / Teléfono) */
  .mi-seccion-aislada .popup .input-wrapper{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
  }
  
  /* Checkboxes */
  .mi-seccion-aislada .popup .form-row{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 6px 0 !important;
  }
  .mi-seccion-aislada .popup .form-row input[type="checkbox"]{
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
  }
  
  /* Textarea */
  .mi-seccion-aislada .popup textarea{
    min-height: 100px !important;
    resize: vertical !important;
  }
  
  /* Botón */
  .mi-seccion-aislada .popup button[type="submit"]{
    margin-top: 14px !important;
    padding: 10px 26px !important;
    border-radius: 22px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  /* Responsive */
  @media (max-width: 768px){
    .mi-seccion-aislada .overlay{
      padding-top: 90px !important;
    }
    .mi-seccion-aislada .popup{
      width: 92vw !important;
    }
    .mi-seccion-aislada .popup .input-wrapper{
      grid-template-columns: 1fr !important;
    }
  }

  
/* Animación de entrada */
.mi-seccion-aislada .popup {
  animation: zoomIn 0.3s ease!important;
}

@keyframes zoomIn {
  from { transform: scale(0.5); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

.mi-seccion-aislada .popup.cerrar {
  animation: fadeOut 0.3s ease forwards!important;
}

@keyframes fadeOut {
  from { opacity: 1; }
  to   { opacity: 0; }
}