/* IAMESS · la estética del programa para las páginas de la web (27/10/2026)
   Editorial oscura por defecto (carbón, Newsreader en los títulos, un solo violeta, sin mayúsculas forzadas) y un
   modo claro que elige la persona. La aplica 05_web_publica/generador_web/_piel.js a las subpáginas: cabecera y pie
   comunes (clases ims-), los colores de Tailwind traducidos a la paleta (.piel) y las variables de las páginas con
   estilo propio (.piel-propia). La portada lleva su CSS dentro y no usa este archivo. */
@font-face{font-family:Newsreader;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/newsreader-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader Fallback";src:local("Georgia");size-adjust:96%;ascent-override:96%;descent-override:26%}

/* Paleta. Los nombres --ink, --muted, --soft, --line, --bg, --acc y --acc2 son los de las páginas con estilo propio:
   se redefinen aquí para que sigan al tema. */
:root,:root[data-theme="dark"]{color-scheme:dark;--bg:#0b0a0d;--bg2:#0f0e12;--sup:#141217;--sup2:#1b1820;--bloque:#16131c;--linea:rgba(255,255,255,.085);--linea2:rgba(255,255,255,.15);--txt:#eceae7;--suave:#aaa6ae;--tenue:#8d8893;--acento:#b49cff;--acento-f:#7c3aed;--acento-f2:#8b5cf6;--acento-bg:rgba(167,139,250,.1);
  --aviso-bg:rgba(251,191,36,.08);--aviso-borde:rgba(251,191,36,.35);--aviso-txt:#fcd34d;--ok-bg:rgba(110,231,183,.08);--ok-borde:rgba(110,231,183,.3);--ok-txt:#6ee7b7;--mal-bg:rgba(251,113,133,.08);--mal-txt:#fda4af;
  --ink:#eceae7;--muted:#aaa6ae;--soft:#8d8893;--line:rgba(255,255,255,.085);--acc:#7c3aed;--acc2:#b49cff}
:root[data-theme="light"]{color-scheme:light;--bg:#f4f1ea;--bg2:#efebe2;--sup:#fffdf9;--sup2:#f8f5ef;--bloque:#2b2620;--linea:rgba(43,38,32,.11);--linea2:rgba(43,38,32,.2);--txt:#2b2620;--suave:#57514a;--tenue:#6b645b;--acento:#6d28d9;--acento-f:#6d28d9;--acento-f2:#5b21b6;--acento-bg:rgba(109,40,217,.07);
  --aviso-bg:#fdf6e3;--aviso-borde:#f2d38a;--aviso-txt:#7a4b06;--ok-bg:#ecf7f0;--ok-borde:#b9e2c8;--ok-txt:#1f7a4a;--mal-bg:#fdeeee;--mal-txt:#a3262f;
  --ink:#2b2620;--muted:#57514a;--soft:#6b645b;--line:rgba(43,38,32,.11);--acc:#6d28d9;--acc2:#6d28d9}

/* ── Cabecera y pie comunes ─────────────────────────────────────────────────── */
.ims-cabecera{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.3) blur(14px);-webkit-backdrop-filter:saturate(1.3) blur(14px);border-bottom:1px solid var(--linea);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.ims-envoltura{max-width:1160px;margin:0 auto;padding-inline:20px}
.ims-cabecera .ims-envoltura{display:flex;align-items:center;gap:20px;min-height:68px}
.ims-marca{display:flex;align-items:center;gap:10px;text-decoration:none!important;font-weight:600;font-size:16px;letter-spacing:.02em;color:var(--txt)!important;flex:none}
.ims-logo{display:inline-block;width:24px;height:27px;background:currentColor;-webkit-mask:url(/img/logo-is.png) center/contain no-repeat;mask:url(/img/logo-is.png) center/contain no-repeat}
.ims-menu{display:flex;gap:26px;margin-left:18px;font-size:14.5px}
.ims-menu a{text-decoration:none;color:var(--suave)}.ims-menu a:hover{color:var(--txt)}
.ims-derecha{margin-left:auto;display:flex;align-items:center;gap:10px}
.ims-suave{font-size:14.5px;color:var(--suave);text-decoration:none;padding:8px 6px}.ims-suave:hover{color:var(--txt)}
.ims-boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--acento-f);color:#fff!important;font:600 14px/1 Inter,system-ui,sans-serif;border:1px solid transparent;border-radius:999px;padding:10px 18px;text-decoration:none!important;cursor:pointer;white-space:nowrap}
.ims-boton:hover{background:var(--acento-f2)}
.ims-entrar{display:inline-flex;align-items:center;gap:7px;font:500 14.5px/1 Inter,system-ui,sans-serif;color:var(--txt)!important;text-decoration:none!important;border:1px solid var(--linea2);border-radius:999px;padding:10px 16px;white-space:nowrap}
.ims-entrar:hover{border-color:var(--acento)}
.ims-entrar svg{width:16px;height:16px;color:var(--acento)}
.ims-icono{width:38px;height:38px;border-radius:999px;border:1px solid var(--linea2);background:transparent;color:var(--suave);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;padding:0}
.ims-icono:hover{color:var(--txt);border-color:var(--acento)}
.ims-icono svg{width:18px;height:18px}
[data-theme="dark"] .ims-sol{display:none}[data-theme="light"] .ims-luna{display:none}
.ims-hamburguesa{display:none}
.ims-menu-movil{display:none;border-top:1px solid var(--linea);padding:10px 20px 22px;background:var(--bg)}
.ims-menu-movil.abierto{display:block}
.ims-menu-movil a{display:block;padding:13px 2px;font-size:17px;color:var(--txt);text-decoration:none;border-bottom:1px solid var(--linea)}
.ims-menu-movil .ims-boton{display:flex;margin-top:16px;border-bottom:0;font-size:15.5px;padding:14px 20px}
.ims-pie{border-top:1px solid var(--linea);padding-block:56px 30px;font-size:14.5px;background:var(--bg2);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--suave)}
.ims-pie-rejilla{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:28px}
.ims-pie h2{font:600 13px/1.4 Inter,system-ui,sans-serif!important;letter-spacing:0!important;color:var(--txt);margin:0 0 12px;text-transform:none}
.ims-pie ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ims-pie a{color:var(--suave);text-decoration:none}.ims-pie a:hover{color:var(--txt)}
.ims-pie .ims-lema{color:var(--suave);margin:12px 0 0;max-width:20em}
.ims-legal{margin-top:40px;padding-top:20px;border-top:1px solid var(--linea);display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--tenue);font-size:13px;margin-bottom:10px}
.ims-legal a{color:var(--tenue);display:inline-block;padding-block:6px}
.ims-ocultar-tableta{}
@media (max-width:980px){.ims-menu,.ims-ocultar-tableta{display:none!important}.ims-hamburguesa{display:inline-flex}.ims-pie-rejilla{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.ims-cabecera .ims-envoltura{min-height:60px;gap:12px}.ims-ocultar-movil{display:none!important}.ims-entrar .ims-texto{display:none}.ims-entrar{padding:10px 12px}.ims-pie-rejilla{grid-template-columns:1fr 1fr;gap:26px 18px}.ims-pie-rejilla>:first-child{grid-column:1/-1}.ims-pie{font-size:14px}}

/* ── Páginas hechas con Tailwind ─────────────────────────────────────────────── */
body.piel{background:var(--bg)!important;color:var(--txt)!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.piel h1,.piel h2,.piel h3,.piel-propia h1,.piel-propia h2,.piel-propia h3{font-family:Newsreader,"Newsreader Fallback",Georgia,serif!important;font-weight:500!important;letter-spacing:-.012em!important}
.piel .uppercase,.piel-propia .tag,.piel-propia .eyebrow{text-transform:none!important;letter-spacing:normal!important}
.piel .text-gray-900,.piel .text-gray-800{color:var(--txt)}
.piel .text-gray-700,.piel .text-gray-600{color:var(--suave)}
.piel .text-gray-500,.piel .text-gray-400{color:var(--tenue)}
.piel .bg-white,.piel .bg-white\/90{background-color:var(--sup)}
.piel .bg-gray-50{background-color:var(--bg2)}
.piel .bg-gray-100,.piel .bg-gray-200{background-color:var(--sup2)}
.piel .bg-gray-900,.piel .bg-gray-800,.piel .bg-gray-700{background-color:var(--bloque)}
.piel .bg-gray-900 .text-gray-300,.piel .bg-gray-800 .text-gray-300{color:#cfcad6}
/* Los bloques oscuros siguen oscuros en el modo claro: dentro llevan la paleta oscura */
.piel .bg-gray-900,.piel .bg-gray-800,.piel .bg-gray-700{color-scheme:dark;--txt:#eceae7;--suave:#cfcad6;--tenue:#aaa6ae;--acento:#c4b5fd;--linea:rgba(255,255,255,.1);--linea2:rgba(255,255,255,.18);--sup:#1b1820;--sup2:#221e28}
.piel .text-violet-400,.piel .text-violet-500{color:var(--acento)}
.piel .bg-\[\#25D366\]{background-color:#117a43}
.piel .border-gray-100,.piel .border-gray-200,.piel .divide-gray-100>*+*{border-color:var(--linea)}
.piel .border-gray-300,.piel .border-gray-400{border-color:var(--linea2)}
.piel .text-violet-600,.piel .text-violet-700,.piel .text-violet-800{color:var(--acento)}
.piel .bg-violet-600,.piel .bg-violet-500,.piel .bg-violet-400{background-color:var(--acento-f)}
.piel .hover\:bg-violet-500:hover,.piel .hover\:bg-violet-700:hover{background-color:var(--acento-f2)}
.piel .bg-violet-50,.piel .bg-violet-100,.piel .bg-violet-50\/40,.piel .bg-violet-50\/50,.piel .bg-violet-50\/60{background-color:var(--acento-bg)}
.piel .border-violet-100,.piel .border-violet-200,.piel .border-violet-300{border-color:var(--linea2)}
.piel .border-violet-400,.piel .border-violet-500,.piel .border-violet-600{border-color:var(--acento)}
.piel .text-green-600,.piel .text-green-700,.piel .text-emerald-500{color:var(--ok-txt)}
.piel .bg-green-50,.piel .bg-emerald-50{background-color:var(--ok-bg)}
.piel .border-green-200{border-color:var(--ok-borde)}
.piel .text-red-500,.piel .text-red-600,.piel .text-red-700{color:var(--mal-txt)}
.piel .bg-red-50{background-color:var(--mal-bg)}
.piel .border-red-100,.piel .border-red-200{border-color:var(--linea2)}
.piel [class*="shadow-violet"],.piel [class*="shadow-gray"]{--tw-shadow-color:rgba(0,0,0,.25)}
.piel a.text-violet-600:hover,.piel .hover\:text-gray-900:hover{color:var(--txt)}
.piel input,.piel select,.piel textarea{background-color:var(--sup);color:var(--txt);border-color:var(--linea2)}
.piel ::placeholder{color:var(--tenue)}
.piel table th,.piel table td{border-color:var(--linea)}
.piel .hover\:bg-gray-50:hover,.piel .hover\:bg-gray-100:hover,.piel .hover\:bg-gray-200:hover{background-color:var(--sup2)}
.piel .hover\:bg-violet-50:hover{background-color:var(--acento-bg)}
.piel .hover\:text-gray-600:hover,.piel .hover\:text-gray-700:hover{color:var(--txt)}
.piel .hover\:text-violet-700:hover,.piel .hover\:text-violet-800:hover{color:var(--acento)}

/* ── Páginas con estilo propio (las variables de arriba hacen casi todo) ──────── */
body.piel-propia{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
/* Enlaces legibles en los dos temas, con la especificidad de «a» para que cualquier clase de la página (.btn...) mande */
:where(.piel-propia) a:where(:not(.ims-cabecera *,.ims-pie *)){color:var(--acc2)}
/* Las variables de la página de comerciales (diseñada solo en oscuro) apuntan a la paleta común */
.piel-propia{--surface:var(--sup);--surface-2:var(--sup2);--line-strong:var(--linea2);--text:var(--txt);--dim:var(--tenue);--violet:var(--acento);--violet-deep:var(--acento-f);--emerald:var(--ok-txt)}
.piel-propia .btn-ghost:hover{color:var(--txt)}

/* ── Artículos del blog (los escribe generador_web/build-blog-autoescuelas.js) ── */
.art{padding-block:36px 72px}
.art-envoltura{max-width:740px;margin:0 auto;padding-inline:20px}
.art-envoltura.ancho{max-width:880px}
.art-migas{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--tenue);margin:0 0 30px}
.art-migas a{color:var(--suave);text-decoration:none}.art-migas a:hover{color:var(--txt)}
.art-categoria{color:var(--acento);font-size:14.5px;font-weight:600;margin:0 0 10px}
.art h1{font-size:clamp(32px,5.4vw,50px);line-height:1.08;margin:0 0 18px;color:var(--txt);text-wrap:balance}
.art-entradilla{font-size:clamp(17.5px,2.3vw,20px);line-height:1.55;color:var(--suave);margin:0 0 16px;max-width:38em}
.art-meta{font-size:14px;color:var(--tenue);margin:0 0 30px}
.art-resumen{background:var(--acento-bg);border:1px solid var(--linea2);border-left:3px solid var(--acento);border-radius:14px;padding:18px 22px}
.art-resumen p{margin:0;font-size:17px;line-height:1.65;color:var(--txt)}
.art-resumen .art-resumen-t{font-size:13.5px;font-weight:600;color:var(--acento);margin:0 0 6px}
.art-cuerpo h2,.art section>h2{font-size:clamp(25px,3.4vw,31px);line-height:1.18;margin:50px 0 14px;color:var(--txt);text-wrap:balance}
.art-cuerpo p,.art-cuerpo li{font-size:17.5px;line-height:1.72;color:var(--txt)}
.art-cuerpo p{margin:0 0 16px}
.art-cuerpo ul,.art-cuerpo ol{margin:0 0 20px;padding-left:22px;display:grid;gap:8px}
.art-cuerpo strong{font-weight:600;color:var(--txt)}
.art-cuerpo a,.art-iamess a{color:var(--acento);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.art-cuerpo .art-pasos{list-style:none;padding-left:0;counter-reset:paso}
.art-pasos>li{counter-increment:paso;position:relative;padding-left:42px}
.art-pasos>li::before{content:counter(paso);position:absolute;left:0;top:1px;width:28px;height:28px;border-radius:999px;border:1px solid var(--linea2);display:flex;align-items:center;justify-content:center;font:600 13px/1 Inter,system-ui,sans-serif;color:var(--acento)}
.art-tabla{overflow-x:auto;margin:6px 0 24px;border:1px solid var(--linea);border-radius:14px}
.art-tabla table{width:100%;border-collapse:collapse;font-size:15.5px}
.art-tabla th{text-align:left;font-weight:600;color:var(--txt);background:var(--sup);padding:12px 14px;border-bottom:1px solid var(--linea2)}
.art-tabla td{padding:12px 14px;border-bottom:1px solid var(--linea);color:var(--txt);vertical-align:top;line-height:1.5}
.art-tabla tr:last-child td{border-bottom:0}
.art-tabla td:first-child{color:var(--suave)}
.art-iamess{margin:44px 0 0;background:var(--sup);border:1px solid var(--linea);border-radius:16px;padding:22px 24px}
.art-iamess p{margin:0;font-size:16.5px;line-height:1.65;color:var(--txt)}
.art-iamess .art-iamess-t{font-size:14px;font-weight:600;color:var(--acento);margin:0 0 8px}
.art-preguntas details{border-bottom:1px solid var(--linea)}
.art-preguntas summary{cursor:pointer;list-style:none;position:relative;padding:16px 34px 16px 0;font-size:17px;font-weight:600;color:var(--txt)}
.art-preguntas summary::-webkit-details-marker{display:none}
.art-preguntas summary::after{content:"+";position:absolute;right:6px;top:13px;font-size:21px;font-weight:400;color:var(--acento)}
.art-preguntas details[open] summary::after{content:"\2212"}
.art-preguntas details p{margin:0 0 18px;font-size:16.5px;line-height:1.7;color:var(--suave)}
.art-fuentes ol{padding-left:20px;margin:0;display:grid;gap:8px;font-size:15px;color:var(--suave)}
.art-fuentes a{color:var(--suave);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.art-fuentes a:hover{color:var(--txt)}
.art-aviso{font-size:13.5px;line-height:1.6;color:var(--tenue);margin:18px 0 0}
.art-cta{margin-top:56px;padding-top:44px;border-top:1px solid var(--linea);text-align:center}
.art .art-cta h2{margin-top:0}
.art-cta p{color:var(--suave);font-size:17px;line-height:1.6;max-width:34em;margin:0 auto 22px}
.art-cta p:last-child{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:center;align-items:center}
.art-cta .ims-boton{font-size:15px;padding:14px 24px}
.art-secundario{color:var(--suave);font-size:15px;text-decoration:underline;text-underline-offset:3px}
.art-rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.art-tarjeta{display:block;background:var(--sup);border:1px solid var(--linea);border-radius:14px;padding:18px;text-decoration:none;transition:border-color .15s}
.art-tarjeta:hover{border-color:var(--acento)}
.art-tarjeta span{display:block;font-size:13px;color:var(--acento);margin-bottom:6px}
.art-tarjeta strong{display:block;font:500 18px/1.3 Newsreader,"Newsreader Fallback",Georgia,serif;color:var(--txt)}
.blog-lista{list-style:none;margin:36px 0 0;padding:0;border-top:1px solid var(--linea)}
.blog-lista li{border-bottom:1px solid var(--linea)}
.blog-lista a{display:grid;gap:8px;padding:26px 0;text-decoration:none}
.blog-cat{font-size:13.5px;color:var(--tenue)}.blog-cat b{color:var(--acento);font-weight:600}
.blog-lista h2{font-size:clamp(22px,3vw,28px);line-height:1.2;margin:0;color:var(--txt);text-wrap:balance}
.blog-lista a:hover h2{color:var(--acento)}
.blog-lista p{margin:0;font-size:16px;line-height:1.6;color:var(--suave);max-width:62ch}

/* El aviso de cookies que pinta el gestor de cookies con estilos en línea */
#iam-cookie-banner{background:var(--sup)!important;border-top-color:var(--linea2)!important}
#iam-cookie-banner p{color:var(--suave)!important}
#iam-cookie-banner #iam-ck-rej{background:transparent!important;color:var(--txt)!important;border-color:var(--linea2)!important}