.elementor-38760 .elementor-element.elementor-element-35f464e:not(.elementor-motion-effects-element-type-background), .elementor-38760 .elementor-element.elementor-element-35f464e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );background-image:url("https://www.esencialcostarica.com/wp-content/uploads/2023/09/DSC06061.jpg");background-position:center center;}.elementor-38760 .elementor-element.elementor-element-35f464e > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #0A0A0A5C 100%, #F2295B00 39%);opacity:0.77;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-38760 .elementor-element.elementor-element-35f464e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:12% 0% 12% 0%;}.elementor-38760 .elementor-element.elementor-element-4633819.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-38760 .elementor-element.elementor-element-4633819 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Gotham Light;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-38760 .elementor-element.elementor-element-2a0cdcb{width:100%;max-width:100%;margin:0% 40% calc(var(--kit-widget-spacing, 0px) + 0%) 05%;}.elementor-38760 .elementor-element.elementor-element-2a0cdcb .elementor-heading-title{font-family:"Gotham Ultra", Gotham Light;font-size:88px;font-weight:600;letter-spacing:1.8px;-webkit-text-stroke-width:1.5px;stroke-width:1.5px;-webkit-text-stroke-color:var( --e-global-color-9af8be5 );stroke:var( --e-global-color-9af8be5 );color:var( --e-global-color-7c3a50c );}.elementor-38760 .elementor-element.elementor-element-b2a05db{width:100%;max-width:100%;margin:0% 40% calc(var(--kit-widget-spacing, 0px) + 0%) 05%;}.elementor-38760 .elementor-element.elementor-element-b2a05db .elementor-heading-title{font-family:"Gotham Ultra", Gotham Light;font-size:50px;font-weight:600;letter-spacing:1.2px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-9af8be5 );}.elementor-38760 .elementor-element.elementor-element-bd283f7{margin-top:80px;margin-bottom:0px;}.elementor-38760 .elementor-element.elementor-element-fd1bddc > .elementor-element-populated{margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;}.elementor-38760 .elementor-element.elementor-element-b154931 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 24px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:#02010114;}.elementor-38760 .elementor-element.elementor-element-b154931 .qodef-qi-animated-text{text-align:center;}.elementor-38760 .elementor-element.elementor-element-b154931 .qodef-qi-animated-text .qodef-m-title{font-family:"Gotham Ultra", Gotham Light;font-size:57px;font-weight:500;}.elementor-38760 .elementor-element.elementor-element-b154931 .qodef-m-title{padding:0px 0px 0px 0px;}.elementor-38760 .elementor-element.elementor-element-37cf91a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-38760 .elementor-element.elementor-element-3caa679{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-38760 .elementor-element.elementor-element-35f464e{padding:15% 0% 15% 0%;}.elementor-38760 .elementor-element.elementor-element-b2a05db{margin:0% 30% calc(var(--kit-widget-spacing, 0px) + 0%) 05%;}.elementor-38760 .elementor-element.elementor-element-b154931{width:var( --container-widget-width, 507.453px );max-width:507.453px;--container-widget-width:507.453px;--container-widget-flex-grow:0;}.elementor-38760 .elementor-element.elementor-element-b154931 .qodef-m-title{padding:20px 0px 0px 0px;}}@media(max-width:767px){.elementor-38760 .elementor-element.elementor-element-35f464e > .elementor-container{min-height:131px;}.elementor-38760 .elementor-element.elementor-element-35f464e{padding:20% 0% 20% 0%;}.elementor-38760 .elementor-element.elementor-element-2a0cdcb .elementor-heading-title{font-size:28px;}.elementor-38760 .elementor-element.elementor-element-b2a05db{margin:0% 05% calc(var(--kit-widget-spacing, 0px) + 0%) 05%;}.elementor-38760 .elementor-element.elementor-element-b2a05db .elementor-heading-title{font-size:30px;}.elementor-38760 .elementor-element.elementor-element-b154931 > .elementor-widget-container{padding:0px 0px 6px 0px;}.elementor-38760 .elementor-element.elementor-element-b154931 .qodef-qi-animated-text .qodef-m-title{font-size:50px;}}@media(min-width:768px){.elementor-38760 .elementor-element.elementor-element-3caa679{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-38760 .elementor-element.elementor-element-3caa679{--width:80%;}}@media(min-width:1025px){.elementor-38760 .elementor-element.elementor-element-35f464e:not(.elementor-motion-effects-element-type-background), .elementor-38760 .elementor-element.elementor-element-35f464e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for shortcode, class: .elementor-element-23a0d48 */.elementor-38760 .elementor-element.elementor-element-23a0d48 .forminator-row{
    margin-bottom: 0px !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-59e9e91 *//* ==================================================
   ESTILOS GENERALES DEL FORMULARIO (CLASE PERSONALIZADA)
   Agregar clase custom-form-<formulario>
   ================================================== */

