.elementor-1086 .elementor-element.elementor-element-655ddcb{--display:flex;--min-height:700px;--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;--justify-content:center;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overflow:hidden;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:13%;}.elementor-1086 .elementor-element.elementor-element-655ddcb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1086 .elementor-element.elementor-element-3b98bb1c{--display:flex;--overlay-opacity:0.5;--border-radius:2px 2px 2px 2px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15);--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-1086 .elementor-element.elementor-element-3b98bb1c:not(.elementor-motion-effects-element-type-background), .elementor-1086 .elementor-element.elementor-element-3b98bb1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1086 .elementor-element.elementor-element-3b98bb1c::before, .elementor-1086 .elementor-element.elementor-element-3b98bb1c > .elementor-background-video-container::before, .elementor-1086 .elementor-element.elementor-element-3b98bb1c > .e-con-inner > .elementor-background-video-container::before, .elementor-1086 .elementor-element.elementor-element-3b98bb1c > .elementor-background-slideshow::before, .elementor-1086 .elementor-element.elementor-element-3b98bb1c > .e-con-inner > .elementor-background-slideshow::before, .elementor-1086 .elementor-element.elementor-element-3b98bb1c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1086 .elementor-element.elementor-element-1557282{width:var( --container-widget-width, 111.365% );max-width:111.365%;--container-widget-width:111.365%;--container-widget-flex-grow:0;}.elementor-1086 .elementor-element.elementor-element-1557282.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1086 .elementor-element.elementor-element-1557282 .elementor-field-group{margin-bottom:10px;}.elementor-1086 .elementor-element.elementor-element-1557282 .elementor-form-fields-wrapper{margin-bottom:-10px;}body .elementor-1086 .elementor-element.elementor-element-1557282 .elementor-field-group > label{padding-bottom:0px;}.elementor-1086 .elementor-element.elementor-element-1557282 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1086 .elementor-element.elementor-element-1557282 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1086 .elementor-element.elementor-element-68da196 .elementor-button{background-color:#02010100;fill:#2563EB;color:#2563EB;border-style:none;}.elementor-1086 .elementor-element.elementor-element-68da196 .elementor-button:hover, .elementor-1086 .elementor-element.elementor-element-68da196 .elementor-button:focus{color:#1D4ED8;}.elementor-1086 .elementor-element.elementor-element-68da196 .elementor-button:hover svg, .elementor-1086 .elementor-element.elementor-element-68da196 .elementor-button:focus svg{fill:#1D4ED8;}#elementor-popup-modal-1086 .dialog-widget-content{animation-duration:0.3s;background-color:rgba(0,0,0,0);}#elementor-popup-modal-1086{background-color:#00000082;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1086 .dialog-message{width:801px;height:auto;}@media(max-width:1024px){.elementor-1086 .elementor-element.elementor-element-655ddcb{--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:12%;}.elementor-1086 .elementor-element.elementor-element-3b98bb1c{--padding-top:6%;--padding-bottom:6%;--padding-left:10%;--padding-right:21%;}}@media(max-width:767px){.elementor-1086 .elementor-element.elementor-element-655ddcb{--width:896.545px;--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-1086 .elementor-element.elementor-element-3b98bb1c{--padding-top:15%;--padding-bottom:15%;--padding-left:10%;--padding-right:10%;}}/* Start custom CSS for html, class: .elementor-element-df1b8fe */.popup-close-btn {
  position: absolute;
  top: -40px;
  right: -30px;
  font-size: 28px;
  font-weight: 700;
  color: #1F2937;
  cursor: pointer;
  z-index: 9999;
  transition: transform .15s ease, filter .15s ease;
}

.popup-close-btn:hover {
  transform: scale(1.1);
  filter: brightness(0.8);
}/* End custom CSS */
/* Start custom CSS for login, class: .elementor-element-1557282 *//* =========================================
   POPUP LOGIN — estilo limpio (match registro)
   Scope: .espes-login-popup
   ========================================= */

:root{
  --espes-brand:#C6D312;
  --espes-brand-600:#AEBB10;
  --espes-text:#111827;
  --espes-muted:#6B7280;
  --espes-border:#D1D5DB;
  --espes-bg:#F9FAFB;
}

