.elementor-18155 .elementor-element.elementor-element-ea5e45e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18155 .elementor-element.elementor-element-ea5e45e:not(.elementor-motion-effects-element-type-background), .elementor-18155 .elementor-element.elementor-element-ea5e45e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-18155 .elementor-element.elementor-element-aa613e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18155 .elementor-element.elementor-element-aa613e2:not(.elementor-motion-effects-element-type-background), .elementor-18155 .elementor-element.elementor-element-aa613e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D0D0D;}.elementor-18155 .elementor-element.elementor-element-342961f{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-18155 .elementor-element.elementor-element-4940873{font-family:"Inter", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-18155 .elementor-element.elementor-element-822e69f{background-color:#00000000;}.elementor-18155 .elementor-element.elementor-element-876ecfb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18155 .elementor-element.elementor-element-876ecfb:not(.elementor-motion-effects-element-type-background), .elementor-18155 .elementor-element.elementor-element-876ecfb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D0D0D;}.elementor-18155 .elementor-element.elementor-element-05670b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18155 .elementor-element.elementor-element-05670b8:not(.elementor-motion-effects-element-type-background), .elementor-18155 .elementor-element.elementor-element-05670b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-18155 .elementor-element.elementor-element-179843d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18155 .elementor-element.elementor-element-380c618{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18155 .elementor-element.elementor-element-380c618:not(.elementor-motion-effects-element-type-background), .elementor-18155 .elementor-element.elementor-element-380c618 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-18155 .elementor-element.elementor-element-6cfa7e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18155 .elementor-element.elementor-element-6cfa7e5:not(.elementor-motion-effects-element-type-background), .elementor-18155 .elementor-element.elementor-element-6cfa7e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#101010;}.elementor-18155 .elementor-element.elementor-element-ee09629{font-family:"Inter", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-18155 .elementor-element.elementor-element-5043ad5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18155 .elementor-element.elementor-element-5043ad5:not(.elementor-motion-effects-element-type-background), .elementor-18155 .elementor-element.elementor-element-5043ad5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#101010;}.elementor-18155 .elementor-element.elementor-element-314b177{font-family:"Inter", Sans-serif;font-weight:400;color:#A7A7A7;}.elementor-18155 .elementor-element.elementor-element-bab65fe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18155 .elementor-element.elementor-element-e51a170{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18155 .elementor-element.elementor-element-1ff5e26{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-650px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18155 .elementor-element.elementor-element-b10ce6b{font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;text-transform:uppercase;line-height:32px;color:#FFFFFF;}.elementor-18155 .elementor-element.elementor-element-c0e66cf{background-color:#00000000;}.elementor-18155 .elementor-element.elementor-element-4a67956{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18155 .elementor-element.elementor-element-024280e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18155 .elementor-element.elementor-element-4eaa367{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18155 .elementor-element.elementor-element-101234a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18155 .elementor-element.elementor-element-3313ee6{margin:-250px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-18155 .elementor-element.elementor-element-3313ee6.elementor-element{--align-self:center;}.elementor-18155 .elementor-element.elementor-element-ae99713{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18155 .elementor-element.elementor-element-c7fe7f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-18155 .elementor-element.elementor-element-c7fe7f0:not(.elementor-motion-effects-element-type-background), .elementor-18155 .elementor-element.elementor-element-c7fe7f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#101010;}.elementor-18155 .elementor-element.elementor-element-5e95d23{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:40px 0px 0px 0px;text-align:center;font-family:"Inter", Sans-serif;font-size:29px;font-weight:500;line-height:32px;color:#FFFFFF;}.elementor-18155 .elementor-element.elementor-element-f9b1be3{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-18155 .elementor-element.elementor-element-f9b1be3.elementor-element{--align-self:center;}.elementor-18155 .elementor-element.elementor-element-548cc20{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:35px 40px 29px 40px;text-align:center;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:19px;color:#A7A7A7;}@media(min-width:768px){.elementor-18155 .elementor-element.elementor-element-1ff5e26{--width:50%;}.elementor-18155 .elementor-element.elementor-element-4a67956{--width:50%;}}@media(max-width:767px){.elementor-18155 .elementor-element.elementor-element-6ab6580{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18155 .elementor-element.elementor-element-aa613e2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-18155 .elementor-element.elementor-element-342961f{--margin-top:-73px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18155 .elementor-element.elementor-element-4940873{margin:82px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:20px;line-height:1.2em;letter-spacing:-0.3px;}.elementor-18155 .elementor-element.elementor-element-822e69f{margin:-41px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18155 .elementor-element.elementor-element-179843d{--margin-top:-0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-18155 .elementor-element.elementor-element-612aaee{margin:-143px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18155 .elementor-element.elementor-element-612aaee.elementor-element{--align-self:center;}.elementor-18155 .elementor-element.elementor-element-c223b17{width:100%;max-width:100%;}.elementor-18155 .elementor-element.elementor-element-6cfa7e5{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-18155 .elementor-element.elementor-element-ee09629{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -18px) 0px;padding:25px 0px 0px 0px;text-align:center;font-size:18px;line-height:1.2em;letter-spacing:-0.3px;}.elementor-18155 .elementor-element.elementor-element-f030ff8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18155 .elementor-element.elementor-element-f030ff8.elementor-element{--align-self:center;}.elementor-18155 .elementor-element.elementor-element-5043ad5{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-18155 .elementor-element.elementor-element-314b177{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:17px 0px 10px 0px;text-align:center;font-size:10px;line-height:1.2em;letter-spacing:-0.3px;}.elementor-18155 .elementor-element.elementor-element-b10ce6b{margin:82px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:20px;line-height:1.2em;letter-spacing:-0.3px;}.elementor-18155 .elementor-element.elementor-element-c0e66cf{margin:-41px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18155 .elementor-element.elementor-element-5e95d23{margin:82px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:20px;line-height:1.2em;letter-spacing:-0.3px;}.elementor-18155 .elementor-element.elementor-element-548cc20{margin:82px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:20px;line-height:1.2em;letter-spacing:-0.3px;}}


/* Start custom CSS for html, class: .elementor-element-822e69f *//* Estilo para el título/pregunta encima del formulario */
.custom-form .form-title {
    color: #f0f0f0; /* Color de texto blanco/claro */
    font-size: 14px; /* Tamaño de fuente, puedes ajustarlo */
    margin-bottom: 10px; /* Espacio debajo del título y antes del primer campo */
    padding: 0;
    font-weight: normal; /* Para que no se vea demasiado grueso */
}

/* El resto de tu CSS (campos y botón) se mantiene igual */

/* Contenedor principal del formulario (Transparente) */
.custom-form {
    max-width: 400px;
    margin: 20px auto;
    padding: 0;
    font-family: Arial, sans-serif;
}

/* Estilos para los campos de entrada */
.custom-form .form-control {
    width: 100%;
    padding: 11px 10px; 
    margin-bottom: 10px; 
    border: none;
    background-color: #2c2c2c;
    color: #f0f0f0; 
    font-size: 15px;
    border-radius: 4px; 
    box-shadow: none; 
}

/* ... (El resto del CSS de campos y botón) ... */

.custom-form input[type="submit"] {
    width: 100%;
    padding: 12px;
    border: none;
    background-color: #926f5f;
    color: #ffffff; 
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s ease; 
}/* End custom CSS */







/* Start custom CSS for html, class: .elementor-element-612aaee *//* ===========================
   BOTÓN AISLADO
=========================== */
#boton-aislado {
  display: inline-block;
  position: relative;
  background-color: #2A2A2A;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  padding: 13px 48px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
  box-shadow: inset 0 0 12px rgba(231, 198, 96, 0.4);
  color: transparent;
}

#boton-aislado::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
  padding: 2.5px;
  background: linear-gradient(
    90deg,
    #7D660D 0%,
    #FFFFD3 22%,
    #E7C660 50%,
    #E7C660 88%,
    #7D660D 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

#boton-aislado span {
  background: linear-gradient(
    90deg,
    #7D660D 0%,
    #FFFFD3 22%,
    #E7C660 50%,
    #E7C660 88%,
    #7D660D 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

/* ===========================
   POPUP ESTILO
=========================== */
#popup-form-container {
  display: none; /* oculto por defecto */
  position: fixed;
  z-index: 9999;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
}

#popup-form-content {
  background: #1C1C1C;
  padding: 30px 40px;
  border-radius: 12px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 0 25px rgba(231, 198, 96, 0.3);
  position: relative;
  animation: aparecer 0.3s ease;
}

/* Animación de entrada */
@keyframes aparecer {
  from {transform: scale(0.95); opacity: 0;}
  to {transform: scale(1); opacity: 1;}
}

/* Botón de cierre */
#popup-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 22px;
  color: #E7C660;
  cursor: pointer;
}

/* ===========================
   FORMULARIO INTERNO
=========================== */
.custom-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.form-title {
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  color: #E7C660;
  margin-bottom: 10px;
  text-align: center;
}

.form-control {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #E7C660;
  background-color: #2A2A2A;
  color: #FFF;
  font-size: 16px;
  outline: none;
}

.form-control:focus {
  border-color: #FFFFD3;
  box-shadow: 0 0 6px rgba(231, 198, 96, 0.6);
}

.btn.btn-default {
  background: linear-gradient(90deg, #7D660D, #E7C660, #7D660D);
  color: #1C1C1C;
  border: none;
  padding: 12px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.2s;
}

.btn.btn-default:hover {
  filter: brightness(1.1);
}/* End custom CSS */





/* Start custom CSS for html, class: .elementor-element-f030ff8 *//* ===========================
   BOTÓN AISLADO (Nuevo ID: #boton-formulario)
=========================== */
#boton-formulario {
  display: inline-block;
  position: relative;
  background-color: #2A2A2A;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  padding: 13px 48px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
  box-shadow: inset 0 0 12px rgba(231, 198, 96, 0.4);
  color: transparent;
}

/* Borde degradado */
#boton-formulario::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
  padding: 2.5px;
  background: linear-gradient(
    90deg,
    #7D660D 0%,
    #FFFFD3 22%,
    #E7C660 50%,
    #E7C660 88%,
    #7D660D 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

/* Texto con degradado */
#boton-formulario span {
  background: linear-gradient(
    90deg,
    #7D660D 0%,
    #FFFFD3 22%,
    #E7C660 50%,
    #E7C660 88%,
    #7D660D 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

/* ===========================
   POPUP ESTILO
=========================== */
#popup-formulario {
  display: none; /* oculto por defecto */
  position: fixed;
  z-index: 9999;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
}

#popup-form-content {
  background: #1C1C1C;
  padding: 30px 40px;
  border-radius: 12px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 0 25px rgba(231, 198, 96, 0.3);
  position: relative;
  animation: aparecer 0.3s ease;
}

/* Animación de entrada */
@keyframes aparecer {
  from {transform: scale(0.95); opacity: 0;}
  to {transform: scale(1); opacity: 1;}
}

/* Botón de cierre */
#cerrar-popup {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 22px;
  color: #E7C660;
  cursor: pointer;
}

