/* Contacto y preguntas frecuentes · MC41 · 29-oct-2026
   Sistema de la home A y de Money Code: P1 (papel, tinta, burdeos como pieza; acero sólo en acentos) y T5 (Archivo 125 %
   en versales para titulares + Libre Caslon Text para leer). Menú H2-A y pie H4-E vienen tal cual de la home (hero.css,
   base.css, home.css). Estructura: Jamie Sea /contact (seis bloques) + Currency Academy «No. 08» para las preguntas.
   Bandas sólo en papel o en tinta: ningún campo de acero ni de papel sombra (BRAND-02, «el bloque azul no pega en la web»). */

@font-face{font-family:"DB Archivo";src:url("/home/web-motion-2026-10-24/assets/archivo.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}

/* ------------------------------------------------------------------ tokens -- */
.ct{
  --papel:#fffdfb; --tinta:#111; --tinta-suave:#3c4247;
  --burdeos:#4b1014; --burdeos-vivo:#750e1e; --acero:#4a6274; --acero-claro:#d3dee7;
  --acero-sobre-tinta:#b8c6d0; --papel-sobre-tinta:rgb(255 253 251 / .86);
  --g:clamp(20px,4.4vw,64px); --max:1312px;
  --archivo:"DB Archivo",Arial,sans-serif;
  --caslon:"A1 Caslon Text","DB Caslon",Georgia,serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --bloque:clamp(72px,9vw,136px);
  /* Escala (hierarchy-and-scale): cuerpo 17/18 y pocos pasos; la jerarquía restante sale de peso, caja y espacio. */
  --t-cartel:clamp(2.1rem,.95rem + 6.15vw,6rem);     /* H1 de la apertura */
  --t-titulo:clamp(1.6rem,1rem + 3.4vw,3.6rem);       /* H2 en Archivo: consultoría y canales; precio */
  --t-enunciado:clamp(2rem,1.35rem + 2.6vw,3.5rem);   /* H2 en Caslon: preguntas */
  --t-frase:clamp(1.3rem,1.02rem + 1.3vw,2.15rem);    /* el texto del correo */
  --t-entrada:clamp(1.12rem,1.02rem + .45vw,1.38rem); /* entradillas y texto de la consultoría */
  --t-sub:clamp(1.25rem,1.02rem + .9vw,1.75rem);      /* H3 en Archivo: grupos de preguntas y canales */
  display:block;background:var(--papel);color:var(--tinta);
  font:400 17px/1.65 var(--caslon);font-kerning:normal;font-synthesis:none;
  interpolate-size:allow-keywords;
}
@media(min-width:1024px){.ct{font-size:18px}}
.ct p{margin:0;text-wrap:pretty}
.ct :where(h1,h2,h3){margin:0;text-wrap:balance;font-weight:inherit}
.ct ::selection{background:var(--acero-claro);color:var(--tinta)}
.ct :is(.ct-tinta,.ct-correo__pieza) ::selection{background:var(--acero);color:var(--papel)}
.ct a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
.ct a:focus-visible{outline:2px solid var(--acero);outline-offset:4px}
.ct :is(.ct-tinta,.ct-correo__pieza) a:focus-visible{outline-color:var(--papel)}
.ct-tinta{background:var(--tinta);color:var(--papel)}

/* Titular en Archivo ancho y versales (T5). Las versales las pone el CSS; el DOM guarda el literal en caja normal. */
.ct-ancho{font-family:var(--archivo);font-weight:800;font-stretch:125%;font-variation-settings:"wdth" 125,"wght" 800;text-transform:uppercase;letter-spacing:-.03em}

/* Botón de acción: el de la home A (cierre H3-A) y Soft CEO Code. Esquina recta; el texto nunca se parte. */
.ct-accion{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:58px;padding:18px 26px;background:var(--tinta);color:var(--papel);font:600 13px/1.3 var(--archivo);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;box-sizing:border-box;white-space:nowrap;transition:background-color .22s ease,color .22s ease}
.ct a.ct-accion{color:var(--papel);text-decoration:none}
.ct-accion svg{width:20px;height:20px;flex:none;transition:transform .3s var(--ease)}
.ct-accion:hover{background:var(--burdeos)}
.ct-accion:hover svg{transform:translateX(4px)}
.ct-accion:active{transform:translateY(1px)}
.ct a.ct-accion--claro{background:var(--papel);color:var(--tinta)}
.ct a.ct-accion--claro:hover{background:var(--acero-claro);color:var(--tinta)}
@media(max-width:599px){.ct-accion{width:100%;max-width:380px;padding-inline:22px;gap:18px}}
@media(max-width:359px){.ct-accion{padding-inline:16px;gap:12px;font-size:12px;letter-spacing:.03em}}
@media(min-width:1024px){.ct-accion{min-height:62px;padding:20px 30px;gap:44px;font-size:13.5px}}

/* Enlace de texto con flecha. En Archivo y en burdeos sobre papel, como las negritas de la home (sin bloque nuevo). */
.ct-enlace{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--burdeos);font:600 13px/1.3 var(--archivo);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.ct a.ct-enlace{color:var(--burdeos)}
.ct-enlace svg{width:18px;height:18px;flex:none;transition:transform .3s var(--ease)}
.ct a.ct-enlace:hover{color:var(--tinta)}
.ct-enlace:hover svg{transform:translateX(3px)}
@media(max-width:359px){.ct-enlace{font-size:12px;letter-spacing:.03em;gap:10px}}
/* La dirección de correo conserva su forma real dentro de las etiquetas en versales. */
.ct-dir{text-transform:none;letter-spacing:.005em}

/* ----------------------------------------------------- CO1 · la carta de apertura -- */
/* Un titular solo, como el banner de Jamie: «Escríbenos,» (Archivo) / «aquí no molestas.» (Caslon cursiva, como la
   segunda línea de producción) y la L de Hazel en relieve como firma. En escritorio las dos líneas cruzan la página
   en diagonal (saludo a la izquierda, despedida y firma a la derecha). */
.ct-carta{padding:calc(64px + 56px) var(--g) clamp(52px,7vw,112px)}
.ct-carta__dentro{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);align-items:end}
.ct-carta__titular{display:grid;row-gap:.08em}
.ct-carta__uno{display:block;font-family:var(--archivo);font-weight:800;font-stretch:125%;font-variation-settings:"wdth" 125,"wght" 800;text-transform:uppercase;letter-spacing:-.035em;font-size:var(--t-cartel);line-height:.96;overflow-wrap:break-word;clip-path:inset(-.3em -.1em -.3em -.1em)}
.ct-carta__dos{display:block;font:italic 400 var(--t-cartel)/1.06 var(--caslon);letter-spacing:-.02em;padding-bottom:.08em}
/* Corrección MC41 (QA-REVISION C-04): el lienzo del relieve ocupa la caja de relleno del soporte y la tinta de la L sobresalía
   1–5 px por los lados, así que la cola quedaba cortada. El soporte gana --hl de holgura por cada lado (content-box + padding)
   y el margen negativo la devuelve: la L no se mueve y el lienzo ya contiene el trazo entero. relieve.js no se toca. */
.ct-firma{--hl:12px;position:relative;justify-self:end;box-sizing:content-box;width:92px;height:100px;padding:var(--hl);margin:calc(-4px - var(--hl)) calc(-1 * var(--hl)) calc(-10px - var(--hl));display:flex;align-items:center;justify-content:center}
.ct-firma .rl-hazel{display:block;font-size:66px;line-height:1;margin:.275em .356em .187em .185em;color:var(--burdeos)}
/* C-05: sin WebGL o antes de hornear, la reserva «marfil» de relieve.css pinta la L en greige #D8D2CB (vetado, R8): aquí, burdeos. */
.ct-firma:not(.rl-activo) .rl-palabra{color:#4b1014}
@media(forced-colors:active){.ct-firma .rl-palabra{color:CanvasText}}
@media(min-width:900px){
  .ct-carta{padding-top:calc(84px + clamp(56px,7vw,104px))}
  .ct-carta__dentro{grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(8px,1.4vw,24px)}
  .ct-carta__dos{justify-self:end;text-align:right}
  .ct-firma{width:136px;height:146px;margin:calc(-1 * var(--hl)) calc(-1 * var(--hl)) calc(-24px - var(--hl));align-self:end}
  .ct-firma .rl-hazel{font-size:100px}
}
/* Titulares alternativos largos (CO1-B y CO1-D en «Opciones de texto»): bajan de cuerpo y ya no cruzan en diagonal. */
.ct-carta__dentro[data-largo="1"] .ct-carta__uno{font-size:clamp(1.85rem,1rem + 3.6vw,4.4rem);line-height:1}
.ct-carta__dentro[data-largo="1"] .ct-carta__dos{font-size:clamp(1.85rem,1rem + 3.6vw,4.4rem)}
@media(min-width:900px){.ct-carta__dentro[data-largo="1"] .ct-carta__dos{justify-self:start;text-align:left}}

/* Entrada (sólo con movimiento): la primera línea sube por su ranura, la segunda llega después y la firma se escribe la última. */
html[data-entrada="1"] .ct-carta__uno{transition:clip-path 1.15s var(--ease),transform 1.15s var(--ease)}
html[data-entrada="1"] .ct-carta__dos{transition:opacity .9s ease .38s,transform 1.1s var(--ease) .38s}
html[data-entrada="1"] .ct-firma{transition:clip-path 1.05s cubic-bezier(.65,0,.35,1) .95s,opacity .4s ease .95s}
html[data-entrada="1"]:not([data-entrada-hecha]) .ct-carta__uno{clip-path:inset(-.3em -.1em 100% -.1em);transform:translateY(.42em)}
html[data-entrada="1"]:not([data-entrada-hecha]) .ct-carta__dos{opacity:0;transform:translateY(.28em)}
html[data-entrada="1"]:not([data-entrada-hecha]) .ct-firma{clip-path:inset(0 100% 0 0);opacity:0}

/* ---------------------------------------------- CO2 · trabajar a solas con Lara -- */
/* Jamie, bloque 2: titular, una frase, botón y la foto de una persona real. Aquí, la consultoría de 399 € (decisión de
   Lara), en banda de tinta como M3 de Soft CEO Code. A24 en formato contenido y en B/N, que cobra color bajo el cursor o al
   cruzar el centro en táctil (G5): el fondo rojo de la foto no pasa del 8 % de la pantalla a 390 ni a 1440 y no queda
   junto a ningún bloque burdeos (condición de la QA de MAPA-FOTOS). */
.ct-consultoria{padding:var(--bloque) var(--g);scroll-margin-top:24px}
.ct-consultoria__rejilla{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,56fr) minmax(0,44fr);grid-template-areas:"titulo titulo" "texto texto" "foto precio" "accion accion";column-gap:20px;row-gap:26px;align-items:end}
.ct-consultoria__titulo{grid-area:titulo;font-size:var(--t-titulo);line-height:1;letter-spacing:-.03em}
.ct-consultoria__titulo .ct-ancho{font-size:1em}
.ct-consultoria__titulo em{font:italic 400 1.08em/1 var(--caslon);letter-spacing:-.02em;white-space:nowrap}
/* Corrección MC41 (C-10): «CONSULTORÍA 1:1.» va siempre en una línea; con dos palabras, cualquier corte deja «1:1.» sola
   (pasaba a 1024 y entre 900 y 1180, y a 320). Mide 10,854 veces su cuerpo: si no cabe, el cuerpo baja hasta el ancho de
   su columna (100cqi / 11,2, un 3 % de holgura); si cabe, manda --t-titulo, que crece con el zoom. Sin consultas de
   contenedor, se comporta como antes. */
.ct-consultoria__titulo{container-type:inline-size}
.ct-consultoria__linea{display:block}
@supports (width:1cqi){.ct-consultoria__linea{font-size:min(1em,calc(100cqi / 11.2))}}
.ct-consultoria__texto{grid-area:texto;font-size:var(--t-entrada);line-height:1.55;max-width:26em;color:var(--papel-sobre-tinta)}
.ct-consultoria__foto{grid-area:foto;margin:0;aspect-ratio:4/5;overflow:hidden;background:var(--tinta);outline:1px solid #fffdfb1f;outline-offset:-1px}
.ct-consultoria__foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 34%;filter:grayscale(1) contrast(1.04);transition:filter .9s var(--ease)}
.ct-consultoria__foto:hover img,.ct-consultoria__foto.is-color img{filter:none}
.ct-consultoria__precio{grid-area:precio;display:grid;gap:10px;align-content:end;padding-bottom:4px}
.ct-precio{font-family:var(--archivo);font-weight:800;font-stretch:125%;font-variation-settings:"wdth" 125,"wght" 800;font-size:var(--t-titulo);line-height:.95;letter-spacing:-.035em;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.ct-nota{font:500 13px/1.5 var(--archivo);color:var(--papel-sobre-tinta);max-width:20em}
.ct-consultoria__accion{grid-area:accion;justify-self:start}
@media(min-width:900px){
  .ct-consultoria__rejilla{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"foto titulo" "foto texto" "foto precio" "foto accion";column-gap:clamp(48px,7vw,120px);row-gap:30px;align-items:start;align-content:center}
  .ct-consultoria__foto{width:min(100%,400px);align-self:center}
  .ct-consultoria__titulo{align-self:end}
  .ct-consultoria__precio{grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:28px;padding:8px 0 0}
  .ct-nota{padding-bottom:6px}
}

/* --------------------------------------------- CO3 · tres respuestas antes de escribir -- */
/* Jamie, bloque 3: tres titulares cortos con filete y un párrafo cada uno; en escritorio, tres columnas alineadas por subcuadrícula. */
.ct-respuestas{padding:var(--bloque) var(--g)}
.ct-respuestas__rejilla{max-width:var(--max);margin:0 auto;display:grid;gap:56px}
.ct-respuesta{display:grid;gap:16px;align-content:start;scroll-margin-top:24px}
.ct-respuesta__titulo{padding-bottom:16px;border-bottom:1px solid var(--tinta);font-family:var(--archivo);font-weight:800;font-stretch:125%;font-variation-settings:"wdth" 125,"wght" 800;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(1.05rem,.98rem + .3vw,1.25rem);line-height:1.2}
.ct-respuesta p{max-width:30em}
.ct-respuesta>.ct-enlace,.ct-respuesta>.ct-accion{justify-self:start;margin-top:4px}
.ct .ct-gratis{margin-top:-6px;font:500 12px/1.4 var(--archivo);letter-spacing:.08em;text-transform:uppercase;color:var(--burdeos)}
@media(min-width:900px){
  .ct-respuestas__rejilla{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,auto);column-gap:clamp(32px,4vw,72px);row-gap:0}
  .ct-respuesta{grid-row:span 4;grid-template-rows:subgrid;row-gap:16px}
  .ct-respuesta__titulo{display:flex;align-items:flex-end}
  .ct-respuesta--puerta .ct-accion{min-height:58px;padding:18px 24px;gap:24px;font-size:13px}
}

/* ------------------------------------------------ CO4 · escribir a hola@laralawn.com -- */
/* El sitio del formulario de Jamie. Sin formulario: el email es la acción. Es la pieza burdeos de la página (R9: una vez,
   en torno al 5 % de la página, como la home), con el brillo Hanya de la invitación de la home. */
.ct-correo{padding:0 var(--g) var(--bloque);scroll-margin-top:24px}
/* Corrección MC41 (C-08): la pieza ya no flota centrada a 1040 px. Hasta 1100 px ocupa el ancho de contenido, como la rejilla
   de arriba; desde 1100 px se apoya en la misma rejilla de tres columnas de las respuestas y ocupa las dos primeras: el borde
   izquierdo es el de toda la página y el derecho cae en la línea de la segunda columna. Mismo material. */
.ct-correo__rejilla{max-width:var(--max);margin:0 auto}
@media(min-width:1100px){
  .ct-correo__rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(32px,4vw,72px)}
  .ct-correo__pieza{grid-column:1 / span 2}
}
.ct-correo__pieza{--brillo-x:72%;--brillo-y:22%;position:relative;isolation:isolate;overflow:hidden;margin:0;display:grid;gap:30px;padding:clamp(34px,5vw,76px) clamp(20px,5.4vw,84px);background:var(--burdeos);color:var(--papel);border:1px solid #6a2b2e;box-shadow:inset 0 1px 0 #ffffff18,inset 0 -1px 0 #160005aa}
.ct-correo__pieza::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(ellipse at var(--brillo-x) var(--brillo-y),#e9b5a655 0%,#c67d7120 32%,transparent 68%);transition:opacity .7s ease}
.ct-correo__pieza::after{content:"";position:absolute;inset:-120% -70%;z-index:-1;pointer-events:none;background:linear-gradient(112deg,transparent 44%,#ffddd61c 49%,#ffddd63d 50%,#ffddd61c 51%,transparent 56%);transform:translateX(-65%);transition:transform 1.4s cubic-bezier(.2,.6,.2,1)}
.ct-correo__pieza:hover::before,.ct-correo__pieza.is-luz::before{opacity:1}
.ct-correo__pieza:hover::after,.ct-correo__pieza.is-luz::after{transform:translateX(40%)}
.ct-correo__texto{font:400 var(--t-frase)/1.42 var(--caslon);letter-spacing:-.008em;max-width:29em}
.ct-correo__email{font-family:var(--archivo);font-weight:700;font-stretch:112%;font-variation-settings:"wdth" 112,"wght" 700;font-size:.86em;letter-spacing:-.01em;white-space:nowrap}
.ct-correo__accion{justify-self:start}
@media(max-width:599px){.ct-correo__accion{max-width:none;padding-inline:18px;gap:14px}}
@media(max-width:400px){.ct-correo__accion{font-size:12px;letter-spacing:.03em;gap:10px}}
@media(max-width:359px){.ct-correo__accion{padding-inline:14px;font-size:11.5px;letter-spacing:.02em}.ct-correo__accion svg{display:none}}

/* ---------------------------------------------------- FQ · preguntas frecuentes -- */
/* Currency Academy «No. 08»: titular corto con una palabra en cursiva y acordeón de línea fina con «+». Aquí con la
   agrupación de producción (cuatro pestañas) y un índice de grupos; en escritorio, la cabeza queda fija a la izquierda. */
.ct-faq{padding:var(--bloque) var(--g);border-top:1px solid var(--tinta);scroll-margin-top:0}
.ct-faq__rejilla{max-width:var(--max);margin:0 auto;display:grid;gap:48px}
.ct-faq__cabeza{display:grid;gap:22px;align-content:start}
.ct-faq__titulo{font:400 var(--t-enunciado)/1.1 var(--caslon);letter-spacing:-.018em;max-width:13em}
.ct-faq__titulo em{font-style:italic}
.ct-faq__entradilla{font-size:var(--t-entrada);line-height:1.6;color:var(--tinta-suave);max-width:30em}
.ct-faq__indice{display:grid;grid-template-columns:1fr;padding-top:8px;border-top:1px solid var(--acero-claro)}
.ct-faq__indice a{display:flex;align-items:center;min-height:44px;color:var(--burdeos);font:600 13px/1.3 var(--archivo);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.ct .ct-faq__indice a:hover{color:var(--tinta)}
.ct-grupo{scroll-margin-top:24px}
.ct-grupo+.ct-grupo{margin-top:clamp(52px,6vw,84px)}
.ct-grupo__titulo{padding-bottom:16px;border-bottom:1px solid var(--tinta);font-family:var(--archivo);font-weight:800;font-stretch:125%;font-variation-settings:"wdth" 125,"wght" 800;text-transform:uppercase;letter-spacing:-.02em;font-size:var(--t-sub);line-height:1.1}
.ct-pregunta{border-bottom:1px solid var(--acero-claro);scroll-margin-top:24px}
.ct-pregunta summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:20px 0;cursor:pointer;list-style:none;font:600 17px/1.4 var(--archivo);font-variation-settings:"wdth" 104,"wght" 600;letter-spacing:-.005em}
.ct-pregunta summary::-webkit-details-marker{display:none}
.ct-pregunta summary:hover .ct-pregunta__texto{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.ct-pregunta summary:focus-visible{outline:2px solid var(--acero);outline-offset:4px}
.ct-signo{position:relative;flex:none;width:18px;height:18px}
.ct-signo::before,.ct-signo::after{content:"";position:absolute;left:0;top:8.25px;width:18px;height:1.5px;background:currentColor;transition:transform .35s var(--ease)}
.ct-signo::after{transform:rotate(90deg)}
.ct-pregunta[open] .ct-signo::after{transform:rotate(0deg)}
.ct-pregunta::details-content{block-size:0;overflow:clip;transition:block-size .45s var(--ease),content-visibility .45s allow-discrete}
.ct-pregunta[open]::details-content{block-size:auto}
.ct-pregunta__respuesta{padding:0 0 30px;max-width:38em}
.ct-pregunta__respuesta p+p,.ct-pregunta__respuesta p+ul,.ct-pregunta__respuesta ul+p{margin-top:.85em}
.ct-pregunta__respuesta ul{margin:0;padding-left:1.1em;list-style:disc outside}
.ct-pregunta__respuesta li{margin:.28em 0;padding-left:.2em}
.ct-pregunta__respuesta li::marker{color:var(--burdeos)}
.ct-pregunta__respuesta .ct-enlace{margin-top:14px}
.ct-pregunta__respuesta a[href^="mailto"]{color:var(--burdeos);text-decoration:underline}
.ct .ct-faq__escribir{margin-top:44px}
.ct-faq__escribir a{display:inline-flex;align-items:center;min-height:44px;color:var(--burdeos);font:600 14px/1.3 var(--archivo);letter-spacing:.03em;white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.ct .ct-faq__escribir a:hover{color:var(--tinta)}
@media(min-width:1024px){
  .ct-faq__rejilla{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(48px,6vw,104px);align-items:start}
  .ct-faq__cabeza{position:sticky;top:44px}
  .ct-pregunta summary{font-size:18px;padding:22px 0}
}

/* --------------------------------------------------------- CO6.2 · dónde encontrarme -- */
.ct-canales{padding:clamp(64px,8vw,116px) var(--g) clamp(52px,6vw,84px)}
.ct-canales__dentro{max-width:var(--max);margin:0 auto}
.ct-canales__titulo{font-family:var(--archivo);font-weight:800;font-stretch:125%;font-variation-settings:"wdth" 125,"wght" 800;text-transform:uppercase;letter-spacing:-.03em;font-size:var(--t-titulo);line-height:1.02}
.ct-canales__lista{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid #fffdfb33}
.ct-canal{display:grid;gap:8px;padding:22px 0 26px;border-bottom:1px solid #fffdfb33}
.ct-canal__nombre a{display:inline-flex;align-items:center;gap:14px;min-height:44px;white-space:nowrap;color:var(--papel);text-decoration:none;font-family:var(--archivo);font-weight:800;font-stretch:125%;font-variation-settings:"wdth" 125,"wght" 800;text-transform:uppercase;letter-spacing:-.02em;font-size:var(--t-sub);line-height:1.1}
.ct-canal__nombre svg{width:18px;height:18px;flex:none;transition:transform .3s var(--ease)}
.ct-canal__nombre a:hover{color:var(--acero-sobre-tinta)}
.ct-canal__nombre a:hover svg{transform:translate(3px,-3px)}
.ct-canal p{color:var(--papel-sobre-tinta);max-width:34em}
@media(min-width:1024px){
  .ct-canal{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(48px,7vw,120px);align-items:baseline;padding:26px 0 28px}
}
/* El pie H4-E sigue sobre la misma tinta: un filete los separa. */
.ct-page .mc40-footer{border-top:1px solid #fffdfb24}

/* ------------------------------------------------- quieto y movimiento reducido -- */
html[data-quieto="1"] .ct *,html[data-quieto="1"] .ct *::before,html[data-quieto="1"] .ct *::after{transition:none!important;animation:none!important}
html[data-quieto="1"] .ct-pregunta::details-content{transition:none}
@media(prefers-reduced-motion:reduce){
  .ct *,.ct *::before,.ct *::after{transition:none!important;animation:none!important}
  .ct-correo__pieza::after{display:none}
}

/* N-07 (2.ª revisión, WCAG 1.4.12): con el espaciado de texto del usuario, los dos titulares se parten en vez de cortarse. La vista normal no cambia. */
.ct-carta__titular{grid-template-columns:minmax(0,1fr)}
.ct-canales__titulo{overflow-wrap:break-word}