/* ==========================================================================
   IE POPUPS — Estilos con el diseño IE
   ========================================================================== */
.iep{
	--iep-panel:  var(--ie-bg-elevated, #24242f);
	--iep-code:   var(--ie-bg-code, #14141b);
	--iep-text:   var(--ie-text, #c8c8d6);
	--iep-head:   var(--ie-heading, #fbfbfd);
	--iep-muted:  var(--ie-muted, #9c9cb0);
	--iep-teal:   var(--ie-teal, #3ac7d4);
	--iep-btn:    var(--ie-teal-btn, #007287);
	--iep-btn-h:  var(--ie-teal-deep, #0092b2);
	--iep-green:  var(--ie-green, #a8c546);
	--iep-wa:     var(--ie-whatsapp, #25d366);
	--iep-border: var(--ie-border-strong, rgba(255,255,255,.16));
	--iep-mono:   var(--ie-mono, 'Ubuntu Mono', monospace);
	--iep-sans:   var(--ie-sans, 'Inter', system-ui, sans-serif);
	position:fixed;z-index:9970;font-family:var(--iep-sans)
}
.iep[hidden]{display:none!important}

.iep__overlay{position:absolute;inset:0;background:rgba(10,10,14,.78);backdrop-filter:blur(6px)}
.iep__panel{position:relative;background:var(--iep-panel);border:1px solid var(--iep-border);border-radius:14px;box-shadow:0 22px 64px rgba(0,0,0,.55);max-width:var(--iep-ancho,560px);width:100%;max-height:90vh;overflow-y:auto;overscroll-behavior:contain}

/* ---- Tipos ---- */
.iep--modal,.iep--pantalla{inset:0;display:flex;align-items:center;justify-content:center;padding:24px}
.iep--pantalla .iep__panel{max-width:820px}
.iep--esquina{left:20px;bottom:20px;max-width:calc(100vw - 40px)}
.iep--esquina .iep__panel{animation:iep-esquina .35s cubic-bezier(.2,.8,.2,1)}
.iep--lateral{inset:0;display:flex;justify-content:flex-end}
.iep--lateral .iep__overlay{z-index:0}
.iep--lateral .iep__panel{max-width:var(--iep-ancho,440px);height:100%;max-height:100%;border-radius:0;border-right:0;border-top:0;border-bottom:0;animation:iep-lateral .3s cubic-bezier(.2,.8,.2,1)}
.iep--barra{top:0;left:0;right:0}
.iep--barra .iep__panel{max-width:none;width:100%;border-radius:0;border-left:0;border-right:0;border-top:0;max-height:none;animation:iep-barra .3s cubic-bezier(.2,.8,.2,1)}
.iep--barra .iep__cont{display:flex;align-items:center;gap:20px;flex-wrap:wrap;max-width:var(--ie-max,1440px);margin:0 auto;padding:16px 24px}
.iep--barra .iep__titulo{font-size:1.05rem;margin:0}
.iep--barra .iep__texto{margin:0;flex:1;min-width:200px}
.iep--barra .iep__acciones{margin:0}

.iep--modal .iep__panel{animation:iep-modal .28s cubic-bezier(.2,.8,.2,1)}
@keyframes iep-modal{from{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:none}}
@keyframes iep-esquina{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes iep-lateral{from{transform:translateX(100%)}to{transform:none}}
@keyframes iep-barra{from{transform:translateY(-100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.iep__panel{animation:none!important}}

/* ---- Contenido ---- */
.iep__cont{padding:clamp(24px,4vw,36px)}
.iep .iep__cerrar{position:absolute;top:12px;right:12px;z-index:3;display:flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;margin:0!important;background:rgba(255,255,255,.07)!important;background-image:none!important;border:1px solid var(--iep-border)!important;border-radius:8px!important;color:var(--iep-head)!important;font-size:14px!important;line-height:1!important;font-weight:400!important;box-shadow:none!important;cursor:pointer;transition:all .16s}
.iep .iep__cerrar:hover{background:rgba(255,255,255,.14)!important;color:var(--iep-teal)!important}
.iep__icono{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:rgba(58,199,212,.12);color:var(--iep-teal);margin-bottom:18px}
.iep__kicker{font-family:var(--iep-mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--iep-teal);margin:0 0 12px}
.iep__titulo{font-family:var(--iep-mono);font-weight:400;font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.25;color:var(--iep-head);margin:0 0 14px}
.iep__texto{font-size:15.5px;font-weight:300;line-height:1.7;color:var(--iep-text)}
.iep__texto p{margin:0 0 .9em}
.iep__texto p:last-child{margin:0}
.iep__texto a{color:var(--iep-teal)}
.iep__lista{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.iep__lista li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;font-weight:300;line-height:1.55;color:var(--iep-text)}
.iep__check{color:var(--iep-green);width:18px;height:18px;flex:none;margin-top:2px}
.iep__form{margin-top:22px}

.iep__acciones{margin:24px 0 0;display:flex;flex-wrap:wrap;gap:12px}
.iep .iep__btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--iep-mono);font-size:15.5px;font-weight:700;line-height:1;padding:15px 26px;border-radius:6px;border:1px solid transparent;text-decoration:none!important;cursor:pointer;transition:all .18s}
.iep .iep__btn--primary{background:var(--iep-btn);color:#fff!important}
.iep .iep__btn--primary:hover{background:var(--iep-btn-h)}
.iep .iep__btn--outline{background:transparent;border-color:var(--iep-border);color:var(--iep-head)!important;font-weight:400}
.iep .iep__btn--outline:hover{border-color:var(--iep-btn-h);color:var(--iep-teal)!important}
.iep .iep__btn--whatsapp{background:var(--iep-wa);color:#0b1a10!important}
.iep .iep__rechazo{display:block;margin:16px 0 0;padding:0!important;background:none!important;border:0!important;color:var(--iep-muted)!important;font-family:var(--iep-sans)!important;font-size:13.5px!important;font-weight:300!important;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.iep .iep__rechazo:hover{color:var(--iep-text)!important}

/* ---- Imagen ---- */
.iep__img{margin:0}
.iep__img img{display:block;width:100%;height:auto}
.iep--split .iep__panel{display:grid;grid-template-columns:38% 1fr;align-items:stretch;max-width:calc(var(--iep-ancho,560px) * 1.5)}
.iep--split .iep__img{height:100%}
.iep--split .iep__img img{height:100%;object-fit:cover}
@media (max-width:640px){.iep--split .iep__panel{grid-template-columns:1fr}.iep--split .iep__img img{max-height:180px}}
.iep--fondo .iep__panel{background-size:cover;background-position:center}
.iep--fondo .iep__cont{background:linear-gradient(180deg,rgba(20,20,27,.55),rgba(20,20,27,.94))}

/* ---- Disparador ---- */
.iep__trigger{background:none;border:0;padding:0;color:var(--ie-teal,#3ac7d4);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

@media (max-width:640px){
	.iep--modal,.iep--pantalla{padding:0;align-items:flex-end}
	.iep--modal .iep__panel,.iep--pantalla .iep__panel{max-width:none;border-radius:14px 14px 0 0;max-height:88vh}
	.iep--esquina{left:0;right:0;bottom:0;max-width:none}
	.iep--esquina .iep__panel{border-radius:14px 14px 0 0;max-width:none}
	.iep--lateral .iep__panel{max-width:100%}
	.iep--barra .iep__cont{padding:14px 16px;gap:12px}
}