/* Contenedor principal */
.custom-form-marca-pais {
    font-family: "Gotham Light", Helvetica, Arial, sans-serif;
    max-width: 100%;
}

/* 1. ETIQUETAS (LABELS) */
.custom-form-marca-pais .forminator-label {
    font-family: "Gotham Medium", Helvetica, Arial, sans-serif !important;
    text-transform: none !important;
    font-weight: 700 !important;
    color: #000000 !important;
    font-size: 15px !important;
    margin-bottom: 5px !important;
    display: block;
}

/* 2. DESCRIPCIONES */
.custom-form-marca-pais .forminator-description {
    font-size: 14px !important;
    color: #888888 !important;
    margin-bottom: 15px !important;
    display: block;
    line-height: 1.4;
}

/* El enlace "Descargar" en verde y subrayado */
.custom-form-marca-pais .forminator-description a {
    color: #4CAF50 !important;
    text-decoration: underline !important;
    font-family: "Gotham Light", Helvetica, Arial, sans-serif !important;
}

/* ==================================================
   TRANSFORMACIÓN DEL CAMPO DE ARCHIVO (FILE UPLOAD)
   ================================================== */

.custom-form-marca-pais .forminator-file-upload span {
    display: none !important;
}

.custom-form-marca-pais .forminator-button-upload {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 50px !important;
    width: 100% !important;
    padding: 12px 20px !important;
    color: #757575 !important;
    text-align: left !important;
    position: relative !important;
    box-shadow: none !important;
    margin-top: 5px !important;
    transition: all 0.3s ease;
    display: flex !important;
    align-items: center;
    cursor: pointer;
    text-transform: none;
    font-family: "Gotham Medium", Helvetica, Arial, sans-serif !important;
}

.custom-form-marca-pais .forminator-button-upload:hover {
    border-color: #bbbbbb !important;
}

.custom-form-marca-pais .forminator-button-upload::before {
    content: "Elegir archivo, formato PDF";
    color: #757575 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    position: absolute;
    left: 20px;
}

.custom-form-marca-pais .forminator-button-upload::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.7;
}

/* ==================================================
   RESTO DE LOS CAMPOS (INPUTS TEXTO Y SELECT)
   ================================================== */

.custom-form-marca-pais .forminator-input,
.custom-form-marca-pais .forminator-select--field .select2-selection {
    border-radius: 50px !important;
    border: 1px solid #e0e0e0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: #fff !important;
}

/* ==================================================
   NUEVO DISEÑO DEL BOTÓN DE ENVIAR CON ICONO
   ================================================== */

.custom-form-marca-pais .forminator-button-submit {
    background-color: #007E48 !important; /* Verde oscuro */
    color: #ffffff !important; /* Texto blanco */
    border: none !important;
    border-radius: 50px !important; /* Forma de píldora completa */
    font-weight: 700 !important; /* Negrita */
    font-size: 16px !important;
    text-transform: none; /* Texto en mayúsculas */
    padding: 12px 35px !important; /* Relleno para darle forma */
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    box-shadow: none !important;
    /* Ajustar el texto original para que no se superponga */
    position: relative;
}

/* Efecto Hover para el botón */
.custom-form-marca-pais .forminator-button-submit:hover {
    background-color: #00664d !important; /* Verde un poco más oscuro al pasar el mouse */
}

