/* Los Secretos de Lilith — Observatorio. Estilos encapsulados, sin selectores globales. */
/* La caja del Observatorio respeta el ancho REAL del contenido de WordPress.
   No debe centrarse contra el viewport: el tema ya marca los bordes del contenido. */
.lilobs-root{--lilobs-ink:#151e40;--lilobs-wine:#bb3159;--lilobs-night:#071436;--lilobs-pale:#fff8f7;--lilobs-border:#eddde0;color:var(--lilobs-ink);font-family:Georgia,"Times New Roman",serif;background:#fffbfc;display:block;width:100%;max-width:100%;min-width:0;margin:0 auto;position:relative;left:auto;right:auto;transform:none;overflow-x:clip;overflow-wrap:break-word;line-height:1.5;box-sizing:border-box;font-size:16px}
.lilobs-root *, .lilobs-root *::before,.lilobs-root *::after{box-sizing:border-box}
.lilobs-root :is(h1,h2,h3,h4,p){margin-top:0;line-height:1.3}
.lilobs-root p{line-height:1.57}
.lilobs-root img{max-width:100%;height:auto}
.lilobs-root a,.lilobs-root button{font:inherit}
.lilobs-root :focus-visible{outline:3px solid #e6a152;outline-offset:4px}
.lilobs-preview-banner{background:#c53460;color:#fff;text-align:center;padding:11px 18px;font:700 12px/1.4 system-ui,sans-serif;letter-spacing:.095em}
.lilobs-hero{height:345px;min-height:345px;background:linear-gradient(90deg,rgba(3,10,28,.10) 0%,rgba(8,10,37,.10) 21%,rgba(8,10,37,.4) 50%,rgba(8,10,37,.05) 100%),url('https://lossecretosdelilith.com/wp-content/uploads/2026/10/HERO-OBSERVATORIO.webp') center center / cover no-repeat;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;color:white;isolation:isolate;padding:22px 16px}
.lilobs-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 49% 73% at 51% 42%,rgba(1,8,31,.54),transparent 95%)}
.lilobs-hero-content{position:relative;max-width:650px;text-shadow:0 2px 12px #04102f}
.lilobs-hero h1{font-size:clamp(33px,4.4vw,59px);font-weight:400;line-height:.95;letter-spacing:.017em;text-transform:uppercase;margin:0 auto 13px}
.lilobs-root .lilobs-hero h1,.lilobs-root .lilobs-hero p{color:#fff}
.lilobs-hero-tagline{font-size:clamp(17px,2vw,25px);margin-bottom:8px;line-height:1.2!important}
.lilobs-hero-date{font-size:clamp(16px,1.8vw,22px);margin-bottom:14px}
.lilobs-hero-note{font-size:clamp(12px,1.2vw,16px);border-top:1px solid rgba(250,224,185,.66);padding-top:12px;margin-bottom:0!important}
.lilobs-factors{padding:19px clamp(18px,4vw,65px);background:linear-gradient(90deg,#f8edf0,#f7f4f9,#f6edf2);display:flex;flex-wrap:wrap;gap:14px 20px;justify-content:space-between;box-shadow:0 2px 5px rgba(10,25,55,.06)}
.lilobs-factor{display:flex;align-items:center;gap:10px;min-width:145px;flex:1 1 160px;max-width:290px}
.lilobs-factor-icon{width:40px;height:40px;flex:none;object-fit:contain}
.lilobs-factor strong{display:block;font-size:13px;line-height:1.25;font-weight:600}
.lilobs-factor span{display:block;font:11px/1.45 system-ui,sans-serif;color:#48516e;margin-top:3px}
.lilobs-clima{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,1fr);gap:clamp(25px,4vw,55px);padding:34px clamp(18px,4.4vw,64px) 31px;background:linear-gradient(117deg,#fff 0%,#fffafc 65%,#fff6f4 100%)}
.lilobs-clima h2{font-size:clamp(26px,3.1vw,39px);font-weight:400;margin:0 0 18px}
.lilobs-clima-text>p{font-size:clamp(15px,1.25vw,17px);margin-bottom:12px}
.lilobs-analysis{margin-top:16px}
.lilobs-analysis>summary{list-style:none;display:inline-flex;align-items:center;gap:22px;background:#082f83;color:#fff;font-size:14px;line-height:1.2;border-radius:30px;padding:12px 24px;cursor:pointer;box-shadow:0 6px 12px rgba(10,27,92,.13);max-width:100%}
.lilobs-analysis>summary::-webkit-details-marker{display:none}
.lilobs-analysis>summary span{font-size:23px;font-family:Arial,sans-serif;font-weight:400}
.lilobs-analysis-body{padding:15px 4px 0}
.lilobs-analysis-body h3{font-weight:400;font-size:23px;color:#8f2c4b;margin:22px 0 8px}
.lilobs-analysis-body p{margin-bottom:10px}
.lilobs-energies{background:linear-gradient(#fff9f8,#fff9fa);padding:12px 20px;border-radius:10px;align-self:start}
.lilobs-energies>h3{text-transform:uppercase;letter-spacing:.095em;font-size:14px;margin-bottom:20px}
.lilobs-energy{display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:center;margin-bottom:16px}
.lilobs-energy:last-child{margin-bottom:4px}
.lilobs-energy-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#faedf1}
.lilobs-energy:nth-of-type(2) .lilobs-energy-icon{background:#f2f0e7}
.lilobs-energy:nth-of-type(3) .lilobs-energy-icon{background:#f8edf5}
.lilobs-energy-icon img{width:42px;height:42px;object-fit:contain}
.lilobs-energy h4{font-size:16px;margin-bottom:4px}
.lilobs-energy p{font-size:13px;margin:0;color:#404565;line-height:1.4}
.lilobs-zodiac{padding:26px clamp(14px,3vw,32px) 35px;background:linear-gradient(to bottom,transparent 0%,transparent 30%,#e8bed4 68%,#f8dfdc 100%),radial-gradient(circle at 12% 9%,#ffdbbe 0 1px,transparent 2px),radial-gradient(circle at 55% 18%,#ffffff 0 1px,transparent 2px),radial-gradient(circle at 91% 5%,#ffdfa7 0 1px,transparent 2px),linear-gradient(#071b44,#101439 43%,#2b1443 65%,#f8dfdc 100%);color:white}
.lilobs-zodiac-inner{max-width:1380px;margin:0 auto}
.lilobs-zodiac h2{text-align:center;font-size:clamp(27px,3vw,39px);font-weight:400;margin:0 0 2px}
.lilobs-zodiac-desc{text-align:center;font-size:clamp(14px,1.35vw,17px);margin-bottom:20px!important}
.lilobs-signs{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;align-items:start;margin:0 0 16px}
.lilobs-sign{text-decoration:none!important;color:#fff!important;text-align:center;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:3px;border-radius:13px;padding:5px 1px 8px;min-width:0}
.lilobs-sign-icon{width:clamp(43px,5.6vw,72px);height:clamp(43px,5.6vw,72px);border-radius:50%;transition:filter .18s ease,transform .18s ease}
.lilobs-sign:hover .lilobs-sign-icon,.lilobs-sign.is-active .lilobs-sign-icon{filter:drop-shadow(0 0 8px #ffd3a1) drop-shadow(0 0 4px #fff3dc)}
.lilobs-sign.is-active{background:rgba(255,255,255,.08);color:#fff!important}
.lilobs-sign.is-active::after{content:"";height:2px;width:70%;background:#f9c7a5;display:block;margin-top:2px}
.lilobs-sign span{overflow-wrap:anywhere}
.lilobs-panels{color:var(--lilobs-ink)}
.lilobs-js .lilobs-panel:not(.is-active){display:none}
.lilobs-panel{background:linear-gradient(160deg,#fff7f6,#fff8f6 50%,#fff5f4);border:1px solid rgba(255,234,234,.9);border-radius:14px;box-shadow:0 10px 26px rgba(56,15,61,.09);overflow:hidden;margin-top:14px;color:var(--lilobs-ink)}
.lilobs-panel-body{display:grid;grid-template-columns:minmax(190px,25%) minmax(0,1fr);gap:0;align-items:stretch}
.lilobs-sign-art{width:100%;height:100%!important;object-fit:cover;object-position:50% 30%;min-height:460px;background:#e8b6be}
.lilobs-sign-main{padding:18px 18px 12px;min-width:0}
.lilobs-sign-header{display:flex;justify-content:space-between;align-items:start;gap:20px;flex-wrap:wrap}
.lilobs-sign-header h3{font-size:clamp(29px,3.3vw,40px);font-weight:400;letter-spacing:.045em;text-transform:uppercase;color:#b92c4a;margin:0}
.lilobs-sign-header p{font-size:15px;margin:0 0 8px}
.lilobs-sign-actions{display:flex;gap:8px;flex-wrap:wrap}
.lilobs-sign-actions button{font-size:12px;border:1px solid #e7b3c7;border-radius:22px;padding:8px 13px;background:transparent;color:#a13356;cursor:pointer;transition:background .18s,color .18s}
.lilobs-sign-actions button:hover{background:#b83260;color:#fff}
.lilobs-general{font-size:15px;line-height:1.55;margin:10px 0 15px}
.lilobs-general p{margin:0 0 11px}
.lilobs-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lilobs-theme-card{min-width:0;background:#fffafa;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(61,25,57,.05)}
.lilobs-theme-card>img{display:block;width:100%;height:90px!important;object-fit:cover}
.lilobs-theme-card>div{padding:9px 11px 13px}
.lilobs-theme-card h4{font-size:15px;margin-bottom:8px;color:#20213d}
.lilobs-theme-card p{font-size:12.5px;line-height:1.47;color:#313752;margin:0 0 8px}
.lilobs-theme-card p:last-child{margin-bottom:0}
.lilobs-extras{display:flex;flex-wrap:wrap;gap:12px;padding:11px 19px 16px;background:rgba(255,251,250,.64);border-top:1px solid #f4e9e8}
.lilobs-extra{display:flex;align-items:center;gap:8px;flex:1 1 145px;background:#fffdfc;padding:9px 12px;border-radius:9px;min-width:0}
.lilobs-extra img{width:36px;height:36px;object-fit:contain;flex:none}
.lilobs-extra>span{display:flex;flex-direction:column;font:12px/1.4 system-ui,sans-serif;overflow-wrap:anywhere}
.lilobs-extra strong{font-weight:650;color:#2e2b44}
.lilobs-extra>span>span{color:#595367}
.lilobs-next{background:#fffcfd;padding:26px clamp(18px,4vw,55px) 45px}
.lilobs-next h2{font-size:clamp(26px,3vw,35px);font-weight:400;margin-bottom:4px}
.lilobs-next>p{font-size:14px;color:#52536a}
.lilobs-next-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-top:14px}
.lilobs-next-card{display:flex;flex-direction:column;text-decoration:none!important;color:#22243c!important;border-radius:9px;overflow:hidden;box-shadow:0 3px 12px rgba(51,30,55,.12);background:white}
.lilobs-next-card img{width:100%;aspect-ratio:2.5;object-fit:cover}
.lilobs-next-card strong{font-size:13px;margin:8px 9px 2px}
.lilobs-next-card span{font-size:12px;line-height:1.3;color:#565972;margin:0 9px 10px}
.lilobs-missing{padding:36px 20px;text-align:center;background:#fff7fb;color:#262b49;border:1px solid #f0dae3}
@media(max-width:1100px){.lilobs-signs{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 4px}.lilobs-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lilobs-theme-card>img{height:125px!important}.lilobs-sign-art{min-height:570px}.lilobs-next-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.lilobs-root{width:100%;max-width:100%}.lilobs-hero{min-height:335px;height:auto;background-position:38% center}.lilobs-hero h1{font-size:clamp(31px,7vw,51px)}.lilobs-hero-note{max-width:340px;margin:auto}.lilobs-factors{justify-content:center}.lilobs-factor{flex:1 1 165px}.lilobs-clima{grid-template-columns:1fr}.lilobs-panel-body{grid-template-columns:minmax(0,1fr)}.lilobs-sign-art{width:100%;height:300px!important;min-height:0;object-position:center 40%}.lilobs-zodiac{background-size:auto,107px 133px,137px 127px,211px 177px,auto}.lilobs-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.lilobs-hero{height:350px;min-height:350px;background-position:39% center}.lilobs-hero h1{font-size:34px}.lilobs-hero-tagline{font-size:17px}.lilobs-hero-date{font-size:15px}.lilobs-factors{padding:15px 10px;gap:8px}.lilobs-factor{min-width:0;flex:1 1 43%;gap:6px}.lilobs-factor-icon{width:32px;height:32px}.lilobs-factor strong{font-size:12px}.lilobs-factor span{font-size:10px}.lilobs-clima{padding:28px 17px}.lilobs-zodiac{padding:26px 12px}.lilobs-signs{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.lilobs-sign-icon{width:58px;height:58px}.lilobs-sign{font-size:12px}.lilobs-sign-main{padding:16px 12px}.lilobs-sign-header h3{font-size:31px}.lilobs-sign-actions{width:100%}.lilobs-theme-grid{grid-template-columns:1fr}.lilobs-theme-card>img{height:120px!important}.lilobs-theme-card p{font-size:14px}.lilobs-extras{padding:9px}.lilobs-next-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
@media(prefers-reduced-motion:reduce){.lilobs-root *{scroll-behavior:auto!important;transition:none!important}}

.lilobs-today-link{text-align:center;padding:13px;background:#fffbfd}.lilobs-today-link a{color:#0b3880;text-decoration:underline}
/* Observatorio 0.3 · disposición editorial revisada */
.lilobs-root .lilobs-hero{height:auto;min-height:385px;padding:32px 22px;background-position:center 52%}
.lilobs-root .lilobs-hero-content{width:min(100%,780px);margin-inline:auto;text-align:center}
.lilobs-root .lilobs-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5.4vw,67px)!important;line-height:1.08!important;letter-spacing:.013em;font-weight:400;color:#fff!important;text-align:center;text-transform:uppercase;margin:0 auto 15px!important;text-shadow:0 2px 14px #051332}
.lilobs-root .lilobs-hero-tagline{font-size:clamp(17px,2vw,25px);line-height:1.25!important;margin:0 0 8px!important;color:white!important}
.lilobs-root .lilobs-hero-date{font-size:clamp(16px,1.75vw,23px);line-height:1.3!important;margin:0 auto 15px!important;color:white!important}
.lilobs-root .lilobs-hero-note{font-size:clamp(12px,1.15vw,16px);font-weight:400;line-height:1.5!important;margin:0 auto!important;padding-top:11px;text-align:center;max-width:650px}
.lilobs-root .lilobs-zodiac h2{color:#fff!important;font-size:clamp(34px,4.1vw,51px)!important;line-height:1.2!important;letter-spacing:.012em;font-weight:400;text-align:center;margin-bottom:5px!important}
.lilobs-root .lilobs-zodiac-desc{color:#fff!important;font-size:clamp(14px,1.65vw,19px);line-height:1.45!important;margin:0 auto 22px!important;text-align:center}
.lilobs-root .lilobs-panel-body{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:23px;padding:23px 23px 7px}
.lilobs-root .lilobs-sign-art{display:block;width:240px;max-width:100%;height:360px!important;min-height:0!important;aspect-ratio:2/3;object-fit:contain!important;object-position:center top!important;align-self:start;justify-self:start;border-radius:7px;background:#f5d6df}
.lilobs-root .lilobs-sign-main{padding:0;align-self:start;min-width:0}
.lilobs-root .lilobs-sign-header{gap:8px 18px;margin-bottom:14px}
.lilobs-root .lilobs-general{margin:4px 0 14px;font-size:clamp(15px,1.2vw,17px)}
.lilobs-root .lilobs-topics{padding:10px 23px 20px}
.lilobs-root .lilobs-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lilobs-root .lilobs-theme-card{appearance:none;border:1px solid #f0d9e3;padding:0;width:100%;display:flex;flex-direction:column;text-align:left;cursor:pointer;background:#fffafa;border-radius:9px;overflow:hidden;box-shadow:0 3px 12px rgba(61,25,57,.06);color:#1a284a;transition:border-color .2s ease,background .2s ease}
.lilobs-root .lilobs-theme-card>img{display:block;width:100%;height:clamp(78px,8.5vw,120px)!important;aspect-ratio:2.7;object-fit:cover!important}
.lilobs-root .lilobs-theme-label{display:flex;gap:6px;justify-content:space-between;align-items:center;width:100%;padding:11px 13px 12px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(14px,1.3vw,17px);font-weight:600;line-height:1.2;color:#20213d}
.lilobs-root .lilobs-chevron{flex:none;font:24px/12px system-ui,sans-serif;color:#a52a56;transition:transform .2s ease}
.lilobs-root .lilobs-theme-card[aria-expanded="true"]{border-color:#bc436e;background:#fff4f7}
.lilobs-root .lilobs-theme-card[aria-expanded="true"] .lilobs-chevron{transform:rotate(180deg)}
.lilobs-root .lilobs-topic-panels{margin-top:14px}
.lilobs-root .lilobs-topic-content{display:block;background:#fff;border:1px solid #f0dfe5;border-radius:9px;box-shadow:0 3px 12px rgba(43,20,53,.04);padding:24px clamp(18px,3.5vw,42px);color:#2b2a45}
.lilobs-root .lilobs-topic-content[hidden]{display:none!important}
.lilobs-root .lilobs-topic-content h4{font-size:clamp(22px,2.1vw,29px);font-weight:400;color:#a32d55;line-height:1.25;margin:0 0 12px}
.lilobs-root .lilobs-topic-content p{font-size:clamp(15px,1.2vw,17px);line-height:1.65;margin:0 0 13px}
.lilobs-root .lilobs-topic-content p:last-child{margin-bottom:0}
.lilobs-root .lilobs-extras{padding:13px 23px 19px;display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}
.lilobs-root .lilobs-next .lilobs-next-card.is-current{outline:2px solid #bc436e;outline-offset:1px}
@media(max-width:850px){
  .lilobs-root .lilobs-panel-body{grid-template-columns:200px minmax(0,1fr);padding:18px 18px 7px;gap:18px}
  .lilobs-root .lilobs-sign-art{width:200px;height:300px!important}
  .lilobs-root .lilobs-topics{padding:10px 18px 20px}
  .lilobs-root .lilobs-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lilobs-root .lilobs-theme-card>img{height:110px!important}
}
@media(max-width:630px){
  .lilobs-root .lilobs-hero{min-height:360px;padding:30px 13px;background-position:41% center}
  .lilobs-root .lilobs-hero h1{font-size:clamp(33px,7.4vw,45px)!important;line-height:1.12!important}
  .lilobs-root .lilobs-hero-tagline{font-size:clamp(16px,3.9vw,20px)}
  .lilobs-root .lilobs-hero-date{font-size:16px}
  .lilobs-root .lilobs-hero-note{max-width:345px;font-size:12.5px}
  .lilobs-root .lilobs-zodiac h2{font-size:clamp(30px,7vw,40px)!important}
  .lilobs-root .lilobs-panel-body{grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px;padding:18px 14px 2px}
  .lilobs-root .lilobs-sign-art{width:200px;height:300px!important;justify-self:center}
  .lilobs-root .lilobs-sign-main{width:100%}
  .lilobs-root .lilobs-topics{padding:10px 13px 15px}
  .lilobs-root .lilobs-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .lilobs-root .lilobs-theme-card>img{height:90px!important}
  .lilobs-root .lilobs-theme-label{font-size:14px;padding:10px 9px}
  .lilobs-root .lilobs-topic-content{padding:17px 15px}
  .lilobs-root .lilobs-extras{padding:11px 12px 15px;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:340px){
  .lilobs-root .lilobs-theme-card>img{height:70px!important}
  .lilobs-root .lilobs-theme-label{font-size:13px}
  .lilobs-root .lilobs-extras{grid-template-columns:minmax(0,1fr)}
}