/* ===========================
   FORMULARIO INTERNO
=========================== */
.custom-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.form-title {
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  color: #E7C660;
  margin-bottom: 10px;
  text-align: center;
}

.form-control {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #E7C660;
  background-color: #2A2A2A;
  color: #FFF;
  font-size: 16px;
  outline: none;
}

.form-control:focus {
  border-color: #FFFFD3;
  box-shadow: 0 0 6px rgba(231, 198, 96, 0.6);
}

.btn.btn-default {
  background: linear-gradient(90deg, #7D660D, #E7C660, #7D660D);
  color: #1C1C1C;
  border: none;
  padding: 12px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.2s;
}

.btn.btn-default:hover {
  filter: brightness(1.1);
}/* End custom CSS */







/* Start custom CSS for html, class: .elementor-element-c0e66cf *//* Contenedor principal del formulario (Alineado a la Izquierda) */
#formulario-registro-2 {
    max-width: px;
    /* CAMBIO CLAVE AQUÍ */
    margin: 20px 0 20px 0; /* Top 20px, Right 0, Bottom 20px, Left 0 */
    /* Alternativamente, puedes usar: margin: 20px auto 20px 0; */
    padding: 0;
    font-family: Arial, sans-serif;
}

/* El resto de tu CSS (campos, título y botón) se mantiene igual */
#formulario-registro-2 .form-title {
    color: #f0f0f0; 
    font-size: 14px; 
    margin-bottom: 10px; 
    padding: 0;
    font-weight: normal; 
}

