/* Aurora & Tierra desde el Espacio (NOAA OVATION + Satélites) */
.afo-wrap{width:100%}
.afo-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:860px){.afo-grid{grid-template-columns:1fr 1fr}}
.afo-card{border:1px solid rgba(0,0,0,.12);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.afo-card.is-plain{border:none;box-shadow:none;border-radius:0;background:transparent}
.afo-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.08)}
.afo-dot{width:10px;height:10px;border-radius:999px;background:currentColor;opacity:.65}
.afo-title{margin:0!important;font-size:16px;line-height:1.25}
.afo-body{padding:10px}
.afo-link{display:block}
.afo-img{width:100%;height:auto;display:block;border-radius:10px}
.afo-meta,.afo-credit{padding:0 14px 12px 14px;font-size:12px;opacity:.8}
.afo-credit{padding-top:0}

/* Section */
.afo-section{width:100%;padding:var(--afo-section-pad,18px);border-radius:18px}
.afo-section-inner{max-width:var(--afo-inner-max,100%);margin:0 auto}

/* Optional full-bleed */
.afo-fullbleed{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;border-radius:0}
.afo-alignfull{}

/* Space background */
.afo-bg-space{color:rgba(255,255,255,.92);background-color:#03040b;background-image:
radial-gradient(1px 1px at 20px 30px,rgba(255,255,255,.75),rgba(255,255,255,0)),
radial-gradient(1px 1px at 80px 120px,rgba(255,255,255,.55),rgba(255,255,255,0)),
radial-gradient(2px 2px at 160px 60px,rgba(255,255,255,.65),rgba(255,255,255,0)),
radial-gradient(1px 1px at 240px 140px,rgba(255,255,255,.45),rgba(255,255,255,0)),
radial-gradient(1px 1px at 320px 40px,rgba(255,255,255,.55),rgba(255,255,255,0)),
radial-gradient(1px 1px at 400px 160px,rgba(255,255,255,.6),rgba(255,255,255,0)),
radial-gradient(circle at 70% 10%,rgba(90,140,255,.18),transparent 40%),
radial-gradient(circle at 12% 80%,rgba(255,120,80,.10),transparent 45%),
linear-gradient(#080a18,#02030a);
background-size:420px 220px,420px 220px,420px 220px,420px 220px,420px 220px,420px 220px,auto,auto,auto;
background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,no-repeat,no-repeat,no-repeat}
.afo-head-dark{border-bottom-color:rgba(255,255,255,.12)}
.afo-bg-space .afo-dot{opacity:.75}
.afo-bg-space .afo-title{color:rgba(255,255,255,.95)}
.afo-credit-dark{color:rgba(255,255,255,.75)}

/* Panel */
.afo-panel{background:rgba(8,10,18,.52);border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.45);backdrop-filter:blur(8px);width:100%}
.afo-panel .afo-head{border-bottom:1px solid rgba(255,255,255,.12)}

/* Earth */
.afo-earth{padding:18px 14px 22px 14px;display:flex;justify-content:center}
.afo-earth-sphere{width:min(var(--afo-earth-size,680px),100%);aspect-ratio:1/1;border-radius:999px;margin:0 auto;background-image:var(--afo-earth-img);background-repeat:repeat-x;background-size:auto 100%;background-position:0 50%;position:relative;cursor:grab;box-shadow:inset -38px 0 70px rgba(0,0,0,.62),inset 18px 0 55px rgba(255,255,255,.06),0 24px 70px rgba(0,0,0,.55)}
.afo-earth-sphere:active{cursor:grabbing}
.afo-earth-sphere:before{content:"";position:absolute;inset:0;border-radius:999px;background:
radial-gradient(circle at 28% 35%,rgba(255,255,255,.14),transparent 45%),
radial-gradient(circle at 75% 75%,rgba(255,255,255,.06),transparent 50%);pointer-events:none}