/* Plantillas por tema (17-oct-2026): /plantillas y /plantillas/<tema>. Se apoya en app.css (variables, botones, cabecera y pie). */
.migas{max-width:1180px; margin:0 auto; padding:14px clamp(16px, 4vw, 40px) 0; font-size:14px; color:var(--tinta-2)}
.migas a{color:var(--tinta-2)}
/* El móvil de la vista previa: la invitación real se pinta a 390 px de ancho y se reduce al hueco, sin JavaScript. */
.pm .movil{width:300px; max-width:100%}
.pm .movil-pantalla{background:#fff}
.pm iframe{position:absolute; left:0; top:0; width:390px; height:835px; border:0; transform-origin:0 0; transform:scale(.7128); background:#fff}
@media (max-width:379px){ .pm .movil{width:260px} .pm iframe{transform:scale(.6103)} }
.pl-intro{color:var(--tinta-2); font-size:17px; margin-top:-10px; max-width:70ch}
.paleta{list-style:none; margin:0; padding:0; display:grid; gap:12px; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr))}
.paleta li{display:grid; gap:4px; align-content:start; background:var(--blanco); border:1px solid var(--linea); border-radius:12px; padding:10px}
.paleta .muestra{display:block; height:52px; border-radius:8px; border:1px solid rgba(0,0,0,.2)}
.paleta strong{font-size:15px}
.paleta span.nom{font-size:14px; color:var(--tinta-2)}
.paleta code{font-size:14px; color:var(--tinta)}
.muestra-letra{margin:0; padding:18px 20px; border-radius:12px; font-size:clamp(28px, 5vw, 40px); line-height:1.15; text-align:center; border:1px solid var(--linea)}
.ficha{display:grid; grid-template-columns:minmax(130px, max-content) 1fr; margin:0; max-width:820px; background:var(--blanco); border:1px solid var(--linea); border-radius:12px; overflow:hidden}
.ficha dt, .ficha dd{margin:0; padding:9px 14px; border-bottom:1px solid var(--linea)}
.ficha dt{font-weight:700; background:var(--papel-2)}
.ficha dt:last-of-type, .ficha dd:last-of-type{border-bottom:0}
@media (max-width:520px){ .ficha{grid-template-columns:1fr} .ficha dt{border-bottom:0; padding-bottom:2px} }
.pl-lista{margin:0; padding-left:20px; display:grid; gap:6px; max-width:70ch}
.textos-ej{display:grid; gap:14px; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr))}
.texto-ej{background:var(--blanco); border:1px solid var(--linea); border-left:5px solid var(--dorado); border-radius:10px; padding:14px 16px; display:grid; gap:8px; align-content:start}
.texto-ej h3{font-size:19px}
.texto-ej p{color:var(--tinta); overflow-wrap:anywhere}
.parecidos{list-style:none; margin:0; padding:0; display:grid; gap:10px; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr))}
.parecidos a{display:grid; gap:2px; padding:12px 14px; background:var(--blanco); border:1px solid var(--linea); border-radius:10px; text-decoration:none; color:var(--tinta); height:100%}
.parecidos a:hover{border-color:var(--dorado)}
.parecidos b{font-family:var(--f-display); font-weight:500; font-size:18px}
.parecidos small{color:var(--tinta-2); font-size:14px}
.indice-fam{display:grid; gap:12px}
.indice-fam h2 a{color:inherit}
.indice-fam .parecidos{grid-template-columns:repeat(auto-fill, minmax(260px, 1fr))}