/* Amara Legal 2026: contenido de guías y páginas de producto en franjas, con el estilo de la portada */

.a26-page-hero.no-shot .grid{grid-template-columns:minmax(0,1fr)}
.a26-page-hero.no-shot .lead{max-width:64ch}
.a26-page-hero h1{font-size:clamp(38px,4.6vw,62px)}

.a26-article{--pad:max(20px,calc((100% - 1180px) / 2));font-size:17px;line-height:1.65;color:var(--ink)}
.a26-article > *,.a26-article .seo-editorial-content > *{margin:0}

/* Entradilla */
.a26-article .lead,.a26-article .seo-lead{display:block;max-width:none;padding:56px var(--pad);background:var(--sheet);border-top:1px solid var(--rule);font-size:clamp(19px,1.7vw,22px);line-height:1.55;color:var(--ink-soft)}
.a26-article .lead strong,.a26-article .seo-lead strong{color:var(--ink)}
.a26-article .seo-lead + p,.a26-article .lead + p{max-width:none;padding:0 var(--pad) 40px;background:var(--sheet);color:var(--ink-soft);font-size:15px}
.a26-article .seo-lead + p > *{max-width:80ch}

/* Franjas */
.a26-article section{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:56px;row-gap:0;align-items:start;padding:80px var(--pad);border-top:1px solid var(--rule);background:var(--paper)}
.a26-article section:nth-of-type(even){background:var(--sheet)}
.a26-article section > *{grid-column:2;min-width:0}
.a26-article section > * + *:not(h2){margin-top:18px}
.a26-article section > h2{grid-column:1;grid-row:1 / span 30;align-self:start;position:sticky;top:96px}
.a26-article section > .seo-section-number,.a26-article section > p:empty,.a26-article section > br{display:none}
.a26-article section:has(table){grid-template-columns:minmax(0,1fr)}
.a26-article section:has(table) > *{grid-column:1}
.a26-article section:has(table) > h2{grid-row:auto;position:static;margin-bottom:12px}
@media (max-width:980px){
  .a26-article section{grid-template-columns:minmax(0,1fr);padding:60px var(--pad)}
  .a26-article section > *{grid-column:1}
  .a26-article section > h2{grid-row:auto;position:static;margin-bottom:8px}
}

/* Tipografía */
.a26-article h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.01em;color:var(--ink)}
.a26-article h3{font-family:var(--serif);font-weight:500;font-size:23px;line-height:1.2;margin-top:12px}
.a26-article p{color:var(--ink-soft);max-width:68ch}
.a26-article p + p,.a26-article .seo-section-copy > * + *{margin-top:16px}
.a26-article strong{color:var(--ink);font-weight:600}
.a26-article a{color:var(--blue);text-underline-offset:3px}
.a26-article .seo-section-copy{max-width:none}

/* Listas */
.a26-article ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;max-width:68ch}
.a26-article ul li{position:relative;padding:0 0 0 22px;color:var(--ink-soft);border:0}
.a26-article ul li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--green)}
.a26-article ol{margin:20px 0 0;padding-left:22px;color:var(--ink-soft);max-width:68ch}
.a26-article ol li{margin:8px 0;padding:0;border:0}
.a26-article ol li::before{content:none}

/* Tablas */
.a26-article table{width:100%;border-collapse:collapse;margin:20px 0 0;font-size:16px;background:var(--sheet);border:1px solid var(--rule);border-radius:12px;overflow:hidden}
.a26-article caption{text-align:left;font-weight:600;color:var(--ink);padding:0 0 12px;caption-side:top}
.a26-article th,.a26-article td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--rule)}
.a26-article thead th{font-size:14px;font-weight:600;color:var(--ink-soft);background:#fbfcfd}
.a26-article tbody tr:last-child td,.a26-article tbody tr:last-child th{border-bottom:0}
.a26-article tbody th{font-weight:500;color:var(--ink)}
@media (max-width:720px){.a26-article table{display:block;overflow-x:auto}}

/* Preguntas frecuentes */
.a26-article .seo-faq-list,.a26-article section > details:first-of-type{border-top:1px solid var(--rule)}
.a26-article details{border-bottom:1px solid var(--rule);padding:0;background:transparent}
.a26-article summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font:500 18px/1.4 var(--sans);color:var(--ink);position:relative}
.a26-article summary::-webkit-details-marker{display:none}
.a26-article summary::after{content:"";position:absolute;right:8px;top:50%;width:10px;height:10px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:translateY(-70%) rotate(45deg);transition:transform .25s var(--ease-out);float:none;font-size:0}
.a26-article details[open] summary::after{content:"";transform:translateY(-30%) rotate(-135deg)}
.a26-article details p{margin:0;padding:0 40px 22px 0}

/* Enlaces relacionados */
.a26-article .related-links ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-width:none;border-top:1px solid var(--rule)}
.a26-article .related-links li{padding:0;border-bottom:1px solid var(--rule)}
.a26-article .related-links li::before{content:none}
.a26-article .related-links li a{display:block;padding:16px 28px 16px 0;text-decoration:none;color:var(--ink);font-weight:500;position:relative}
.a26-article .related-links li a::after{content:"";position:absolute;right:8px;top:50%;width:8px;height:8px;border-top:1.5px solid var(--blue);border-right:1.5px solid var(--blue);transform:translateY(-50%) rotate(45deg)}
.a26-article .related-links li a:hover{color:var(--blue)}
@media (max-width:560px){.a26-article .related-links ul{grid-template-columns:1fr}}

/* Botones dentro del contenido */
.a26-article .button,.a26-article a.button{display:inline-flex;align-items:center;font:500 16px/1 var(--sans);padding:15px 22px;border-radius:10px;background:var(--blue);color:#fff;text-decoration:none;margin-top:8px}
.a26-article .button:hover{background:var(--blue-deep)}
.a26-article .button.secondary{background:var(--sheet);color:var(--ink);border:1px solid var(--rule)}

/* Contenido suelto fuera de franjas (páginas antiguas) */
.a26-article > h2,.a26-article > details,.a26-article > p:not(.lead):not(.seo-lead),.a26-article > ul,.a26-article > table,.a26-article .seo-editorial-content > h2{margin-left:var(--pad);margin-right:var(--pad)}
.a26-article > h2{padding-top:72px;border-top:1px solid var(--rule);margin-left:0;margin-right:0;padding-left:var(--pad);padding-right:var(--pad)}
.a26-article > details:last-of-type{margin-bottom:72px}

/* Firma editorial */
.a26-article .amara-byline{padding:28px var(--pad) 48px;margin:0;max-width:none;border-top:1px solid var(--rule);background:var(--sheet);font-size:14px;color:var(--ink-soft);opacity:1}

/* Bloques heredados de plugins antiguos */
.a26-article [class*="amara-v3"]{max-width:none}
.a26-article [class*="amara-v3"] .seo-section-copy{max-width:none}

.a26-page-close{border-top:1px solid var(--rule)}