/* Asegurarse de que el texto del botón sea visible */
.custom-form-marca-pais .forminator-button-submit span {
    display: inline-block; /* Asegura que el texto se muestre */
}

/* ==================================================
   ESTILOS PARA LOS CAMPOS SELECT (DROPDOWNS)
   ================================================== */

.custom-form-marca-pais .select2-container .select2-selection--single,
.custom-form-marca-pais .select2-container .select2-selection--multiple {
    height: auto !important;
    min-height: 48px !important;
    border-radius: 50px !important;
    border: 1px solid #e0e0e0 !important;
    background-color: #ffffff !important;
    padding: 8px 15px !important;
    display: flex !important;
    align-items: center !important;
    outline: none !important;
    transition: border-color 0.3s ease;
}

.custom-form-marca-pais .select2-container .select2-selection--single:hover,
.custom-form-marca-pais .select2-container .select2-selection--multiple:hover {
    border-color: #bbbbbb !important;
}

.custom-form-marca-pais .select2-selection__rendered {
    color: #757575 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: normal !important;
    padding-left: 5px !important;
}

.custom-form-marca-pais .select2-selection__placeholder {
    color: #757575 !important;
}

.custom-form-marca-pais .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
    right: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.custom-form-marca-pais .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent !important;
    border-width: 6px 5px 0 5px !important;
    margin-top: -2px !important;
}

/* ==================================================
   ESTILOS PARA EL MENÚ DESPLEGABLE (OPCIONES)
   ================================================== */

.forminator-select-dropdown-container--default .select2-dropdown,
body .select2-dropdown { 
    border-radius: 20px !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    overflow: hidden !important;
    margin-top: 8px !important;
}

.forminator-select-dropdown-container--default .select2-results__option {
    padding: 10px 20px !important;
    font-size: 14px !important;
    color: #333 !important;
}

.forminator-select-dropdown-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f5f5f5 !important;
    color: #000 !important;
    font-weight: 600 !important;
}

/* ==================================================
   ESTILOS DE ERROR / VALIDACIÓN
   Basado en la imagen: Borde rojo y texto rojo abajo
   ================================================== */

.custom-form-marca-pais .forminator-has-error .forminator-input,
.custom-form-marca-pais .forminator-has-error .select2-selection {
    border-color: #ff4d4d !important; /* Rojo intenso */
}

.custom-form-marca-pais .forminator-error-message {
    background-color: #fff !important;
    color: #ff4d4d !important; /* Mismo rojo que el borde */
    font-family: "Gotham Light", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important; /* Tamaño legible */
    font-weight: 400 !important;
    margin-top: 6px !important; /* Espacio entre el input y el error */
    display: block !important;
    text-align: left;
}

.custom-form-marca-pais .forminator-has-error .forminator-label {
    color: #000000 !important;
}

.custom-form-marca-pais .forminator-has_error .forminator-input{
    border-color: #e51919 !important;
}

.custom-form-marca-pais .forminator-has_error .forminator-button-upload{
    border-color: #e51919 !important;
}

.custom-form-marca-pais .forminator-has_error .select2-selection{
    border-color: #e51919 !important;
}

/* ==================================================
   TEXTAREA con el mismo look que los inputs
   ================================================== */

/* Aplica a todos los textarea de Forminator dentro del formulario */
.custom-form-marca-pais textarea.forminator-textarea,
.custom-form-marca-pais .forminator-textarea {
    border-radius: 16px !important;
    border: 1px solid #e0e0e0 !important;
    padding: 10px 20px !important; /* igual que el input pero cómodo para multilinea */
    background-color: #fff !important;
    font-family: "Gotham Light", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    color: #000 !important;
    box-shadow: none !important;
    outline: none !important;
    resize: vertical; /* opcional: permite agrandar hacia abajo */
}

/* Hover similar al resto */
.custom-form-marca-pais textarea.forminator-textarea:hover,
.custom-form-marca-pais .forminator-textarea:hover {
    border-color: #bbbbbb !important;
}

/* Focus (opcional: mismo borde, sin glow azul) */
.custom-form-marca-pais textarea.forminator-textarea:focus,
.custom-form-marca-pais .forminator-textarea:focus {
    border-color: #bbbbbb !important;
}

