.elementor-149 .elementor-element.elementor-element-18cde82{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-f9477ae *//* ===== PARCHE: sin blur en todas las entradas ===== */

/* Entradas sin blur */
.a-fadeUp,
.a-slideL,
.a-slideR,
.a-zoomIn,
.a-cta{
  filter: none !important;
}

/* Redefino la animación de fadeUp sin blur */
.a-fadeUp{
  opacity: 0;
  transform: translateY(16px);
  animation: fadeUpNoBlur .75s ease-out forwards;
}
.a-fadeUp.d2{ animation-delay: .12s }
.a-fadeUp.d3{ animation-delay: .22s }

@keyframes fadeUpNoBlur{
  0%   { opacity:0; transform: translateY(16px); }
  60%  { opacity:1; transform: translateY(-4px); }
  100% { opacity:1; transform: translateY(0); }
}

/* Las demás entradas tampoco usarán blur */
.a-slideL{ opacity:0; transform:translateX(-28px); animation: slideNoBlur .75s .08s ease-out forwards; }
.a-slideR{ opacity:0; transform:translateX( 28px); animation: slideNoBlur .75s .14s ease-out forwards; }
@keyframes slideNoBlur{ to { opacity:1; transform:translateX(0); } }

.a-zoomIn{ opacity:0; transform:scale(.96); animation: zoomNoBlur .7s .08s ease-out forwards; }
@keyframes zoomNoBlur{ to { opacity:1; transform:scale(1); } }

.a-cta{ opacity:0; transform: translateY(14px) scale(.98); animation: ctaNoBlur .75s .1s ease-out forwards; }
@keyframes ctaNoBlur{ to { opacity:1; transform: translateY(0) scale(1); } }

/* (Opcional) si alguna tarjeta usa backdrop-filter, lo apagamos: */
/* .card, .badge, .copy, .shot { backdrop-filter: none !important; } */

/* =========================
   Hover / Focus / Active – Botones
   ========================= */

/* Base: transiciones suaves y un “shine” sutil en hover */
.btn{
  position: relative;
  overflow: hidden;                 /* para el brillo */
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background-position .18s ease,
    border-color .18s ease,
    color .18s ease;
}

/* Brillo diagonal que pasa por encima en hover */
.btn::after{
  content:"";
  position:absolute; inset:-40% -10%;
  background: linear-gradient(120deg, transparent 0 35%, rgba(255,255,255,.35) 50%, transparent 65% 100%);
  transform: translateX(-120%);
  transition: transform .45s ease;
  pointer-events:none;
}
.btn:hover::after{ transform: translateX(0); }

/* Levanta y hace sombra */
.btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 38px rgba(0,0,0,.22);
}
.btn:active{
  transform: translateY(0);
  box-shadow: 0 10px 20px rgba(0,0,0,.18) inset;
}

/* Accesible: anillo en teclado */
.btn:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 3px rgba(154,195,59,.45),
    0 12px 26px rgba(0,0,0,.22);
}

/* ---- Variantes ---- */

/* Gradiente con “desplazamiento” al hover */
.btn.primary{
  background-image: linear-gradient(90deg,var(--verde),var(--verde2));
  background-size: 160% 100%;
  background-position: left center;
  color:#0c2e52;
  border-color: transparent;
}
.btn.primary:hover{
  background-position: right center;            /* corre el gradiente */
}

/* Ghost en fondos oscuros: más contraste al hover */
.btn.ghost{
  background: rgba(255,255,255,.12);
  color:#fff;
  border:1px solid rgba(255,255,255,.38);
}
.btn.ghost:hover{
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.55);
}
.btn.ghost:active{
  background: rgba(255,255,255,.22);
}

/* (Opcional) si el botón incluye íconos SVG, anímalos tantito */
.btn svg{
  width:18px;height:18px;
  transition: transform .18s ease, opacity .18s ease;
}
.btn:hover svg{ transform: translateX(2px); }
.btn:active svg{ transform: translateX(0); }

/* Respeta usuarios con menos movimiento */
@media (prefers-reduced-motion: reduce){
  .btn,
  .btn::after,
  .btn svg{ transition:none !important }
}/* End custom CSS */