/* Yalemo T4 «clientes gratis» — páginas SEO estáticas por documento (como-hacer-un-oficio.html, carta-poder.html,
   carta-de-recomendacion-laboral.html). Van encima de tokens.css + ui.css + menu-documentos.css (encabezado, franja «GRATIS» y pie
   iguales a documentos.html). Prefijo gu-. Celular primero (390 px); sin estilos en línea (CSP). */
.gu-wrap{width:100%;max-width:760px;margin:0 auto;padding:0 16px 8px}
.gu h1{font:700 var(--y-t-h1)/1.12 var(--y-font-titulos);letter-spacing:-.01em;margin:var(--y-s-8) 0 var(--y-s-4);color:var(--y-tinta)}
.gu h2{font:700 1.5rem/1.2 var(--y-font-titulos);margin:0 0 var(--y-s-4);color:var(--y-tinta)}
.gu-lead{font-size:var(--y-t-lead);line-height:1.55;color:var(--y-tinta);margin:0 0 var(--y-s-4)}
.gu-cta{width:100%;margin-top:var(--y-s-2);white-space:normal;text-align:center;line-height:1.2;padding-top:12px;padding-bottom:12px;font-size:1.125rem}
.gu-cta svg{width:22px;height:22px}
.gu-nota{margin:var(--y-s-2) 0 0;font-size:var(--y-t-small);color:var(--y-tinta-2);text-align:center}
.gu-sec{margin-top:var(--y-s-10)}
.gu-lista{margin:0;padding-left:1.4em;display:grid;gap:var(--y-s-2)}
.gu-lista li{line-height:1.5}
.gu-muted{color:var(--y-tinta-2);font-size:var(--y-t-small);margin:0 0 var(--y-s-3)}
/* Hoja de ejemplo: se ve como el Word (Arial, tamaño carta proporcional) */
.gu-hoja{background:#fff;border:1px solid var(--y-linea);border-radius:var(--y-r-md);box-shadow:var(--y-sombra-hoja,var(--y-sombra-1));padding:22px 18px;font:400 13px/1.45 var(--y-font-oficio);color:#111;overflow-wrap:anywhere}
.gu-r{margin:0 0 8px}
.gu-r--der{text-align:right}
.gu-r--centro{text-align:center;margin-bottom:0}
.gu-r--just{text-align:justify;margin-bottom:12px}
.gu-r--neg{font-weight:700}
.gu-r--neg + .gu-r--neg{margin-top:-6px}
.gu-r--vacio{margin:0}
.gu-r--chico{font-size:11px;margin-top:16px}
.gu-linea{text-align:center;margin:26px 0 2px;letter-spacing:-.02em;color:#333;overflow:hidden;white-space:nowrap}
.gu-firma{margin:6px auto 10px;max-width:320px}
.gu-firmas{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}
.gu-firmas .gu-firma{margin:0 0 8px;min-width:0}
.gu-firmas .gu-r{font-size:12px}
/* Preguntas frecuentes */
.gu-faq__item{background:#fff;border:1px solid var(--y-linea);border-radius:var(--y-r-md);margin-bottom:var(--y-s-3)}
.gu-faq__item summary{cursor:pointer;min-height:48px;display:flex;align-items:center;padding:12px 16px;font-weight:600;line-height:1.35;list-style:none}
.gu-faq__item summary::-webkit-details-marker{display:none}
.gu-faq__item summary::after{content:"+";margin-left:auto;padding-left:12px;font-size:1.375rem;line-height:1;color:var(--y-cobalto)}
.gu-faq__item[open] summary::after{content:"−"}
.gu-faq__item summary:focus-visible{outline:2px solid var(--y-foco);outline-offset:2px;border-radius:var(--y-r-md)}
.gu-faq__item p{margin:0;padding:0 16px 14px;line-height:1.55;color:var(--y-tinta)}
.gu-final{margin-top:var(--y-s-10);padding:var(--y-s-6) var(--y-s-5);background:var(--y-cobalto-50);border-radius:var(--y-r-lg);text-align:center}
.gu-final__tit{font:700 1.25rem/1.25 var(--y-font-titulos);margin:0 0 var(--y-s-3)}
.gu-aviso{margin:var(--y-s-6) 0 0;font-size:var(--y-t-small);line-height:1.5;color:var(--y-tinta-2)}
.gu-mas{margin-top:var(--y-s-8)}
.gu-mas h2{font-size:1.125rem;margin-bottom:var(--y-s-2)}
.gu-mas ul{margin:0;padding:0;list-style:none;display:grid;gap:2px}
.gu-mas a{display:inline-flex;align-items:center;min-height:44px;color:var(--y-cobalto-900);font-weight:500}
@media (min-width:700px){
  .gu-wrap{padding:0 24px 16px}
  .gu-cta{width:auto;min-width:360px}
  .gu-hero{text-align:left}
  .gu-hero .gu-nota{text-align:left}
  .gu-final .gu-cta{min-width:380px}
  .gu-hoja{padding:48px 56px;font-size:14.5px}
  .gu-firmas .gu-r{font-size:13.5px}
}