/* Placeholder */
.custom-form-marca-pais textarea.forminator-textarea::placeholder,
.custom-form-marca-pais .forminator-textarea::placeholder {
    color: #757575 !important;
}

/* Error para textarea (por si Forminator no lo está tomando con .forminator-input) */
.custom-form-marca-pais .forminator-has-error textarea.forminator-textarea,
.custom-form-marca-pais .forminator-has_error textarea.forminator-textarea,
.custom-form-marca-pais .forminator-has-error .forminator-textarea,
.custom-form-marca-pais .forminator-has_error .forminator-textarea {
    border-color: #ff4d4d !important;
}

/* ==================================================
   PLACEHOLDERS UNIFICADOS (inputs + textarea)
   Mismo estilo que "Elegir archivo, formato PDF"
   ================================================== */

.custom-form-marca-pais .forminator-input::placeholder,
.custom-form-marca-pais input.forminator-input::placeholder,
.custom-form-marca-pais textarea.forminator-textarea::placeholder,
.custom-form-marca-pais .forminator-textarea::placeholder {
    color: #757575 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: "Gotham Light", Helvetica, Arial, sans-serif !important;
    opacity: 1 !important; /* importante para que no se vea "lavado" */
}

/* Compatibilidad navegadores */
.custom-form-marca-pais .forminator-input::-webkit-input-placeholder,
.custom-form-marca-pais input.forminator-input::-webkit-input-placeholder,
.custom-form-marca-pais textarea.forminator-textarea::-webkit-input-placeholder,
.custom-form-marca-pais .forminator-textarea::-webkit-input-placeholder {
    color: #757575 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: "Gotham Light", Helvetica, Arial, sans-serif !important;
    opacity: 1 !important;
}

.custom-form-marca-pais .forminator-input:-ms-input-placeholder,
.custom-form-marca-pais input.forminator-input:-ms-input-placeholder,
.custom-form-marca-pais textarea.forminator-textarea:-ms-input-placeholder,
.custom-form-marca-pais .forminator-textarea:-ms-input-placeholder {
    color: #757575 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: "Gotham Light", Helvetica, Arial, sans-serif !important;
}

.custom-form-marca-pais .forminator-input::-ms-input-placeholder,
.custom-form-marca-pais input.forminator-input::-ms-input-placeholder,
.custom-form-marca-pais textarea.forminator-textarea::-ms-input-placeholder,
.custom-form-marca-pais .forminator-textarea::-ms-input-placeholder {
    color: #757575 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: "Gotham Light", Helvetica, Arial, sans-serif !important;
}

/* ==================================================
   ICONO SVG REAL dentro del botón submit (vía JS)
   ================================================== */

.custom-form-marca-pais .forminator-button-submit{
    gap: 10px; /* separa icono y texto */
}

