/* La página /newsletter/ (cmw-blog-diseno 0.5.0, 6-nov-2026). Maqueta aprobada por Sergio:
   https://claude.ai/artifact/3guHvVAz5ytCotBtsh31hh. Misma letra y colores que la revista del blog.
   El formulario es el de Brevo (sus clases, que su script busca); aquí solo su aspecto.
   0.6.0: la página está en el editor (bloques de WordPress con estas mismas clases); vale para los dos marcados. */

@font-face{font-family:'CMW Piazzolla';src:url('fuentes/cmw-piazzolla.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'CMW Piazzolla';src:url('fuentes/cmw-piazzolla-italica.woff2') format('woff2');font-weight:400 800;font-style:italic;font-display:swap}
@font-face{font-family:'CMW Archivo';src:url('fuentes/cmw-archivo.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}

/* Kadence: sin márgenes alrededor del contenido, para que la banda dorada toque la cabecera y la del final el pie. */
body.cmw-nl-pagina .content-area{margin-top:0;margin-bottom:0}
body.cmw-nl-pagina .content-container.site-container{max-width:none;padding-left:0;padding-right:0}
body.cmw-nl-pagina .entry-content-wrap{padding:0}
body.cmw-nl-pagina article.entry{box-shadow:none;border-radius:0;background:transparent}
body.cmw-nl-pagina .entry-content{margin:0}

.cmw-nl{--nl-tinta:#1B120B;--nl-marron:#543013;--nl-oro:#E4C387;--nl-crema:#F7F1E8;--nl-gris:#6B5B4E;--nl-gris2:#4A3B30;--nl-gris3:#5A4A3E;--nl-gris4:#3D2E23;--nl-oscuro:#2B1D12;--nl-linea:#E6DDD3;--nl-serif:'CMW Piazzolla',Georgia,'Times New Roman',serif;--nl-sans:'CMW Archivo',Arial,Helvetica,sans-serif;background:#fff;color:var(--nl-tinta);font-family:var(--nl-serif);font-size:18px;line-height:1.5}
.cmw-nl *,.cmw-nl *::before,.cmw-nl *::after{box-sizing:border-box}
/* Doble clase: el tema pone a los títulos y párrafos del contenido márgenes en «em» (al título grande, 114 px arriba). */
.cmw-nl.cmw-nl h1,.cmw-nl.cmw-nl h2,.cmw-nl.cmw-nl h3,.cmw-nl.cmw-nl p{margin:0;font-family:var(--nl-serif);color:inherit;letter-spacing:normal;text-transform:none}
.cmw-nl h1,.cmw-nl h2,.cmw-nl h3{word-spacing:0.06em}
.cmw-nl a{color:var(--nl-tinta);text-decoration:none}
.cmw-nl a:hover{color:var(--nl-marron)}
.cmw-nl-ancho{max-width:1280px;margin:0 auto;padding:0 48px}
/* 0.6.0, la página en bloques: el tema mete un contenedor interior en cada grupo; aquí no cuenta, para que las rejillas
   y el orden del móvil sigan viendo a sus hijos directos. */
.cmw-nl .wp-block-group__inner-container{display:contents}
/* Kadence da a cada grupo y botón del contenido «margin-top:0; margin-bottom:var(--global-md-spacing)» (32 px) con dos
   clases de peso: aquí, fuera; los márgenes de diseño (secciones de 104 px, la caja en el móvil) se vuelven a poner con
   tres clases, aquí y en los tamaños de abajo. Los lados no se tocan (los anchos van centrados con «auto»). */
.cmw-nl.cmw-nl.wp-block-group,.cmw-nl.cmw-nl .wp-block-group,.cmw-nl.cmw-nl .wp-block-buttons,.cmw-nl.cmw-nl .wp-block-button{margin-top:0;margin-bottom:0}
.cmw-nl.cmw-nl .cmw-nl-opiniones,.cmw-nl.cmw-nl .cmw-nl-final{margin-top:104px}

/* Etiquetas en mayúsculas. El tema hijo pone «text-transform:none !important» a h1-h5, p y a: en el editor la etiqueta
   es un párrafo o un título sin <span>, así que hace falta !important con más peso que el suyo. La doble clase, para
   ganar al reinicio de títulos y párrafos de más arriba (letra y espaciado). */
.cmw-nl .cmw-nl-etiqueta,.cmw-nl .cmw-nl-etiqueta span{font-family:var(--nl-sans);font-weight:700;font-size:13px;line-height:1.3;letter-spacing:0.16em;text-transform:uppercase}
.cmw-nl.cmw-nl .cmw-nl-etiqueta,.cmw-nl.cmw-nl .cmw-nl-etiqueta span{font-family:var(--nl-sans);letter-spacing:0.16em;text-transform:uppercase!important}
.cmw-nl .cmw-nl-marron{color:var(--nl-marron)}

/* Arriba: la banda dorada con el formulario */
.cmw-nl-hero{background:var(--nl-oro);padding:84px 0 92px}
.cmw-nl-hero-rejilla{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:40px 56px}
.cmw-nl-hero-texto{flex:7 1 480px;min-width:0;display:flex;flex-direction:column;gap:20px}
.cmw-nl .cmw-nl-hero h1{font-weight:800;font-size:76px;line-height:0.96;letter-spacing:-0.022em;text-wrap:balance;color:var(--nl-tinta)}
.cmw-nl .cmw-nl-entradilla{font-size:23px;line-height:1.45;color:var(--nl-oscuro);max-width:640px}
/* Las tres historias en lista (opción C, 6-nov): sin iconos, una raya corta como marca */
.cmw-nl .cmw-nl-ganchos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cmw-nl .cmw-nl-ganchos li{margin:0;padding:0 0 0 18px;position:relative;font-family:var(--nl-serif);font-style:italic;font-size:23px;line-height:1.35;color:var(--nl-tinta)}
.cmw-nl .cmw-nl-ganchos li::before{content:'';position:absolute;left:0;top:.62em;width:9px;height:2px;background:var(--nl-marron)}
.cmw-nl-hero-texto .cmw-nl-entradilla + .cmw-nl-entradilla{margin-top:-8px}
.cmw-nl .cmw-nl-cifra{font-family:var(--nl-sans);font-weight:600;font-size:15px;color:var(--nl-oscuro);border-top:1px solid rgba(27,18,11,0.25);padding-top:16px;max-width:640px}

.cmw-nl-caja{flex:5 1 360px;min-width:0;max-width:460px;background:#fff;padding:34px 32px 26px;font-family:var(--nl-sans);scroll-margin-top:110px}
.cmw-nl-caja .sib-form{padding:0;text-align:left;font-family:var(--nl-sans)}
.cmw-nl-caja #sib-container{padding:0;max-width:none;background:transparent;border:0}
.cmw-nl .cmw-nl-caja form{display:flex;flex-direction:column;gap:14px;margin:0}
.cmw-nl-caja .sib-form-block{padding:0}
.cmw-nl-caja .form__entry,.cmw-nl-caja .form__label-row{margin:0;padding:0;border:0}
.cmw-nl-caja .entry__label{display:block;font-family:var(--nl-sans);font-weight:600;font-size:15px;line-height:1.3;color:var(--nl-tinta);margin:0 0 8px}
.cmw-nl-caja .entry__label::after{content:none}
.cmw-nl-caja input.input{display:block;width:100%;height:56px;padding:0 16px;margin:0;border:1.5px solid var(--nl-tinta);border-radius:0;background:#fff;box-shadow:none;font-family:var(--nl-sans);font-size:17px;color:var(--nl-tinta)}
.cmw-nl-caja input.input:focus{outline:3px solid var(--nl-marron);outline-offset:2px}
.cmw-nl-caja input.input::placeholder{color:#8A7A6A;opacity:1}
.cmw-nl-caja .entry__choice{margin:0}
.cmw-nl-caja .cmw-nl-acepto{display:flex;gap:10px;align-items:flex-start;margin:0;font-family:var(--nl-sans);font-weight:400;font-size:14px;line-height:1.45;color:var(--nl-gris4);cursor:pointer}
.cmw-nl-caja .cmw-nl-acepto input{position:static;opacity:1;z-index:auto;width:20px;height:20px;margin:0;flex:0 0 auto;accent-color:var(--nl-tinta)}
.cmw-nl-caja .cmw-nl-acepto a{color:var(--nl-marron);text-decoration:underline;text-underline-offset:3px}
.cmw-nl-caja .cf-turnstile{min-height:65px}
.cmw-nl-caja .entry__error{display:block;margin:6px 0 0;padding:0;background:transparent;border:0;font-family:var(--nl-sans);font-size:14px;line-height:1.35;color:#9B1C1C}
.cmw-nl-caja .entry__error:empty{display:none}
.cmw-nl-caja .input--hidden{display:none!important}

.cmw-nl .cmw-nl-boton,.cmw-nl .cmw-nl-boton-ir .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 34px;border:0;border-radius:0;background:var(--nl-tinta);color:#fff;font-family:var(--nl-sans);font-weight:700;font-size:18px;line-height:1.2;letter-spacing:normal;text-transform:none;text-decoration:none;cursor:pointer}
.cmw-nl .cmw-nl-boton:hover,.cmw-nl .cmw-nl-boton:focus,.cmw-nl .cmw-nl-boton-ir .wp-block-button__link:hover,.cmw-nl .cmw-nl-boton-ir .wp-block-button__link:focus{background:var(--nl-marron);color:#fff}
.cmw-nl .cmw-nl-boton:focus-visible,.cmw-nl .cmw-nl-boton-ir .wp-block-button__link:focus-visible{outline:3px solid var(--nl-tinta);outline-offset:3px}
/* El botón del final, en el editor, es el bloque «Botón» de WordPress: sin la sombra ni el tamaño que le pone el tema. */
.cmw-nl .cmw-nl-boton-ir .wp-block-button__link,.cmw-nl .cmw-nl-boton-ir .wp-block-button__link:hover{box-shadow:none;height:auto}
.cmw-nl .wp-block-buttons{margin:0}
.cmw-nl-caja .cmw-nl-boton{width:100%}
.cmw-nl-caja .sib-form-block__button-disabled{opacity:0.6;cursor:wait}
.cmw-nl-caja .progress-indicator__icon{width:20px;height:20px;fill:currentColor;animation:cmw-nl-gira 1.3s linear infinite}
.cmw-nl-caja .sib-hide-loader-icon{display:none}
@keyframes cmw-nl-gira{to{transform:rotate(360deg)}}

.cmw-nl-caja .sib-form-message-panel{display:none;margin:0 0 14px;padding:12px 14px;border:1.5px solid;font-family:var(--nl-sans);font-size:15px;line-height:1.4}
.cmw-nl-caja .sib-form-message-panel--active{display:block}
.cmw-nl-caja .cmw-nl-aviso-mal{color:#7A1A1A;background:#FDECEC;border-color:#C24141}
.cmw-nl-caja .cmw-nl-aviso-bien{color:#1F4D2C;background:#EAF5EC;border-color:#3D8A55}
.cmw-nl-caja .sib-form-message-panel__text{margin:0;padding:0;display:block}

.cmw-nl p.cmw-nl-pequena{margin-top:14px;font-family:var(--nl-sans);font-size:14px;line-height:1.4;color:var(--nl-gris4);text-align:center}
.cmw-nl-legal{margin-top:14px;border-top:1px solid var(--nl-linea);padding-top:10px;font-family:var(--nl-sans);font-size:13.5px;color:var(--nl-gris)}
.cmw-nl-legal summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:36px}
.cmw-nl-legal summary::-webkit-details-marker{display:none}
.cmw-nl-legal[open] summary svg{transform:rotate(180deg)}
/* En el editor, el desplegable es el bloque «Detalles», sin icono dentro: la flecha la pinta la hoja. */
.cmw-nl-legal.wp-block-details summary::after{content:'';flex:0 0 auto;width:7px;height:7px;margin:0 5px 4px 0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.cmw-nl-legal.wp-block-details[open] summary::after{margin-bottom:-4px;transform:rotate(-135deg)}
.cmw-nl .cmw-nl-legal p{font-family:var(--nl-sans);font-size:13.5px;line-height:1.5;color:var(--nl-gris);margin-top:8px}
.cmw-nl .cmw-nl-legal a{color:var(--nl-marron);text-decoration:underline}

/* Qué recibirás */
.cmw-nl-recibiras{padding-top:96px}
.cmw-nl .cmw-nl-recibiras h2{margin-bottom:28px}
.cmw-nl-razones{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:40px 48px}
.cmw-nl-razon{border-top:3px solid var(--nl-tinta);padding-top:18px;display:flex;flex-direction:column;gap:10px}
.cmw-nl .cmw-nl-razon h3{font-weight:700;font-size:28px;line-height:1.12;letter-spacing:-0.012em}
.cmw-nl .cmw-nl-razon p{font-size:18px;line-height:1.55;color:var(--nl-gris2)}

/* Lo que dicen de la newsletter: el texto copiado tal cual y, debajo, la captura original */
.cmw-nl-opiniones{background:var(--nl-crema);margin-top:104px;padding:80px 0 88px}
.cmw-nl h2.cmw-nl-opiniones-tit{font-weight:800;font-size:48px;line-height:1;letter-spacing:-0.02em;margin-bottom:36px}
.cmw-nl-opis{column-count:2;column-gap:28px}
.cmw-nl .cmw-nl-opis figure.cmw-nl-opi{break-inside:avoid;margin:0 0 28px;background:#fff;padding:26px 28px 18px;display:flex;flex-direction:column;gap:14px}
.cmw-nl .cmw-nl-opi-fuente{font-family:var(--nl-sans);font-weight:700;font-size:12.5px;line-height:1.5;letter-spacing:0.06em;color:var(--nl-marron);border-bottom:1px solid var(--nl-linea);padding-bottom:10px}
.cmw-nl .cmw-nl-opi blockquote{margin:0;padding:0;border:0;font-family:var(--nl-serif);font-style:italic;font-size:22px;line-height:1.38;color:var(--nl-tinta)}
.cmw-nl .cmw-nl-opi blockquote::before,.cmw-nl .cmw-nl-opi blockquote::after{content:none}
.cmw-nl .cmw-nl-opi figcaption{font-family:var(--nl-sans);font-size:14px;color:var(--nl-gris4)}
.cmw-nl-opi-original{border-top:1px solid var(--nl-linea);padding-top:4px;font-family:var(--nl-sans)}
.cmw-nl-opi-original summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:40px;font-size:14px;font-weight:600;color:var(--nl-marron)}
.cmw-nl-opi-original summary::-webkit-details-marker{display:none}
.cmw-nl-opi-original[open] summary svg{transform:rotate(180deg)}
.cmw-nl .cmw-nl-opi-enlace{display:flex;align-items:center;min-height:40px;border-top:1px solid var(--nl-linea);padding-top:4px;font-family:var(--nl-sans);font-size:14px;font-weight:600;color:var(--nl-marron);text-decoration:none}
.cmw-nl .cmw-nl-opi-enlace:hover{text-decoration:underline;text-underline-offset:3px}
.cmw-nl-opi-original img{display:block;width:100%;height:auto;margin:6px 0 8px;border:1px solid var(--nl-linea)}

/* ¿De qué hablamos en la newsletter? (la lista de las publicadas) */
.cmw-nl-cartas{padding-top:96px}
.cmw-nl .cmw-nl-cartas h2{display:block;border-top:3px solid var(--nl-tinta);padding-top:12px;margin-bottom:8px;color:var(--nl-tinta)}
.cmw-nl-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(520px,100%),1fr));column-gap:56px}
.cmw-nl .cmw-nl-carta{display:flex;flex-direction:column;gap:8px;padding:22px 0;border-bottom:1px solid var(--nl-linea)}
.cmw-nl .cmw-nl-carta-tit{font-weight:700;font-size:23px;line-height:1.2}
.cmw-nl .cmw-nl-carta-ext{font-style:italic;font-size:17px;line-height:1.5;color:var(--nl-gris3)}
.cmw-nl .cmw-nl-carta:hover .cmw-nl-carta-tit{text-decoration:underline;text-underline-offset:4px}

/* Al final: ¿Te apuntas? */
.cmw-nl-final{background:var(--nl-oro);margin-top:104px;padding:72px 0 80px}
.cmw-nl-final-rejilla{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 64px}
.cmw-nl .cmw-nl-final h2{font-weight:800;font-size:52px;line-height:1;letter-spacing:-0.02em}
.cmw-nl .cmw-nl-final p{margin-top:10px;font-size:20px;line-height:1.5;color:var(--nl-oscuro)}

@media (max-width:900px){
	.cmw-nl .cmw-nl-hero h1{font-size:58px}
	.cmw-nl-caja{max-width:none}
}
/* Cuando el formulario ya no cabe al lado del texto (por debajo de unos 990 px), va justo después de las tres
   historias y el resto del texto, debajo (opción C, 6-nov): así el botón se ve sin bajar en el móvil. */
@media (max-width:991px){
	.cmw-nl-hero-texto{display:contents}
	.cmw-nl-hero .cmw-nl-etiqueta{order:1;flex-basis:100%}
	.cmw-nl-hero h1{order:2;flex-basis:100%}
	.cmw-nl .cmw-nl-ganchos{order:3;flex-basis:100%}
	.cmw-nl-caja,.cmw-nl.cmw-nl .cmw-nl-caja{order:4;margin-top:8px}
	.cmw-nl-hero .cmw-nl-ent2{order:5;flex-basis:100%;margin-top:6px}
	.cmw-nl-hero .cmw-nl-ent3{order:6;flex-basis:100%;margin-top:-6px}
	.cmw-nl-hero .cmw-nl-cifra{order:7;flex-basis:100%}
}
@media (max-width:640px){
	.cmw-nl{font-size:17px}
	.cmw-nl-ancho{padding:0 16px}
	.cmw-nl-hero{padding:40px 0 36px}
	.cmw-nl-hero-rejilla{gap:28px}
	.cmw-nl-hero-texto{flex-basis:100%;gap:14px}
	.cmw-nl .cmw-nl-hero h1{font-size:44px;line-height:0.98}
	.cmw-nl .cmw-nl-entradilla{font-size:19px}
	.cmw-nl .cmw-nl-cifra{font-size:14px;padding-top:12px}
	.cmw-nl .cmw-nl-ganchos li{font-size:19px}
	.cmw-nl-hero-rejilla{gap:16px}
	.cmw-nl-caja{flex-basis:100%;padding:24px 18px 18px;scroll-margin-top:80px}
	.cmw-nl-recibiras{padding-top:48px}
	.cmw-nl .cmw-nl-recibiras h2{margin-bottom:18px}
	.cmw-nl-razones{gap:26px}
	.cmw-nl .cmw-nl-razon h3{font-size:24px}
	.cmw-nl .cmw-nl-razon p{font-size:17px}
	.cmw-nl-opiniones{margin-top:48px;padding:40px 0 44px}
	.cmw-nl.cmw-nl .cmw-nl-opiniones,.cmw-nl.cmw-nl .cmw-nl-final{margin-top:48px}
	.cmw-nl h2.cmw-nl-opiniones-tit{font-size:34px;margin-bottom:22px}
	.cmw-nl-opis{column-count:1}
	.cmw-nl .cmw-nl-opis figure.cmw-nl-opi{padding:20px 18px 12px;margin-bottom:18px}
	.cmw-nl .cmw-nl-opi blockquote{font-size:19px}
	.cmw-nl-cartas{padding-top:48px}
	.cmw-nl .cmw-nl-carta{padding:18px 0}
	.cmw-nl .cmw-nl-carta-tit{font-size:20px}
	.cmw-nl .cmw-nl-carta-ext{font-size:16px}
	.cmw-nl-final{margin-top:48px;padding:40px 0 44px}
	.cmw-nl .cmw-nl-final h2{font-size:38px}
	.cmw-nl .cmw-nl-final p{font-size:18px}
	.cmw-nl-final-rejilla{gap:20px}
	.cmw-nl .cmw-nl-boton-ir{width:100%}
	.cmw-nl-final .wp-block-buttons{flex:1 1 100%}
	.cmw-nl .cmw-nl-boton-ir .wp-block-button__link{width:100%}
}