/* CCM Newsletter 1.1 — Minimalista oscuro.
   Todas las reglas estan aisladas en .ccmnl-* para no afectar Blocksy,
   CCM Dos Blogs ni CCM Publicador Editorial. */
.ccmnl-inline-wrap,.ccmnl-modal,.ccmnl-card,.ccmnl-card *{box-sizing:border-box}

/* TARJETA PRINCIPAL: dos zonas de contenido, sin lineas ni bordes. */
.ccmnl-card{
  --ccmnl-forest:#103f35;
  --ccmnl-light:#f9faf5;
  --ccmnl-muted:#d7e4dc;
  --ccmnl-button:#bdd0b4;
  --ccmnl-focus:#f0d3a6;
  isolation:isolate;
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  grid-template-rows:auto auto 1fr;
  align-items:center;
  column-gap:clamp(30px,4vw,72px);
  width:100%;max-width:1160px;
  margin:0 auto;
  padding:clamp(34px,5vw,72px);
  border:0!important;
  border-radius:22px!important;
  background:radial-gradient(ellipse at 100% 10%,rgba(83,134,108,.26),transparent 52%),
    linear-gradient(135deg,#103f35 0%,#123d33 65%,#0e332c 100%);
  box-shadow:none;
  color:var(--ccmnl-light);
  text-align:left;
  font-family:Inter,'DM Sans',system-ui,Arial,sans-serif;
}
/* Evitar repetir la etiqueta pequena encima del gran titular. */
.ccmnl-card .ccmnl-eyebrow{display:none}
.ccmnl-card h2{
  grid-column:1;
  grid-row:1;
  align-self:end;
  max-width:590px;
  margin:0 0 16px;
  color:#fff!important;
  font:500 clamp(30px,3.3vw,48px)/1.16 'Playfair Display',Georgia,serif;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.ccmnl-card p.ccmnl-description{
  grid-column:1;
  grid-row:2;
  align-self:start;
  max-width:500px;
  margin:0;
  color:var(--ccmnl-muted)!important;
  font:400 clamp(14px,1.1vw,16px)/1.7 Inter,system-ui,sans-serif;
}
.ccmnl-card .ccmnl-form{
  grid-column:2;
  grid-row:1 / 4;
  align-self:center;
  min-width:0;
  width:100%;max-width:none;
  padding:0!important;
  margin:0!important;
}
.ccmnl-card .ccmnl-inputrow{display:flex;flex-direction:column;gap:10px;min-width:0;width:100%;max-width:none}
.ccmnl-card .ccmnl-inputrow input[type=email]{
  display:block;flex:1;min-width:0;width:100%;min-height:56px;
  margin:0!important;padding:16px 19px!important;
  border:1px solid transparent!important;border-radius:10px!important;
  background:#f9faf6!important;color:#173d32!important;
  box-shadow:none!important;
  font:400 15px/1.3 Inter,system-ui,sans-serif!important;
  letter-spacing:0!important;
}
.ccmnl-card .ccmnl-inputrow input[type=email]::placeholder{color:#74857c;opacity:1}
.ccmnl-card .ccmnl-inputrow button{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  width:100%;min-height:52px;flex:0 0 auto;
  margin:0!important;padding:14px 22px!important;
  border:0!important;border-radius:10px!important;
  background:var(--ccmnl-button)!important;color:#103f35!important;
  box-shadow:none!important;
  font:700 14px/1.3 Inter,system-ui,sans-serif!important;
  text-transform:none!important;letter-spacing:0!important;
  white-space:nowrap;cursor:pointer;
  transition:background .2s ease,transform .2s ease;
}
.ccmnl-card .ccmnl-inputrow button:hover{background:#d3dfcb!important;transform:translateY(-1px)}
.ccmnl-card .ccmnl-inputrow button span{font-size:17px;line-height:1}
.ccmnl-card .ccmnl-consent{
  display:flex;align-items:flex-start;gap:11px;
  margin:16px 0 0;
  color:var(--ccmnl-muted)!important;
  font:400 12px/1.6 Inter,system-ui,sans-serif;
  text-transform:none;letter-spacing:0;cursor:pointer;
}
.ccmnl-card .ccmnl-consent input{
  flex:0 0 17px;width:17px!important;height:17px!important;
  margin:1px 0 0!important;accent-color:#bdd0b4;cursor:pointer;
}
.ccmnl-card .ccmnl-consent span{display:block;max-width:550px}
.ccmnl-card .ccmnl-consent a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
.ccmnl-card .ccmnl-legal{
  margin:11px 0 0;
  color:#b7cbc0!important;
  font:400 11px/1.6 Inter,system-ui,sans-serif;
}
.ccmnl-card :is(input,button,a):focus-visible,.ccmnl-close:focus-visible{
  outline:3px solid var(--ccmnl-focus)!important;outline-offset:3px!important;
}
.ccmnl-feedback{
  grid-column:1/-1;
  padding:12px 15px;margin:0 0 22px;
  border:0;border-radius:8px;
  background:#e8f1e8;color:#103f35;
  font:500 13px/1.5 Inter,system-ui,sans-serif;
}
.ccmnl-feedback--error,.ccmnl-feedback--invalid{background:#fff0e9;color:#813e2c}
.ccmnl-trap{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Insercion automatica en entradas y paginas. */
.ccmnl-inline-wrap{width:100%;max-width:1160px;margin:56px auto 0;clear:both}
body.ccm-demo-page .ccmnl-inline-wrap{
  width:100vw;max-width:none;position:relative;left:50%;margin-left:-50vw;
  margin-top:0;padding:44px 26px 70px;background:#f4f0e7;
}
body.ccm-demo-page-2 .ccmnl-inline-wrap{background:#f8faf7}
body.ccm-demo-page .ccmnl-inline-wrap .ccmnl-card{max-width:1350px}
body.ccm-editorial-post .ccmnl-inline-wrap{max-width:970px;margin-top:60px}
/* Teaser sustituido dentro de Blog 1 / Blog 2. */
.ccm-blog .ccmnl-embedded-wrap{margin:70px 0 0}
.ccm-blog .ccmnl-embedded-wrap .ccmnl-card{
  max-width:none;margin:0;padding:clamp(34px,5vw,64px);
  border:0!important;border-radius:22px!important;
  background:radial-gradient(ellipse at 100% 10%,rgba(83,134,108,.26),transparent 52%),linear-gradient(135deg,#103f35,#0e332c);
  color:#fff;
}
/* Las dos lineas de blog comparten la tarjeta oscura; no alterar sus fondos externos. */
.ccm-b1 .ccmnl-embedded-wrap .ccmnl-card h2,
.ccm-b2 .ccmnl-embedded-wrap .ccmnl-card h2{color:#fff!important}
.ccm-b1 .ccmnl-embedded-wrap .ccmnl-description,
.ccm-b2 .ccmnl-embedded-wrap .ccmnl-description,
.ccm-b1 .ccmnl-embedded-wrap .ccmnl-consent,
.ccm-b2 .ccmnl-embedded-wrap .ccmnl-consent{color:#d7e4dc!important}

/* Popup: misma identidad; composicion de una columna para el cuadro compacto. */
.ccmnl-modal[hidden]{display:none!important}
.ccmnl-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:18px}
.ccmnl-overlay{position:fixed;inset:0;background:rgba(8,26,20,.70);backdrop-filter:blur(4px)}
.ccmnl-dialog{
  position:relative;z-index:1;width:min(100%,570px);
  max-height:calc(100dvh - 36px);overflow-y:auto;
  border:0;border-radius:20px;background:#103f35;
  box-shadow:0 20px 70px rgba(0,0,0,.25);overscroll-behavior:contain;
}
.ccmnl-modal .ccmnl-card{
  display:flex;flex-direction:column;align-items:stretch;
  padding:clamp(30px,4vw,48px);max-width:none;min-width:0;
  border:0;border-radius:0!important;
}
.ccmnl-modal .ccmnl-card h2{font-size:clamp(29px,3vw,40px);margin:0 0 14px}
.ccmnl-modal .ccmnl-card p.ccmnl-description{margin:0 0 25px}
.ccmnl-modal .ccmnl-card .ccmnl-form{width:100%}
.ccmnl-modal .ccmnl-close{
  position:absolute;z-index:3;top:9px;right:12px;
  display:grid;place-items:center;width:40px;height:40px;
  padding:0!important;border:0!important;border-radius:50%!important;
  background:rgba(255,255,255,.10)!important;box-shadow:none!important;
  color:#fff!important;cursor:pointer;font:300 28px/1 sans-serif!important;
}
.ccmnl-modal .ccmnl-modal-title{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
body.ccmnl-lock-scroll{overflow:hidden}
@media(max-width:900px){
  .ccmnl-card{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:clamp(30px,5vw,52px);gap:0}
  .ccmnl-card h2{grid-column:1;grid-row:1;max-width:740px}
  .ccmnl-card p.ccmnl-description{grid-column:1;grid-row:2;max-width:650px;margin-bottom:24px}
  .ccmnl-card .ccmnl-form{grid-column:1;grid-row:3}
  .ccmnl-card .ccmnl-inputrow{flex-direction:row}
  .ccmnl-card .ccmnl-inputrow input[type=email]{flex:1;width:auto}
  .ccmnl-card .ccmnl-inputrow button{width:auto;min-width:150px}
  .ccmnl-modal .ccmnl-card .ccmnl-inputrow{flex-direction:column}
  .ccmnl-modal .ccmnl-card .ccmnl-inputrow button{width:100%}
}
@media(max-width:600px){
  .ccmnl-card,.ccm-blog .ccmnl-embedded-wrap .ccmnl-card{padding:30px 23px;border-radius:16px!important}
  .ccmnl-card h2{font-size:clamp(29px,8vw,36px)}
  .ccmnl-card p.ccmnl-description{font-size:14px;line-height:1.65;margin-bottom:23px}
  .ccmnl-card .ccmnl-inputrow{flex-direction:column;gap:9px}
  .ccmnl-card .ccmnl-inputrow input[type=email]{width:100%;min-height:52px}
  .ccmnl-card .ccmnl-inputrow button{width:100%;min-height:50px}
  .ccmnl-card .ccmnl-consent{font-size:11.5px}
  .ccmnl-card .ccmnl-legal{font-size:10.5px}
  .ccm-blog .ccmnl-embedded-wrap{margin-top:44px}
  body.ccm-demo-page .ccmnl-inline-wrap{padding:24px 14px 50px}
  .ccmnl-modal{padding:12px}
  .ccmnl-dialog{max-height:calc(100dvh - 24px)}
  .ccmnl-modal .ccmnl-card{padding:43px 24px 29px;border-radius:0!important}
}
@media(prefers-reduced-motion:reduce){.ccmnl-card .ccmnl-inputrow button{transition:none}.ccmnl-card .ccmnl-inputrow button:hover{transform:none}}