#formulario-registro-2 .form-control {
    width: 100%;
    padding: 11px 10px; 
    margin-bottom: 10px; 
    border: none;
    background-color: #2c2c2c;
    color: #f0f0f0; 
    font-size: 15px;
    border-radius: 4px; 
    box-shadow: none; 
}

#formulario-registro-2 input[type="submit"] {
    width: 100%;
    padding: 12px;
    border: none;
    background-color: #926f5f;
    color: #ffffff; 
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s ease; 
}/* End custom CSS */








/* Start custom CSS for html, class: .elementor-element-3313ee6 *//* ===========================
   BOTÓN POPUP 2
=========================== */
#popup2-boton {
  display: inline-block;
  position: relative;
  background-color: #2A2A2A;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 30px;
  text-transform: uppercase;
  padding: 15px 100px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
  box-shadow: inset 0 0 12px rgba(231, 198, 96, 0.4);
  color: transparent;
}

#popup2-boton::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
  padding: 2.5px;
  background: linear-gradient(
    90deg,
    #7D660D 0%,
    #FFFFD3 22%,
    #E7C660 50%,
    #E7C660 88%,
    #7D660D 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

#popup2-boton span {
  background: linear-gradient(
    90deg,
    #7D660D 0%,
    #FFFFD3 22%,
    #E7C660 50%,
    #E7C660 88%,
    #7D660D 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

/* ===========================
   POPUP FORMULARIO POPUP2
=========================== */
#popup2-container {
  display: none;
  position: fixed;
  z-index: 9999;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
}

#popup2-content {
  background: #1C1C1C;
  padding: 30px 40px;
  border-radius: 12px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 0 25px rgba(231, 198, 96, 0.3);
  position: relative;
  animation: popup2-aparecer 0.3s ease;
}