/* Card */
.espes-login-popup .elementor-widget-login .elementor-widget-container{
  max-width:480px !important;
  margin:0 auto !important;
  padding:28px !important;
  background:#fff !important;
  border-radius:2px !important;
  box-shadow:0 12px 30px rgba(0,0,0,.12) !important;
  position:relative !important;
  overflow:hidden !important;
}
.espes-login-popup .elementor-widget-login .elementor-widget-container::after{
  content:"";
  position:absolute; right:-60px; bottom:-60px; width:220px; height:220px;
  background:radial-gradient(closest-side,#EEF3D1,transparent) !important;
}

/* Labels + campos */
.espes-login-popup .elementor-widget-login label{
  display:block !important;
  margin-bottom:6px !important;
  font-weight:600 !important;
  color:var(--espes-text) !important;
}
.espes-login-popup .elementor-widget-login input[type="text"],
.espes-login-popup .elementor-widget-login input[type="email"],
.espes-login-popup .elementor-widget-login input[type="password"]{
  width:100% !important;
  padding:12px 14px !important;
  border:1px solid var(--espes-border) !important;
  border-radius:2px !important;
  background:var(--espes-bg) !important;
  transition:box-shadow .2s, border-color .2s, background .2s !important;
}
.espes-login-popup .elementor-widget-login input[type="text"]:focus,
.espes-login-popup .elementor-widget-login input[type="email"]:focus,
.espes-login-popup .elementor-widget-login input[type="password"]:focus{
  outline:none !important;
  border-color:var(--espes-brand) !important;
  box-shadow:0 0 0 3px rgba(198,211,18,.22) !important;
  background:#fff !important;
}
.espes-login-popup .elementor-widget-login .elementor-field-group{ margin-bottom:14px !important; }

/* ===========================
   RECUÉRDAME (checkbox + texto)
   =========================== */

.espes-login-popup .elementor-widget-login .elementor-rememberme,
.espes-login-popup .elementor-widget-login .elementor-remember-me{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
  width:auto !important;
  max-width:none !important;
  margin:6px 0 14px !important;
}

/* Evitamos que Elementor ponga span.elementor-field-option a 100% */
.espes-login-popup .elementor-widget-login .elementor-field-option{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto !important;
}

/* Checkbox + texto juntos */
.espes-login-popup label[for="rememberme"],
.espes-login-popup label[for="elementor-login-remember-me"],
.espes-login-popup .elementor-widget-login .elementor-remember-me label{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 !important;
  font-weight:500 !important;
  color:var(--espes-text) !important;
}

/* Texto del "Recuérdame" forzado en español */
.espes-login-popup label[for="rememberme"]::after,
.espes-login-popup label[for="elementor-login-remember-me"]::after,
.espes-login-popup .elementor-widget-login .elementor-remember-me label::after{
  content:"Recuérdame";
  font-size:14px !important;
  color:var(--espes-text) !important;
}
.espes-login-popup label[for="rememberme"],
.espes-login-popup label[for="elementor-login-remember-me"],
.espes-login-popup .elementor-widget-login .elementor-remember-me label{
  font-size:0 !important;
}

/* Checkbox sin color verde ni sombra */
.espes-login-popup input[type="checkbox"]{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  min-height:16px !important;
  margin:0 !important;
  appearance:auto !important;
  -webkit-appearance:auto !important;
  accent-color:initial !important;
  box-shadow:none !important;
  outline:none !important;
}
.espes-login-popup input[type="checkbox"]:focus{ box-shadow:none !important; }

/* ===========================
   Botón
   =========================== */
.espes-login-popup .elementor-widget-login .elementor-button{
  width:100% !important;
  height:42px !important;
  padding:0 14px !important;
  border-radius:2px !important;
  font-weight:700 !important;
  font-size:14px !important;
  background:var(--espes-brand) !important;
  color:#1F2937 !important;
  border:none !important;
  transition:transform .15s ease, filter .15s ease !important;
}
.espes-login-popup .elementor-widget-login .elementor-button:hover{
  background:var(--espes-brand-600) !important;
  transform:translateY(-1px) !important;
}

/* ===========================
   Enlace "¿Has olvidado tu contraseña?"
   =========================== */
.espes-login-popup a[href*="lostpassword"],
.espes-login-popup .elementor-widget-login .elementor-lost-password{
  display:inline-block !important;
  margin-top:10px !important;
  font-size:14px !important;
  color:var(--espes-muted) !important;
  text-decoration:none !important;
  transition:color .2s ease !important;
}
.espes-login-popup a[href*="lostpassword"]:hover,
.espes-login-popup .elementor-widget-login .elementor-lost-password:hover{
  color:var(--espes-text) !important;
  text-decoration:underline !important;
}
/* Forzamos texto español */
.espes-login-popup a[href*="lostpassword"]::after,
.espes-login-popup .elementor-widget-login .elementor-lost-password::after{
  content:"¿Has olvidado tu contraseña?";
  font-size:14px !important;
  color:inherit !important;
}
.espes-login-popup a[href*="lostpassword"],
.espes-login-popup .elementor-widget-login .elementor-lost-password{
  font-size:0 !important;
}

/* ===========================
   Mensajes de error
   =========================== */
.espes-login-popup .elementor-widget-login .elementor-message-danger{
  background:#FEF2F2 !important;
  color:#991B1B !important;
  border:1px solid #FECACA !important;
  border-radius:2px !important;
  padding:10px 12px !important;
  margin-bottom:12px !important;
}

/* Responsive */
@media (max-width:480px){
  .espes-login-popup .elementor-widget-login .elementor-widget-container{ padding:20px !important; }
  .espes-login-popup .elementor-widget-login .elementor-rememberme,
  .espes-login-popup .elementor-widget-login .elementor-remember-me{ flex-wrap:wrap !important; }
}

/* Que el wrapper del botón ocupe todo el ancho */
.espes-login-popup .elementor-button-wrapper{
  width: 100% !important;
}

/* Mensaje de error/success a ancho completo y con más separación */
.espes-login-popup .espes-login-msg{
  display: block;
  width: 100% !important;
  box-sizing: border-box;
  margin: 14px 0 16px !important; /* más espacio arriba y abajo */
  padding: 12px 14px;             /* un pelín más de aire */
  border-radius: 8px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-68da196 *//* Caso 1: clase puesta en el WRAPPER del widget botón */
.espes-link-btn .elementor-button {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  min-height: auto !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #C6D312 !important;   /* verde marca */
  text-decoration: underline;
  box-shadow: none !important;
  cursor: pointer;
}
.espes-link-btn .elementor-button:hover {
  color: #AEBB10 !important;
}

/* Caso 2: clase puesta DIRECTAMENTE en el <a> (si usas Atributos) */
a.elementor-button.espes-link-btn,
a.elementor-button-link.espes-link-btn {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  min-height: auto !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #C6D312 !important;
  text-decoration: underline;
  box-shadow: none !important;
  cursor: pointer;
}
a.elementor-button.espes-link-btn:hover,
a.elementor-button-link.espes-link-btn:hover {
  color: #AEBB10 !important;
}/* End custom CSS */