/* Observatorio 0.4.3 — ilustración de 400 px con fundido exclusivamente lateral, corto e intenso.
   Sobrescribe reglas heredadas del tema y de estilos antiguos exclusivamente en .lilobs-root. */
.lilobs-root{container-type:inline-size}
.lilobs-root .lilobs-hero{
    min-height:355px;height:auto;padding:28px 18px;
    background-image:url('https://lossecretosdelilith.com/wp-content/uploads/2026/10/HERO-OBSERVATORIO.webp') !important;
    background-size:cover !important;background-position:center center !important;
    background-color:#081738;background-blend-mode:normal!important;filter:none!important;opacity:1!important;align-items:center;justify-content:center;
}
.lilobs-root .lilobs-hero::before,.lilobs-root .lilobs-hero::after{content:none !important;background:none !important;display:none !important}
.lilobs-root .lilobs-hero-content{width:min(100%,740px);max-width:740px;margin-inline:auto!important;text-align:center!important;text-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center}
.lilobs-root .lilobs-hero h1{
    color:#fff !important;font:400 clamp(31px,3.5vw,48px)/1.13 Georgia,'Times New Roman',serif !important;
    letter-spacing:.014em;text-transform:uppercase;text-align:center !important;
    margin:0 auto 11px !important;text-shadow:0 1px 3px rgba(0,0,0,.45);max-width:100%;
}
.lilobs-root .lilobs-hero-tagline{color:#fff !important;font:400 clamp(17px,1.7vw,22px)/1.25 Georgia,'Times New Roman',serif !important;text-align:center !important;margin:0 auto 6px !important}
.lilobs-root .lilobs-hero-date{color:#fff !important;font:400 clamp(15px,1.5vw,19px)/1.4 Georgia,'Times New Roman',serif !important;text-align:center !important;margin:0 auto 15px !important}
.lilobs-root .lilobs-hero-note{color:#fff !important;font:400 clamp(12px,1.1vw,14px)/1.5 Georgia,'Times New Roman',serif !important;text-align:center !important;max-width:650px;margin:0 auto !important;padding-top:12px;border-top:1px solid rgba(255,234,218,.55)}
.lilobs-root .lilobs-zodiac h2{color:#fff !important;font:400 clamp(30px,3.2vw,42px)/1.2 Georgia,'Times New Roman',serif !important;text-align:center !important;margin:0 auto 4px !important}
.lilobs-root .lilobs-zodiac-desc{color:#fff !important;font:400 clamp(14px,1.3vw,17px)/1.45 Georgia,'Times New Roman',serif !important;text-align:center !important;max-width:100%;margin:0 auto 18px !important}
/* Caja de encabezado: siempre la misma altura de referencia, ningún texto desplaza las tarjetas. */
.lilobs-root .lilobs-panel{background:#fff7f6}
.lilobs-root .lilobs-composition{
    position:relative;isolation:isolate;min-height:400px;
    background:#fff7f6;padding:0;border-radius:13px 13px 0 0;
}
.lilobs-root.lilobs-js .lilobs-composition{height:400px;overflow:hidden}
.lilobs-root .lilobs-sign-art{
    position:absolute;z-index:0;left:0;top:0;display:block;
    width:267px !important;height:400px !important;min-height:0 !important;
    max-width:267px !important;max-height:400px !important;
    aspect-ratio:2/3;object-fit:contain !important;object-position:left top !important;
    border-radius:12px 0 0 0;pointer-events:none;
}
/* El fundido ocupa únicamente los últimos 34 px del borde DERECHO de la imagen.
   Su intensidad termina en el color exacto del panel. La base queda con CORTE RECTO. */
.lilobs-root .lilobs-composition::before{
    content:'';display:block;position:absolute;z-index:1;pointer-events:none;
    top:0;left:233px;width:34px;height:400px;
    background:linear-gradient(90deg,rgba(255,247,246,0) 0%,rgba(255,247,246,.72) 64%,#fff7f6 100%);
}
/* Ningún fundido inferior ni capa adicional sobre la imagen. */
.lilobs-root .lilobs-composition::after{content:none!important;display:none!important;background:none!important;}
.lilobs-root .lilobs-sign-main{
    position:relative;z-index:2;min-width:0;min-height:0 !important;
    margin:0 0 0 267px;padding:17px 26px 14px 11px;
}
.lilobs-root .lilobs-sign-header{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin-bottom:10px}
.lilobs-root .lilobs-sign-header h3{
    font:700 clamp(31px,3.3vw,43px)/1.07 Georgia,'Times New Roman',serif !important;
    color:#b72f4c !important;letter-spacing:.022em;text-transform:uppercase;
    margin:0 0 4px !important;
}
.lilobs-root .lilobs-sign-header p{
    color:#162247 !important;font:700 clamp(14px,1.35vw,17px)/1.4 Georgia,'Times New Roman',serif !important;
    margin:0 !important;
}
.lilobs-root .lilobs-sign-actions{padding:4px 0 0}
.lilobs-root.lilobs-js .lilobs-general{max-height:290px;overflow:hidden}
.lilobs-root .lilobs-general-more[hidden]{display:none !important}
.lilobs-root .lilobs-general{font:400 15px/1.5 Georgia,'Times New Roman',serif !important;color:#27304a;margin:14px 0 5px !important}
.lilobs-root .lilobs-general p{font:inherit !important;margin:0 0 8px !important;text-align:left !important}
.lilobs-root .lilobs-general-more{
    display:inline-flex;align-items:center;gap:8px;padding:5px 3px;
    border:0;background:transparent;color:#a52c50;cursor:pointer;
    font:600 13px/1.35 system-ui,sans-serif;
}
.lilobs-root .lilobs-general-more:hover{text-decoration:underline}
.lilobs-root .lilobs-general-more[aria-expanded='true'] span{transform:rotate(180deg)}
/* Tarjetas debajo de la cabecera completa; no pueden subir o bajar entre signos. */
.lilobs-root .lilobs-topics{position:relative;z-index:2;margin:0 !important;padding:16px 19px 19px !important;background:#fff7f6}
.lilobs-root .lilobs-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.lilobs-root .lilobs-theme-card{
    display:flex;flex-direction:column;width:100%;min-width:0;min-height:216px;
    overflow:hidden;padding:0;margin:0;border:1px solid #f2e0e5;border-radius:9px;
    background:#fffcfd;box-shadow:0 3px 9px rgba(79,36,58,.07);
    text-align:left;color:#202b48;cursor:pointer;appearance:none;
}
.lilobs-root .lilobs-theme-card > img{display:block;width:100%;height:88px !important;object-fit:cover !important;flex:none}
.lilobs-root .lilobs-theme-body{display:flex;flex-direction:column;gap:5px;min-height:0;padding:10px 13px 14px;flex:1}
.lilobs-root .lilobs-theme-label{
    width:100%;padding:0;display:flex;align-items:start;justify-content:space-between;gap:6px;
    font:700 clamp(13px,1.2vw,16px)/1.23 Georgia,'Times New Roman',serif !important;
    color:#132342;
}
.lilobs-root .lilobs-chevron{flex:none;font:20px/1 system-ui,sans-serif;color:#b82e55}
.lilobs-root .lilobs-theme-preview{
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;
    overflow:hidden;font:400 clamp(12px,1.05vw,13.5px)/1.48 Georgia,'Times New Roman',serif;
    color:#37415d;hyphens:auto;
}
.lilobs-root .lilobs-theme-card[aria-expanded='true']{background:#fff3f7;border-color:#bb4769}
.lilobs-root .lilobs-theme-card[aria-expanded='true'] .lilobs-chevron{transform:rotate(180deg)}
/* Panel común de lectura: la energía general y los cuatro apartados se excluyen mutuamente. */
.lilobs-root .lilobs-topic-panels{margin:0;padding:0 19px 14px;background:#fff7f6}
.lilobs-root .lilobs-topic-content{
    display:block;background:#fff;border:1px solid #efdee3;border-radius:8px;
    box-shadow:0 3px 10px rgba(76,32,53,.05);
    padding:20px clamp(18px,2.5vw,32px);color:#25304c;
}
.lilobs-root .lilobs-topic-content[hidden]{display:none !important}
.lilobs-root .lilobs-topic-content h4{font:700 clamp(20px,2vw,25px)/1.2 Georgia,'Times New Roman',serif;color:#ad3154;margin:0 0 10px}
.lilobs-root .lilobs-topic-content p{font:400 clamp(14px,1.15vw,16px)/1.6 Georgia,'Times New Roman',serif;margin:0 0 12px}
.lilobs-root .lilobs-topic-content p:last-child{margin-bottom:0}
/* Centrado explícito de ambos encabezados y control sobre los temas de WP. */
.lilobs-root .lilobs-hero-content :is(h1,p){width:100%;text-align:center!important;}
.lilobs-root .lilobs-zodiac-inner > :is(h2,.lilobs-zodiac-desc){width:100%;text-align:center!important;display:block;margin-inline:auto!important;}
.lilobs-root .lilobs-theme-card > .lilobs-theme-body{padding:10px 13px 14px!important;}
.lilobs-root .lilobs-theme-card .lilobs-theme-label{padding:0!important;}
.lilobs-root .lilobs-theme-card .lilobs-theme-preview{padding:0!important;margin:0!important;text-align:left!important;}
.lilobs-root .lilobs-topic-panels{width:100%;box-sizing:border-box;}
.lilobs-root .lilobs-extras{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;padding:12px 17px 16px}
.lilobs-root .lilobs-extra{min-width:0}
@container (max-width: 900px){
    .lilobs-root .lilobs-composition{min-height:400px}
    .lilobs-root.lilobs-js .lilobs-composition{height:400px}
    .lilobs-root .lilobs-sign-art{width:267px !important;height:400px !important;max-width:267px!important;max-height:400px!important}
    .lilobs-root .lilobs-composition::before{left:233px;width:34px;height:400px}
    .lilobs-root .lilobs-sign-main{margin-left:267px;padding:14px 15px 12px 10px}
    .lilobs-root .lilobs-sign-header h3{font-size:clamp(30px,4vw,38px) !important}
    .lilobs-root.lilobs-js .lilobs-general{max-height:240px}
    .lilobs-root .lilobs-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .lilobs-root .lilobs-theme-card{min-height:194px}
    .lilobs-root .lilobs-theme-card > img{height:100px !important}
}
@container (max-width: 620px){
    .lilobs-root .lilobs-hero{min-height:340px;padding:26px 11px;background-position:40% center !important}
    .lilobs-root .lilobs-hero h1{font-size:clamp(28px,7.2vw,40px) !important;line-height:1.09 !important}
    .lilobs-root .lilobs-hero-tagline{font-size:clamp(15px,3.8vw,19px) !important}
    .lilobs-root .lilobs-hero-date{font-size:15px !important}
    .lilobs-root .lilobs-hero-note{font-size:12px !important}
    .lilobs-root .lilobs-composition{min-height:600px;padding:0 0 12px}
    .lilobs-root.lilobs-js .lilobs-composition{height:600px;overflow:hidden}
    .lilobs-root .lilobs-sign-art{
       position:relative;top:auto;left:auto;margin:0 auto;width:min(100%,210px) !important;
       height:auto !important;max-width:210px!important;max-height:none!important;
       aspect-ratio:2/3;object-fit:contain !important;
       border-radius:0 0 8px 8px;
    }
    .lilobs-root .lilobs-composition::before,.lilobs-root .lilobs-composition::after{display:none}
    .lilobs-root .lilobs-sign-main{margin:0;padding:14px 16px 0;min-height:260px !important}
    .lilobs-root .lilobs-sign-header h3{font-size:clamp(29px,7.4vw,37px) !important}
    .lilobs-root .lilobs-sign-header p{font-size:14px !important}
    .lilobs-root .lilobs-general{font-size:14.5px !important}
    .lilobs-root.lilobs-js .lilobs-general{max-height:150px}
    .lilobs-root .lilobs-topics{padding:12px 11px 14px !important}
    .lilobs-root .lilobs-theme-grid{gap:8px}
    .lilobs-root .lilobs-theme-card{min-height:200px}
    .lilobs-root .lilobs-theme-card > img{height:78px !important}
    .lilobs-root .lilobs-theme-body{padding:9px 11px 12px}
    .lilobs-root .lilobs-theme-card > .lilobs-theme-body{padding:9px 11px 12px!important}
    .lilobs-root .lilobs-theme-label{font-size:13px !important}
    .lilobs-root .lilobs-theme-preview{font-size:12px;line-height:1.4}
    .lilobs-root .lilobs-topic-panels{padding:0 11px 13px}
    .lilobs-root .lilobs-extras{padding:10px 11px 15px;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (max-width: 345px){
    .lilobs-root .lilobs-theme-grid{grid-template-columns:minmax(0,1fr)}
    .lilobs-root .lilobs-theme-card{min-height:0}
    .lilobs-root .lilobs-theme-card > img{height:105px !important}
    .lilobs-root .lilobs-extras{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.lilobs-root .lilobs-theme-card,.lilobs-root .lilobs-chevron{transition:none !important}}

/* No se permite ninguna superposición heredada sobre el hero. */
.lilobs-root .lilobs-hero{background-image:url("https://lossecretosdelilith.com/wp-content/uploads/2026/10/HERO-OBSERVATORIO.webp")!important;}
.lilobs-root .lilobs-hero::before,.lilobs-root .lilobs-hero::after{display:none!important;}
.lilobs-root .lilobs-hero-content{position:relative;left:auto;right:auto;transform:none;text-align:center!important;}
@media(min-width:901px){.lilobs-root .lilobs-sign-main{margin-left:267px!important;}}