/* Guías — tipografía de lectura larga sobre la identidad Clinical Luxe */
.ghead{background:linear-gradient(150deg,var(--em2) 0%,var(--em) 58%,var(--em3) 100%);color:var(--cream);padding:64px 5vw 56px}
.ghead .wrapn{max-width:820px;margin:0 auto}
.gkicker{font-size:13px;letter-spacing:4px;color:#c9a227;font-weight:600;margin-bottom:16px}
.ghead h1{color:var(--cream);font-size:clamp(31px,4.4vw,50px);line-height:1.06}
.gmeta{margin-top:18px;font-size:14px;color:#9db8ac;letter-spacing:.5px}
.gwrap{max-width:820px;margin:0 auto;padding:44px 5vw 20px}
.glead{font-size:20.5px;line-height:1.6;color:var(--ink);border-left:3px solid var(--gold);padding-left:22px;margin-bottom:34px}
.gbody{font-size:17.5px;line-height:1.72;color:#2b3833}
.gbody h2{font-size:31px;margin:44px 0 14px;color:var(--em)}
.gbody h3{font-size:22px;margin:28px 0 10px;color:var(--em)}
.gbody p{margin-bottom:18px}
.gbody ul,.gbody ol{margin:0 0 20px 22px}
.gbody li{margin-bottom:9px}
.gbody strong{color:var(--em)}
.gbody a{color:var(--gold2);text-decoration:underline}
.gbody table{width:100%;border-collapse:collapse;margin:22px 0;font-size:16px;display:block;overflow-x:auto}
.gbody th{background:var(--em);color:var(--cream);text-align:left;padding:12px 14px;font-weight:600;font-size:15px}
.gbody td{border-bottom:1px solid var(--line);padding:12px 14px;vertical-align:top}
.gbody tr:nth-child(even) td{background:#fbf8f1}
.gbody blockquote{border-left:3px solid var(--gold);padding:4px 0 4px 20px;margin:22px 0;color:var(--mut)}
.gdisc{margin-top:34px;padding:18px 22px;background:#f1ece0;border-radius:10px;font-size:14.5px;color:var(--mut);line-height:1.55}

/* CTA producto dentro de la guía */
.gcta{background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:12px;padding:26px 28px;margin:38px 0;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.gcta img{width:132px;height:99px;object-fit:cover;border-radius:8px;flex:none}
.gcta .t{flex:1 1 260px}
.gcta h3{font-size:23px;margin-bottom:6px}
.gcta p{font-size:15px;color:var(--mut);margin-bottom:12px}
.gcta .btn{padding:11px 22px;font-size:14.5px}

/* lead magnet */
.magnet{background:linear-gradient(140deg,var(--em2),var(--em));color:var(--cream);border-radius:14px;padding:34px 32px;margin:40px 0}
.magnet h3{color:var(--gold);font-size:26px;margin-bottom:8px}
.magnet p{font-size:16px;color:#cfe0d7;margin-bottom:18px}
.magnet .lead input{flex:1 1 220px}
.magnet .leadnote{color:#9db8ac}

/* índice del hub */
.ghub{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.gcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:8px;transition:.15s}
.gcard:hover{border-color:var(--gold);transform:translateY(-2px)}
.gcard h3{font-size:20px;line-height:1.2}
.gcard p{font-size:14.5px;color:var(--mut);flex-grow:1}
.gcard .go{font-size:13.5px}
.gsect{font-size:15px;letter-spacing:3px;color:var(--gold2);font-weight:600;margin:34px 0 14px;text-transform:uppercase}

/* enlaces relacionados */
.grel{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.grel a{font-size:14.5px;color:var(--em);border:1px solid var(--line);border-radius:99px;padding:8px 16px;background:#fff}
.grel a:hover{border-color:var(--gold)}
@media (max-width:860px){ .gbody h2{font-size:26px} .glead{font-size:18.5px} }