/* Respuestas AEO — el bloque citable manda visualmente */
.ahead{background:linear-gradient(150deg,var(--em2) 0%,var(--em) 58%,var(--em3) 100%);color:var(--cream);padding:58px 5vw 50px}
.ahead .wrapn{max-width:820px;margin:0 auto}
.ahead h1{color:var(--cream);font-size:clamp(28px,3.9vw,44px);line-height:1.1}

/* la respuesta corta: lo que una IA extrae y cita */
.ashort{background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:12px;padding:26px 30px;margin:0 0 34px;box-shadow:0 2px 14px rgba(11,47,41,.05)}
.ashort .k{font-size:12px;letter-spacing:3.2px;color:var(--gold2);font-weight:600;text-transform:uppercase;margin-bottom:10px}
.ashort p:last-child{font-size:19.5px;line-height:1.62;color:var(--ink);margin:0}
.ashort strong{color:var(--em)}

/* CTA de producto, más discreto que en las guías */
.acta{background:#fbf8f1;border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin:32px 0;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.acta img{width:112px;height:84px;object-fit:cover;border-radius:8px;flex:none}
.acta .t{flex:1 1 240px}
.acta .k{font-size:11.5px;letter-spacing:3px;color:var(--mut);font-weight:600;text-transform:uppercase;margin-bottom:5px}
.acta h3{font-size:20px;margin-bottom:12px;line-height:1.2}
.acta .btn{padding:10px 20px;font-size:14px}

/* índice del hub */
.alist{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.acard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;display:flex;flex-direction:column;gap:7px;transition:.15s}
.acard:hover{border-color:var(--gold);transform:translateY(-2px)}
.acard h3{font-size:18.5px;line-height:1.25;color:var(--em)}
.acard p{font-size:14px;color:var(--mut);line-height:1.5}
.alangs{margin-top:34px;font-size:14.5px;color:var(--mut)}
.alangs a{color:var(--em);border-bottom:1px solid var(--line)}
.alangs a:hover{border-color:var(--gold)}
@media (max-width:860px){ .ashort{padding:22px 20px} .ashort p:last-child{font-size:18px} }