/* Familia de astrología personal v3. Las cinco calculadoras comparten oficio,
   no una plantilla plana: cada una conserva su color y su jerarquía. */
.tgr,.trn,.rs,.nds,.sin{--ap-ink:#f7f1ff;--ap-muted:#b9aec7;--ap-line:rgba(222,190,118,.22);--ap-panel:#15111f;isolation:isolate}
.tgr-apertura,.trn-apertura,.rs-apertura,.nds-apertura,.sin-apertura{box-shadow:0 24px 70px rgba(4,2,10,.28),inset 0 1px rgba(255,255,255,.035)}
.tgr-form,.trn-form,.rs-form,.nds-form,.sin-form{position:relative;overflow:hidden;box-shadow:0 28px 70px rgba(3,2,9,.32),inset 0 1px rgba(255,255,255,.035)}
.tgr-form:before,.trn-form:before,.rs-form:before,.nds-form:before,.sin-form:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(246,213,135,.55),transparent);pointer-events:none}
.tgr input,.tgr select,.trn input,.trn select,.rs input,.rs select,.nds input,.nds select,.sin input,.sin select{color-scheme:dark}
.tgr input::-webkit-calendar-picker-indicator,.trn input::-webkit-calendar-picker-indicator,.rs input::-webkit-calendar-picker-indicator,.nds input::-webkit-calendar-picker-indicator,.sin input::-webkit-calendar-picker-indicator{opacity:.9;filter:sepia(.35) saturate(1.4) brightness(1.7)}

