/* Arcadia — pop-up de suscripción (js/suscripcion.js) */
.sus{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:clamp(16px,4vw,40px);
  background:rgba(29,29,27,.55);opacity:0;visibility:hidden;transition:opacity .35s var(--ease,ease),visibility .35s;}
.sus.is-on{opacity:1;visibility:visible;}
.sus__caja{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  width:min(880px,100%);max-height:min(620px,92vh);overflow:hidden;
  background:var(--crema,#F7F4EE);border-radius:var(--radio-foto,14px);box-shadow:0 30px 80px rgba(29,29,27,.35);
  transform:translateY(14px) scale(.985);transition:transform .35s var(--ease,ease);}
.sus.is-on .sus__caja{transform:none;}

.sus__foto{position:relative;min-height:100%;}
.sus__foto img{width:100%;height:100%;object-fit:cover;display:block;}

.sus__cuerpo{display:flex;flex-direction:column;justify-content:center;gap:14px;
  padding:clamp(26px,3.4vw,44px);overflow:auto;}
.sus__sello{font-family:var(--f-texto,sans-serif);font-size:var(--t-xs,.75rem);letter-spacing:.14em;
  text-transform:uppercase;color:var(--naranja-texto,#B24803);margin:0;}
.sus__tit{font-family:var(--f-display,Georgia,serif);font-weight:300;line-height:1.08;
  font-size:clamp(1.6rem,2.6vw,2.2rem);color:var(--tinta,#1D1D1B);margin:0;}
.sus__txt{font-family:var(--f-texto,sans-serif);font-size:var(--t-sm,.875rem);line-height:1.6;
  color:var(--gris,#5A5A5A);margin:0;max-width:40ch;}

.sus__form{display:grid;gap:10px;margin-top:4px;}
.sus__campo{width:100%;height:46px;padding:0 14px;border:1px solid var(--linea,rgba(182,165,119,.45));
  border-radius:var(--radio,4px);background:var(--blanco,#fff);color:var(--tinta,#1D1D1B);
  font:inherit;font-family:var(--f-texto,sans-serif);font-size:var(--t-sm,.875rem);}
.sus__campo::placeholder{color:#9b968c;}
.sus__campo:focus{outline:2px solid var(--azul,#0079A9);outline-offset:1px;border-color:transparent;}
.sus__enviar{height:46px;padding:0 22px;border:0;border-radius:var(--radio,4px);
  background:var(--naranja,#F36204);color:#fff;font-family:var(--f-texto,sans-serif);
  font-size:var(--t-sm,.875rem);font-weight:600;letter-spacing:.01em;cursor:pointer;
  transition:background .2s var(--ease,ease),transform .2s var(--ease,ease);}
.sus__enviar:hover{background:var(--naranja-2,#E56425);}
.sus__enviar:active{transform:translateY(1px);}
.sus__enviar[disabled]{opacity:.6;cursor:default;}
/* etiqueta sólo para lectores de pantalla */
.sus__oculto{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
/* trampa para robots: invisible y fuera del tabulador */
.sus__trampa{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}

.sus__nota{font-family:var(--f-texto,sans-serif);font-size:var(--t-xs,.75rem);line-height:1.5;
  color:var(--gris,#5A5A5A);margin:0;}
.sus__nota a{color:var(--azul-texto,#076E95);}
.sus__aviso{font-family:var(--f-texto,sans-serif);font-size:var(--t-sm,.875rem);margin:0;min-height:1.2em;}
.sus__aviso--mal{color:#B00020;}

.sus__cerrar{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;display:grid;place-items:center;
  border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--tinta,#1D1D1B);
  font-size:20px;line-height:1;cursor:pointer;transition:background .2s var(--ease,ease);}
.sus__cerrar:hover{background:#fff;}

/* final feliz: se reemplaza el formulario por el agradecimiento */
.sus__gracias{display:grid;gap:10px;}

@media (max-width:760px){
  .sus__caja{grid-template-columns:1fr;max-height:92vh;}
  .sus__foto{height:clamp(140px,26vh,210px);min-height:0;}
  .sus__cuerpo{gap:12px;}
}
@media (prefers-reduced-motion:reduce){
  .sus,.sus__caja{transition:none;}
}