/* El span que mete el JS */
.custom-form-marca-pais .forminator-button-submit .submit-icon{
    width: 20px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.custom-form-marca-pais .forminator-button-submit .submit-icon svg{
    width: 20px;
    height: 16px;
    display: block;
}

.custom-form-marca-pais h2{
    font-family: "Gotham Medium" !important;
    font-size: 24px !important;
    color: #398146 !important;
    margin-bottom: 0px !important;
    margin-top: 40px !important;
}

.custom-form-marca-pais p{
    margin-top: 0px !important;
}

.custom-form-marca-pais .forminator-field-html a{
    color: rgb(57, 129, 70) !important;
} 

/* ==================================================
   CAMPO DE ARCHIVO MÚLTIPLE (MULTI-FILE UPLOAD)
   Drag & drop tipo "Arrastrar y soltar (o) cambiar archivos"
   ================================================== */

/* Contenedor del drag & drop */
.custom-form-marca-pais .forminator-multi-upload {
    border: 1px dashed #e0e0e0 !important;
    border-radius: 16px !important;
    background-color: #ffffff !important;
    padding: 25px 20px !important;
    margin-top: 5px !important;
    text-align: center;
    transition: border-color 0.3s ease;
}

.custom-form-marca-pais .forminator-multi-upload:hover {
    border-color: #bbbbbb !important;
}

/* Mensaje "Arrastrar y soltar..." */
.custom-form-marca-pais .forminator-multi-upload-message {
    color: #757575 !important;
    font-family: "Gotham Light", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    line-height: 1.4;
}

/* Icono de la nube (cubre variantes: span, i, svg) */
.custom-form-marca-pais .forminator-multi-upload-message .forminator-icon-upload-cloud,
.custom-form-marca-pais .forminator-multi-upload-message i,
.custom-form-marca-pais .forminator-multi-upload-message svg {
    color: #757575 !important;
    fill: #757575 !important;
    opacity: 0.7;
    font-size: 28px;
    width: 28px;
    height: 28px;
}

/* Enlace "(o) cambiar archivos" */
.custom-form-marca-pais .forminator-multi-upload-options,
.custom-form-marca-pais .forminator-multi-upload-message a {
    color: #4CAF50 !important;
    text-decoration: underline !important;
    font-family: "Gotham Light", Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    cursor: pointer;
}

.custom-form-marca-pais .forminator-multi-upload-options:hover,
.custom-form-marca-pais .forminator-multi-upload-message a:hover {
    color: #007E48 !important;
}

/* ==================================================
   LISTADO DE ARCHIVOS YA CARGADOS
   ================================================== */

.custom-form-marca-pais .forminator-uploaded-files,
.custom-form-marca-pais .forminator-multi-upload-files {
    margin-top: 10px !important;
    font-family: "Gotham Light", Helvetica, Arial, sans-serif !important;
}

.custom-form-marca-pais .forminator-uploaded-file,
.custom-form-marca-pais .forminator-multi-upload-files .forminator-uploaded-file {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    background-color: #f8f8f8 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 50px !important;
    padding: 8px 18px !important;
    margin-top: 8px !important;
    font-size: 14px !important;
    color: #333 !important;
}

/* Botón para eliminar archivo de la lista */
.custom-form-marca-pais .forminator-uploaded-file .forminator-uploaded-file-remove,
.custom-form-marca-pais .forminator-uploaded-file button,
.custom-form-marca-pais .forminator-uploaded-file a.forminator-multi-upload-remove {
    background: transparent !important;
    border: none !important;
    color: #ff4d4d !important;
    font-weight: 700 !important;
    cursor: pointer;
    padding: 0 !important;
    margin-left: 10px;
}

/* Barra de progreso (cuando sube) */
.custom-form-marca-pais .forminator-progress,
.custom-form-marca-pais .forminator-multi-upload-progress {
    background-color: #f0f0f0 !important;
    border-radius: 50px !important;
    overflow: hidden;
    height: 6px !important;
    margin-top: 6px !important;
}

.custom-form-marca-pais .forminator-progress .forminator-progress-bar,
.custom-form-marca-pais .forminator-multi-upload-progress .forminator-progress-bar {
    background-color: #007E48 !important;
    height: 100% !important;
}

/* ==================================================
   ESTADO DE ERROR EN MULTI-UPLOAD
   ================================================== */

.custom-form-marca-pais .forminator-has-error .forminator-multi-upload,
.custom-form-marca-pais .forminator-has_error .forminator-multi-upload {
    border-color: #ff4d4d !important;
}

/* Contenedor del drag & drop */
.custom-form-marca-pais .forminator-multi-upload {
    border: 1px solid #e0e0e0 !important; /* antes: 1px dashed */
    border-radius: 16px !important;
    background-color: #ffffff !important;
    padding: 25px 20px !important;
    margin-top: 5px !important;
    text-align: center;
    transition: border-color 0.3s ease;
}

/* ==================================================
   ASTERISCO DE CAMPO OBLIGATORIO EN ROJO
   ================================================== */
.custom-form-marca-pais .forminator-required,
.custom-form-marca-pais .forminator-label .forminator-required,
.custom-form-marca-pais .forminator-label span.forminator-required {
    color: #e51919 !important; /* o #ff4d4d si querés el mismo rojo de los errores */
    font-weight: 700 !important;
    margin-left: 2px;
}

.elementor-38760 .elementor-element.elementor-element-59e9e91#formulario-final-oculto {
    display: none;
}/* End custom CSS */