.apv3-section{margin:30px 0;padding:clamp(20px,3vw,30px);border:1px solid var(--ap-line);border-radius:22px;background:radial-gradient(circle at 82% 8%,rgba(143,116,196,.11),transparent 36%),linear-gradient(145deg,#181321,#100d18);box-shadow:0 22px 55px rgba(2,1,7,.22)}
.apv3-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}
.apv3-section-head h2{margin:0;color:var(--ap-ink);font-size:clamp(1.25rem,3vw,1.75rem)}
.apv3-section-head p{max-width:590px;margin:5px 0 0;color:var(--ap-muted);line-height:1.62}
.apv3-badge{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 11px;border:1px solid rgba(224,187,98,.34);border-radius:99px;background:rgba(224,187,98,.07);color:#e8c878;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.apv3-wheel-layout{display:grid;grid-template-columns:minmax(280px,1.18fr) minmax(250px,.82fr);align-items:center;gap:30px}
.apv3-wheel{max-width:600px;margin:auto;padding:10px;border:1px solid rgba(174,149,207,.16);border-radius:50%;background:radial-gradient(circle,rgba(51,40,70,.22),rgba(7,7,14,.2) 68%,transparent 69%)}
.apv3-wheel .cta-rueda{display:block;width:100%;height:auto;overflow:visible}
.apv3-wheel .cta-wheel-bg{fill:url(#ctaWheelGlow)}
.apv3-wheel .cta-aro{fill:none;stroke:#665878;stroke-width:.8}
.apv3-wheel .cta-raya,.apv3-wheel .cta-casa{stroke:#554860;stroke-width:.8}
.apv3-wheel .cta-casa{stroke-dasharray:3 3}
.apv3-wheel .cta-aspecto{stroke-width:1;opacity:.46}
.apv3-wheel .cta-aspecto.es-armonico{stroke:#6fc1b0}.apv3-wheel .cta-aspecto.es-tension{stroke:#d77e83}.apv3-wheel .cta-aspecto.es-union{stroke:#d9b45f}
.apv3-wheel .cta-aspecto.es-exacto{stroke-width:1.8;opacity:.78}
.apv3-wheel .cta-signo,.apv3-wheel .cta-numero,.apv3-wheel .cta-planeta,.apv3-wheel .cta-eje-txt{text-anchor:middle;dominant-baseline:middle}
.apv3-wheel .cta-signo{fill:#c4b7d3;font-size:25px}.apv3-wheel .cta-numero{fill:#8e809c;font-size:11px}.apv3-wheel .cta-planeta{fill:#eac66f;font-size:25px}.apv3-wheel .cta-planeta.es-retro{text-decoration:underline}
.apv3-wheel .cta-marca,.apv3-wheel .cta-guia-planeta{stroke:#b9a4c9;stroke-width:.75;fill:none;opacity:.65}.apv3-wheel .cta-eje{stroke:#e6be63;stroke-width:1.3}.apv3-wheel .cta-eje-txt{fill:#e6be63;font-size:11px;font-weight:800}.apv3-wheel .cta-centro{fill:#e6be63}
.apv3-orbit-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.apv3-orbit-list li{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.025)}
.apv3-orbit-list i{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(225,188,99,.35);border-radius:50%;color:#e7c470;font:normal 1.35rem/1 serif}
.apv3-orbit-list strong,.apv3-orbit-list small{display:block}.apv3-orbit-list strong{color:#f4eef9;font-size:.91rem}.apv3-orbit-list small{margin-top:2px;color:#9d91aa;font-size:.72rem}.apv3-orbit-list b{color:#cbbdd6;font-size:.78rem;font-weight:500}
.apv3-note{margin:15px 0 0;padding:13px 15px;border:1px solid rgba(217,179,90,.24);border-left:3px solid #ddb65e;border-radius:11px;background:rgba(217,179,90,.055);color:#bfb4c8;font-size:.84rem;line-height:1.58}

.apv3-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 4px}
.apv3-share{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 19px;border:1px solid rgba(230,191,99,.52);border-radius:99px;background:linear-gradient(135deg,rgba(230,191,99,.16),rgba(142,111,187,.13));color:#f0d58e;font:700 .84rem/1.2 var(--ui);letter-spacing:.025em;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.apv3-share:hover{transform:translateY(-2px);border-color:#e6bf63;background:linear-gradient(135deg,rgba(230,191,99,.23),rgba(142,111,187,.18))}
.apv3-share:disabled{opacity:.65;cursor:wait;transform:none}.apv3-share svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.apv3-share-status{flex:0 0 100%;min-height:1.2em;margin:0;color:#a99db4;font-size:.75rem;text-align:center}

.apv3-now{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 0;color:#a99eB5;font-size:.78rem}.apv3-now:before{content:"";width:7px;height:7px;border-radius:50%;background:#7bc9ab;box-shadow:0 0 0 5px rgba(123,201,171,.1)}
.apv3-uncertain{display:inline-flex;align-items:center;gap:5px;color:#dfc477!important}.apv3-uncertain:before{content:"≈";font-weight:800}

/* Tránsitos: un cielo circular que deja ver de inmediato qué se mueve hoy. */
.trn-cielo-v3{overflow:hidden}.trn-cielo-v3 .apv3-wheel-layout{grid-template-columns:minmax(300px,1fr) minmax(280px,1fr)}
.trn-radar{position:relative;max-width:540px;aspect-ratio:1;margin:auto;border:1px solid rgba(221,180,91,.28);border-radius:50%;background:radial-gradient(circle,rgba(154,129,208,.14),transparent 51%),repeating-radial-gradient(circle,transparent 0 21%,rgba(255,255,255,.055) 21.3% 21.6%,transparent 22% 42%)}
.trn-radar:before,.trn-radar:after{content:"";position:absolute;inset:9%;border:1px dashed rgba(255,255,255,.075);border-radius:50%}.trn-radar:after{inset:31%}
.trn-radar-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(221,180,91,.4);border-radius:50%;background:#15101e;color:#e6c46d;text-align:center}.trn-radar-center b{font:600 1.4rem/1 var(--display)}.trn-radar-center small{font-size:.55rem;letter-spacing:.09em;text-transform:uppercase}
.trn-radar-point{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-205px) rotate(calc(-1 * var(--a)));display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(154,129,208,.5);border-radius:50%;background:#171120;color:#e9c86f;font:1.2rem serif;box-shadow:0 0 18px rgba(154,129,208,.12)}

/* Resultado de revolución y nodos: las ruedas SVG nuevas usan la misma piel. */
.rs-rueda-v3,.nds-rueda-v3,.sin-rueda-v3{display:block;width:100%;height:auto;overflow:visible}
.rs-wheel-bg,.nds-wheel-bg,.sin-wheel-bg{fill:#090914;stroke:none}.rs-wheel-ring,.nds-wheel-ring,.sin-wheel-ring{fill:none;stroke:#665878;stroke-width:1}
.rs-wheel-zodiac,.nds-wheel-zodiac,.sin-wheel-zodiac{fill:#c5b7d4;font-size:20px;text-anchor:middle;dominant-baseline:middle}
.rs-wheel-line,.nds-wheel-line,.sin-wheel-line{stroke:#51465e;stroke-width:.75}.rs-wheel-house,.nds-wheel-house{stroke:#51465e;stroke-width:.7;stroke-dasharray:3 3}
.rs-wheel-axis,.nds-wheel-axis{stroke:#e2bd66;stroke-width:1.35}.rs-wheel-planet,.nds-wheel-node,.sin-wheel-planet{text-anchor:middle;dominant-baseline:middle}
.rs-wheel-planet.es-solar{fill:#e4bd65;font-size:20px}.rs-wheel-planet.es-natal{fill:#a894d5;font-size:16px}.rs-wheel-guide{fill:none;stroke-width:.7;opacity:.65}.rs-wheel-guide.es-solar{stroke:#e4bd65}.rs-wheel-guide.es-natal{stroke:#a894d5}
.nds-wheel-node{font-size:31px}.nds-wheel-node.es-norte{fill:#e2bd66}.nds-wheel-node.es-sur{fill:#a58ed0}.nds-wheel-axis{stroke-dasharray:5 4}
.sin-wheel-planet.es-a{fill:#e2bd66;font-size:18px}.sin-wheel-planet.es-b{fill:#ac96da;font-size:16px}.sin-wheel-aspect{fill:none;stroke-width:1;opacity:.6}.sin-wheel-aspect.es-armonico{stroke:#72b791}.sin-wheel-aspect.es-tenso{stroke:#cf8175}.sin-wheel-aspect.es-union{stroke:#ddb65e}

.nds-sinhora{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;margin:15px 0 0;color:#c9bfd2;font-size:.88rem}.nds-sinhora input{width:18px;height:18px;accent-color:var(--nds-norte)}
.nds-sinhora-av,.sin-hora-av{margin:14px 0;padding:14px 17px;border:1px solid rgba(223,184,95,.3);border-left:3px solid #dfb85f;border-radius:12px;background:rgba(223,184,95,.06);color:#c9bfd2;font-size:.87rem;line-height:1.62}
.nds-lecturas:has(>article:only-child){grid-template-columns:1fr}

.sin-rueda-wrap{display:grid;grid-template-columns:minmax(320px,1.08fr) minmax(250px,.92fr);align-items:center;gap:28px}.sin-rueda-caja{max-width:560px;margin:auto}.sin-wheel-key{display:grid;gap:12px}.sin-wheel-key article{padding:17px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.025)}.sin-wheel-key h3{margin:0 0 6px;color:#f4eef8;font-size:1rem}.sin-wheel-key p{margin:0;color:#afa4ba;font-size:.84rem;line-height:1.55}

@media (max-width:760px){
 .apv3-section{padding:18px;border-radius:17px}.apv3-section-head{display:block}.apv3-badge{margin-top:12px}
 .apv3-wheel-layout,.trn-cielo-v3 .apv3-wheel-layout,.sin-rueda-wrap{grid-template-columns:1fr}.apv3-wheel{max-width:520px;padding:3px}
 .trn-radar{max-width:390px}.trn-radar-point{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-145px) rotate(calc(-1 * var(--a)));width:34px;height:34px}
}
@media (max-width:430px){
 .apv3-wheel .cta-signo{font-size:22px}.apv3-wheel .cta-planeta{font-size:22px}.apv3-orbit-list li{grid-template-columns:38px 1fr}.apv3-orbit-list b{grid-column:2}
 .trn-radar{max-width:310px}.trn-radar-point{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-114px) rotate(calc(-1 * var(--a)));width:31px;height:31px;font-size:1rem}.trn-radar-center{width:60px;height:60px}
}
@media (prefers-reduced-motion:reduce){.apv3-share{transition:none}.apv3-share:hover{transform:none}.nds-sello{animation:none!important}}