/* Animación */
@keyframes popup2-aparecer {
  from {transform: scale(0.95); opacity: 0;}
  to {transform: scale(1); opacity: 1;}
}

/* Botón de cierre */
#popup2-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 22px;
  color: #E7C660;
  cursor: pointer;
}

/* ===========================
   FORMULARIO INTERNO POPUP2
=========================== */
.popup2-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.popup2-title {
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  color: #E7C660;
  margin-bottom: 10px;
  text-align: center;
}

.popup2-control {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #E7C660;
  background-color: #2A2A2A;
  color: #FFF;
  font-size: 16px;
  outline: none;
}

.popup2-control:focus {
  border-color: #FFFFD3;
  box-shadow: 0 0 6px rgba(231, 198, 96, 0.6);
}

.popup2-btn {
  background: linear-gradient(90deg, #7D660D, #E7C660, #7D660D);
  color: #1C1C1C;
  border: none;
  padding: 12px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.2s;
}

.popup2-btn:hover {
  filter: brightness(1.1);
}/* End custom CSS */





/* Start custom CSS for html, class: .elementor-element-f9b1be3 *//* ===========================
   BOTÓN POPUP 3
=========================== */
#popup3-boton {
  display: inline-block;
  position: relative;
  background-color: #2A2A2A;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 28px;
  text-transform: uppercase;
  padding: 13px 100px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
  box-shadow: inset 0 0 12px rgba(231, 198, 96, 0.4);
  color: transparent;
}

#popup3-boton::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
  padding: 2.5px;
  background: linear-gradient(
    90deg,
    #7D660D 0%,
    #FFFFD3 22%,
    #E7C660 50%,
    #E7C660 88%,
    #7D660D 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

#popup3-boton span {
  background: linear-gradient(
    90deg,
    #7D660D 0%,
    #FFFFD3 22%,
    #E7C660 50%,
    #E7C660 88%,
    #7D660D 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

/* ===========================
   POPUP FORMULARIO POPUP3
=========================== */
#popup3-container {
  display: none;
  position: fixed;
  z-index: 9999;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
}

#popup3-content {
  background: #1C1C1C;
  padding: 30px 40px;
  border-radius: 12px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 0 25px rgba(231, 198, 96, 0.3);
  position: relative;
  animation: popup3-aparecer 0.3s ease;
}

/* Animación */
@keyframes popup3-aparecer {
  from {transform: scale(0.95); opacity: 0;}
  to {transform: scale(1); opacity: 1;}
}

/* Botón de cierre */
#popup3-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 22px;
  color: #E7C660;
  cursor: pointer;
}

/* ===========================
   FORMULARIO INTERNO POPUP3
=========================== */
.popup3-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.popup3-title {
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  color: #E7C660;
  margin-bottom: 10px;
  text-align: center;
}

.popup3-control {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #E7C660;
  background-color: #2A2A2A;
  color: #FFF;
  font-size: 16px;
  outline: none;
}

.popup3-control:focus {
  border-color: #FFFFD3;
  box-shadow: 0 0 6px rgba(231, 198, 96, 0.6);
}

.popup3-btn {
  background: linear-gradient(90deg, #7D660D, #E7C660, #7D660D);
  color: #1C1C1C;
  border: none;
  padding: 12px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.2s;
}

.popup3-btn:hover {
  filter: brightness(1.1);
}/* End custom CSS */