.gaia-guia{--gg-gold:#d2aa58;--gg-ink:#f5f0e5;--gg-muted:#bac5bc;--gg-family:#91b987;max-width:1100px;margin:0 auto 45px;color:var(--gg-ink)}
.gaia-guia *{box-sizing:border-box}
.gaia-guia-intro,.gaia-guia-final{padding:26px 28px;border:1px solid rgba(210,170,88,.22);border-radius:22px;background:linear-gradient(135deg,#0d1c17,#08120f);box-shadow:0 18px 48px rgba(2,10,7,.21)}
.gaia-guia-intro p,.gaia-guia-final p{margin:0;color:#cfdbd1;line-height:1.75}
.gaia-guia-intro a,.gaia-guia-final a{display:inline-flex;align-items:center;gap:8px;margin-top:17px;color:#e5c77d;text-decoration:none;border-bottom:1px solid rgba(229,199,125,.28);font-weight:800}
.gaia-guia-familia{margin-top:48px;--gg-family:#91b987}
.gaia-guia-familia[data-familia="agua"]{--gg-family:#76c0c0}.gaia-guia-familia[data-familia="fuego"]{--gg-family:#df9962}.gaia-guia-familia[data-familia="aire"]{--gg-family:#a9c8d0}.gaia-guia-familia[data-familia="ciclos"]{--gg-family:#bea5d1}
.gaia-guia-familia>header{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.gaia-guia-familia>header>span{flex:0 0 auto;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--gg-family) 55%,transparent);border-radius:50%;background:radial-gradient(circle,var(--gg-family) 0 10%,transparent 12% 30%,color-mix(in srgb,var(--gg-family) 22%,transparent) 32% 34%,transparent 36%);box-shadow:0 0 24px color-mix(in srgb,var(--gg-family) 18%,transparent)}
.gaia-guia-familia>header p{margin:0;color:#afbbb1;line-height:1.55}
.gaia-guia-familia>header div>p:first-child{color:var(--gg-family);font-size:.68rem;font-weight:900;letter-spacing:.17em}
.gaia-guia-familia h2{margin:1px 0 4px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:2.25rem;font-weight:500}
.gaia-guia-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gaia-guia-carta{overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:19px;background:#0b1713;box-shadow:0 15px 37px rgba(2,8,6,.2)}
.gaia-guia-carta figure{position:relative;aspect-ratio:2/3;margin:0;overflow:hidden;background:#07100d}
.gaia-guia-carta figure:after{content:"";position:absolute;inset:8px;border:1px solid rgba(235,210,146,.15);border-radius:12px;pointer-events:none}
.gaia-guia-carta img{display:block;width:100%;height:100%;object-fit:cover}
.gaia-guia-carta figcaption{position:absolute;left:0;right:0;bottom:0;padding:52px 18px 17px;background:linear-gradient(transparent,rgba(4,11,9,.95) 56%);text-align:center}
.gaia-guia-carta figcaption span{display:block;color:var(--gg-family);font-size:.63rem;font-weight:900;letter-spacing:.15em}
.gaia-guia-carta figcaption strong{display:block;margin-top:3px;color:#fff8e9;font-family:Georgia,"Times New Roman",serif;font-size:1.38rem;font-weight:500}
.gaia-guia-carta>div{padding:18px 18px 20px}
.gaia-guia-carta p{margin:0 0 12px;color:#c7d1c9;font-size:.91rem;line-height:1.62}
.gaia-guia-carta p:last-child{margin-bottom:0}
.gaia-guia-carta p strong{color:#e3c779}
.gaia-guia-carta .gaia-guia-claves{color:var(--gg-family);font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.gaia-guia-final{margin-top:44px;text-align:center}
@media(max-width:850px){.gaia-guia-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.gaia-guia-intro,.gaia-guia-final{padding:22px 19px}.gaia-guia-familia{margin-top:38px}.gaia-guia-familia>header{align-items:flex-start}.gaia-guia-familia>header>span{width:39px;height:39px}.gaia-guia-familia h2{font-size:1.9rem}.gaia-guia-grid{grid-template-columns:1fr}.gaia-guia-carta{display:grid;grid-template-columns:40% 1fr}.gaia-guia-carta figure{height:100%;min-height:340px}.gaia-guia-carta figcaption{padding:44px 10px 13px}.gaia-guia-carta figcaption strong{font-size:1.1rem}.gaia-guia-carta>div{padding:15px 14px}.gaia-guia-carta p{font-size:.85rem;line-height:1.55}.gaia-guia-carta p:nth-of-type(3){display:none}}
@media(max-width:390px){.gaia-guia-carta{grid-template-columns:1fr}.gaia-guia-carta figure{min-height:0}.gaia-guia-carta p:nth-of-type(3){display:block}}
@media(prefers-reduced-motion:reduce){.gaia-guia *{scroll-behavior:auto!important}}