/* Botón de escala (FDS). Mismo comportamiento que el Jet Button "hover-effect-0": dos capas (color + texto) que se cruzan al pasar el mouse.
   Clases neutras (pasfed-*): sin "ad", "spot" ni "banner". Los valores por defecto son los del Jet Button que usa la web; el panel de Elementor los pisa. */
.pasfed-boton{display:flex;justify-content:center}
.pasfed-boton__enlace{position:relative;display:block;box-sizing:border-box;width:100%;max-width:100%;height:120px;cursor:pointer;text-decoration:none;color:#fff}
.pasfed-boton__plano{position:absolute;top:0;left:0;display:block;width:100%;height:100%;transition:opacity .3s cubic-bezier(.5,.12,.46,.88)}
.pasfed-boton__plano--normal{z-index:1;opacity:1;background-color:#82b717}
.pasfed-boton__plano--hover{z-index:3;opacity:0;background-color:#006633}
.pasfed-boton__estado{display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;width:100%;height:100%;padding:10px 30px;transition:opacity .3s cubic-bezier(.5,.12,.46,.88)}
.pasfed-boton__estado--normal{position:relative;z-index:2;opacity:1}
.pasfed-boton__estado--hover{position:absolute;top:0;left:0;z-index:4;opacity:0}
.pasfed-boton__icono{display:flex;align-items:center;justify-content:center;width:.5em;height:.5em;margin-right:30px;font-size:50px;line-height:1;color:#fff}
.pasfed-boton__icono svg{width:1em;height:1em;fill:currentColor}
.pasfed-boton__texto{color:#fff;font-weight:700;line-height:1.2em;text-align:left}
.pasfed-boton__estado--normal .pasfed-boton__texto{font-size:25px}
.pasfed-boton__estado--hover .pasfed-boton__texto{font-size:24px}
.pasfed-boton__enlace:hover .pasfed-boton__plano--normal,
.pasfed-boton__enlace:focus-visible .pasfed-boton__plano--normal,
.pasfed-boton__enlace:hover .pasfed-boton__estado--normal,
.pasfed-boton__enlace:focus-visible .pasfed-boton__estado--normal{opacity:0}
.pasfed-boton__enlace:hover .pasfed-boton__plano--hover,
.pasfed-boton__enlace:focus-visible .pasfed-boton__plano--hover,
.pasfed-boton__enlace:hover .pasfed-boton__estado--hover,
.pasfed-boton__enlace:focus-visible .pasfed-boton__estado--hover{opacity:1}
/* Avisos solo del editor (nunca salen en la página pública). */
/* 1) Debajo del botón, siempre. */
.pasfed-aviso{margin:8px 0 0;padding:8px 10px;border-radius:4px;background:#f4f4f4;font:13px/1.4 sans-serif;color:#333}
/* 2) Franja amarilla al pie de la vista previa, de punta a punta, solo del botón seleccionado. */
.pasfed-barra{display:none}
.elementor-element-editable .pasfed-barra{display:block;position:fixed;left:0;right:0;bottom:36px;z-index:99999;box-sizing:border-box;margin:0;padding:10px 20px;background:#fff3b0;border-top:2px solid #e0c200;font:14px/1.4 sans-serif;color:#333}
.pasfed-aviso p,.pasfed-barra p{margin:0 0 4px}
.pasfed-aviso p:last-child,.pasfed-barra p:last-child{margin:0}
.pasfed-aviso .ok,.pasfed-barra .ok{color:#1a7f37}.pasfed-aviso .av,.pasfed-barra .av{color:#92400e}.pasfed-aviso .mal,.pasfed-barra .mal{color:#b42318}
/* 3) Tilde o cruz gigante: aparece en fade, se queda, y se achica hacia la franja amarilla (3 s). Al seleccionar el botón vuelve a empezar. */
.pasfed-gigante{display:none;fill:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:round}
.pasfed-gigante--ok{stroke:#1a7f37}
.pasfed-gigante--mal{stroke:#b42318}
.pasfed-gigante--av{stroke:#d97706}
.elementor-element-editable .pasfed-gigante{display:block;position:fixed;left:50%;top:50%;width:240px;height:240px;margin:-120px 0 0 -120px;z-index:100000;pointer-events:none;opacity:0;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px #fff);animation:pasfed-gigante 3s ease-in-out forwards}
@keyframes pasfed-gigante{
 0%{opacity:0;transform:translateY(0) scale(.8)}
 20%{opacity:.95;transform:translateY(0) scale(1)}
 55%{opacity:.95;transform:translateY(0) scale(1)}
 100%{opacity:0;transform:translateY(calc(50vh - 70px)) scale(.12)}
}