/* Yolia · tableros "wow": encabezado ilustrado, indicadores con explicacion, clima en vivo, pagos. Solo presentacion.
   Responsive: telefono (vertical/horizontal), tableta y escritorio. Respeta "reducir movimiento". */

/* ---------- Titulos de seccion ---------- */
.ydsec{margin:1.4rem 0 .7rem}
.ydsec__title{margin:0;font-family:'Fraunces',serif;font-size:1.15rem;line-height:1.25;color:var(--yolia-ink)}
.ydsec__hint{margin:.2rem 0 0;color:var(--yolia-dim);font-size:.82rem;line-height:1.5;max-width:46rem}
.ydsec--detail{margin-top:1.6rem}

/* ---------- Encabezado ilustrado ---------- */
.ydh{position:relative;overflow:hidden;isolation:isolate;border-radius:1.4rem;color:#fff;margin:0 0 1.1rem;min-height:15rem;background:linear-gradient(120deg,#3B4530 0%,#5C6B47 55%,#9A6B3A 125%);box-shadow:0 .6rem 1.6rem rgba(40,52,32,.22)}
.ydh--cooperative{background:linear-gradient(120deg,#33402B 0%,#5C6B47 55%,#B07A3A 130%)}
.ydh--government{background:linear-gradient(120deg,#2A3A33 0%,#4A5F50 55%,#8F6F4A 130%)}
.ydh--laboratory{background:linear-gradient(120deg,#4B3023 0%,#8A4B2B 52%,#5C6B47 135%)}
.ydh::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.12),transparent 45%)}
.ydh__art{position:absolute;inset:0 0 0 auto;width:64%;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
.ydh-svg{width:100%;height:100%;display:block}
.ydh__body{position:relative;display:grid;gap:.7rem;align-content:center;min-height:15rem;max-width:min(100%,37rem);padding:1.5rem clamp(1rem,3vw,2rem)}
.ydh__kicker{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.9)}
.ydh__kicker .icon{font-size:1rem}
.yolia-app .ydh .ydh__title{margin:0;font-family:'Fraunces',serif;font-size:clamp(1.35rem,3.4vw,1.9rem);line-height:1.15;color:#fff;overflow-wrap:anywhere}
.yolia-app .ydh .ydh__sub{margin:0;font-size:.92rem;line-height:1.55;color:rgba(255,255,255,.9);max-width:34rem}
.ydh__chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:.1rem 0 0;padding:0;list-style:none}
.ydh__chips li{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem .35rem .55rem;border-radius:99rem;background:rgba(255,255,255,.14);border:.06rem solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:0}
.ydh__chips .icon{font-size:1.05rem;color:#FFE3A3}
.ydh__chips span:last-child{display:grid;line-height:1.15;min-width:0}
.ydh__chips small{font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.ydh__chips b{font-size:.82rem;font-weight:800;overflow-wrap:anywhere}
.ydh__cta{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.2rem}
.ydh__btn{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.05rem;border-radius:.8rem;background:var(--yolia-terracotta);color:#fff;font-weight:800;font-size:.86rem;text-decoration:none;box-shadow:0 .3rem .8rem rgba(0,0,0,.2);transition:transform .15s,background .15s}
.ydh__btn:hover{background:var(--yolia-terracotta-dark);transform:translateY(-.08rem)}
.ydh__btn--ghost{background:rgba(255,255,255,.16);border:.06rem solid rgba(255,255,255,.35);box-shadow:none}
.ydh__btn--ghost:hover{background:rgba(255,255,255,.26)}
.ydh__btn:focus-visible,.ydk__main:focus-visible,.ydw-tile__btn:focus-visible,.ydw-reg:focus-visible,.ydk__info summary:focus-visible,.ydw__refresh:focus-visible{outline:.15rem solid #FFC76B;outline-offset:.15rem}

/* animaciones de la escena */
@keyframes ydh-spin{to{transform:rotate(360deg)}}
@keyframes ydh-drift{0%{transform:translateX(-14px)}100%{transform:translateX(34px)}}
@keyframes ydh-sway{0%{transform:rotate(-4deg)}100%{transform:rotate(4deg)}}
@keyframes ydh-fall{0%{transform:translateY(-6px);opacity:0}15%{opacity:.95}85%{opacity:.95}100%{transform:translateY(46px);opacity:0}}
@keyframes ydh-bob{0%{transform:translateY(0)}100%{transform:translateY(-5px)}}
@keyframes ydh-dash{to{stroke-dashoffset:-40}}
@keyframes ydh-pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(3.2);opacity:0}}
@keyframes ydh-glow{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes ydh-liquid{to{transform:translateX(-120px)}}
@keyframes ydh-bubble{0%{transform:translateY(0);opacity:0}15%{opacity:.9}100%{transform:translateY(-78px);opacity:0}}
@keyframes ydh-wave{0%,100%{transform:skewY(0)}50%{transform:skewY(6deg)}}
.ydh-spin{animation:ydh-spin 70s linear infinite}
.ydh-spin-slow{animation:ydh-spin 110s linear infinite}
.ydh-glow{animation:ydh-glow 5s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.ydh-drift{animation:ydh-drift 16s ease-in-out infinite alternate}
.ydh-d2{animation-duration:24s;animation-direction:alternate-reverse}
.ydh-plant{animation:ydh-sway 3.4s ease-in-out infinite alternate}
.ydh-drop,.ydw-drop{animation:ydh-fall 2.6s ease-in infinite}
.ydh-bob{animation:ydh-bob 2.8s ease-in-out infinite alternate}
.ydh-flow{stroke-dasharray:5 7;animation:ydh-dash 2.2s linear infinite}
.ydh-pulse,.ydh-ring{animation:ydh-pulse 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}
.ydh-liquid{animation:ydh-liquid 4.5s linear infinite}
.ydh-bubble{animation:ydh-bubble 3.4s ease-in infinite}
.ydh-wave{animation:ydh-wave 2s ease-in-out infinite;transform-origin:34px -16px}

/* ---------- Indicadores (KPI) con (i) ---------- */
.ydk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.6rem,1fr));gap:.7rem}
.ydk{position:relative;min-width:0}
.ydk__main{display:grid;grid-template-columns:1fr;grid-template-areas:"badge" "label" "value" "sub";align-items:start;row-gap:.15rem;height:100%;padding:.8rem .9rem;border:.08rem solid var(--yolia-line);border-radius:1rem;background:var(--yolia-card);color:var(--yolia-ink);text-decoration:none;box-shadow:0 .25rem .8rem rgba(28,52,39,.05);transition:transform .14s ease,box-shadow .14s ease,border-color .14s}
.ydk__main,.ydk__main *,.ydk__main:hover,.ydk__main:hover *,.ydk__main:focus,.ydk__main:focus *{text-decoration:none!important}
.ydk__main:hover{transform:translateY(-.1rem);box-shadow:0 .5rem 1.1rem rgba(28,52,39,.12);border-color:#cdbf95}
.ydk__badge{grid-area:badge;position:relative;display:grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;border-radius:50%;background:var(--yolia-olive-light);color:var(--yolia-olive-dark)}
.ydk__badge .icon{font-size:1.15rem}
.ydk__ring{position:absolute;inset:-.1rem;inline-size:calc(100% + .2rem);block-size:calc(100% + .2rem);transform:rotate(-90deg)}
.ydk__ring circle{fill:none;stroke-width:3;stroke-linecap:round}
.ydk__ring-bg{stroke:rgba(92,107,71,.18)}
.ydk__ring-fg{stroke:var(--yolia-olive);transition:stroke-dasharray .9s ease}
.ydk__label{grid-area:label;margin-top:.35rem;color:var(--yolia-dim);font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.25;overflow-wrap:break-word}
.ydk__value{grid-area:value;font-family:'Fraunces',serif;font-size:1.45rem;line-height:1.2;margin-top:.05rem;overflow-wrap:anywhere}
.ydk__value--long{font-size:1.05rem;line-height:1.25}
.ydk__sub{grid-area:sub;color:var(--yolia-dim);font-size:.72rem;line-height:1.35}
.ydk[data-tone="ok"] .ydk__badge{background:var(--yolia-olive-light);color:var(--yolia-olive-dark)}
.ydk[data-tone="warn"] .ydk__badge{background:#FBEBC8;color:#7A5410}
.ydk[data-tone="warn"] .ydk__ring-fg{stroke:#D9A03F}
.ydk[data-tone="bad"] .ydk__badge{background:#F6D2C8;color:#8B2C18}
.ydk[data-tone="bad"] .ydk__ring-fg{stroke:#C0432B}
.ydk[data-tone="bad"] .ydk__main{border-color:#E7B9AC;background:color-mix(in srgb,var(--yolia-card) 93%,#F3C6BB)}
.ydk[data-tone="neutral"] .ydk__badge{background:#EFE7D2;color:#5b543a}
/* boton (i) y ventana de explicacion */
.ydk__info{position:absolute;top:.5rem;inset-inline-end:.5rem;z-index:3}
.ydk__info summary{list-style:none;cursor:pointer;display:grid;place-items:center;inline-size:1.45rem;block-size:1.45rem;border-radius:50%;border:.08rem solid var(--yolia-line);background:var(--yolia-card);color:var(--yolia-dim);font:italic 700 .78rem 'Fraunces',serif;transition:background .12s,color .12s}
.ydk__info summary::-webkit-details-marker{display:none}
.ydk__info summary:hover,.ydk__info[open] summary{background:var(--yolia-terracotta);color:#fff;border-color:var(--yolia-terracotta)}
.ydk__pop{position:absolute;top:calc(100% + .4rem);inset-inline-end:0;inline-size:min(20rem,calc(100vw - 2rem));padding:.8rem .9rem;border-radius:.9rem;background:var(--yolia-card);border:.08rem solid var(--yolia-line);box-shadow:0 .8rem 2rem rgba(28,40,24,.22);font-size:.78rem;line-height:1.5;color:var(--yolia-ink);text-align:start;animation:ydk-pop .14s ease-out}
.ydk__pop.is-left{inset-inline-end:auto;inset-inline-start:0}
.ydk__pop b{display:block;margin-bottom:.3rem;font-family:'Fraunces',serif;font-size:.92rem}
.yolia-app .ydk__pop p{margin:.3rem 0 0;font-size:.78rem;line-height:1.5}
.ydk__pop em{font-style:normal;font-weight:800;color:var(--yolia-terracotta-dark)}
@keyframes ydk-pop{from{opacity:0;transform:translateY(-.3rem)}to{opacity:1;transform:none}}

/* "Requiere tu atencion" */
.ydash-attn__hint{margin:.3rem 0 0;color:var(--yolia-dim);font-size:.8rem;line-height:1.45}
.yolia-app .ydash-attn__hint{font-size:.8rem;line-height:1.45}

/* ---------- Clima ---------- */
.ydw{margin:1.5rem 0 1rem;padding:1rem clamp(.8rem,2vw,1.2rem) 1.1rem;border:.08rem solid var(--yolia-line);border-radius:1.2rem;background:linear-gradient(180deg,#F0F5F9 0%,var(--yolia-card) 14rem)}
.ydw__head{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;flex-wrap:wrap;margin-bottom:.8rem}
.ydw__refresh{padding:.45rem .9rem;border-radius:.7rem;border:.08rem solid var(--yolia-line);background:var(--yolia-card);color:var(--yolia-olive-dark);font-weight:800;font-size:.78rem;cursor:pointer}
.ydw__refresh:hover{background:var(--yolia-olive-light)}
.ydw__refresh:disabled{opacity:.55;cursor:progress}
.ydw__loading,.ydw__empty,.ydw__note{display:flex;align-items:center;gap:.6rem;padding:1rem;border-radius:.9rem;background:var(--yolia-card);border:.08rem dashed var(--yolia-line);color:var(--yolia-dim);font-size:.86rem;line-height:1.5}
.ydw__note.ok{border-style:solid;border-color:#BFD0A8;background:var(--yolia-olive-light);color:var(--yolia-olive-dark)}
.ydw__spinner{inline-size:1.1rem;block-size:1.1rem;border-radius:50%;border:.18rem solid var(--yolia-line);border-top-color:var(--yolia-terracotta);animation:ydh-spin .8s linear infinite}
.ydw.is-loading .ydw-detail{opacity:.55}
.ydw-card{padding:.8rem .9rem;border:.08rem solid var(--yolia-line);border-radius:1rem;background:var(--yolia-card);margin-top:.8rem}
.ydw-card__t{margin-bottom:.5rem;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--yolia-dim)}
.ydw-count{margin-inline-start:.4rem;padding:.1rem .5rem;border-radius:99rem;background:var(--yolia-olive-light);color:var(--yolia-olive-dark);letter-spacing:0;text-transform:none}
/* comparativo por region */
.ydw-regs{display:grid;grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:.6rem}
.ydw-reg{display:grid;gap:.35rem;text-align:start;padding:.7rem .8rem;border-radius:.9rem;border:.1rem solid var(--yolia-line);background:var(--yolia-card);cursor:pointer;font:inherit;color:inherit;transition:border-color .12s,box-shadow .12s,transform .12s}
.ydw-reg:hover{transform:translateY(-.08rem);box-shadow:0 .4rem .9rem rgba(28,52,39,.1)}
.ydw-reg.is-sel{border-color:var(--yolia-olive);background:var(--yolia-olive-light);box-shadow:0 .3rem .9rem rgba(92,107,71,.18)}
.ydw-reg__name{font-weight:800;font-size:.84rem;overflow-wrap:anywhere}
.ydw-reg__main{display:flex;align-items:center;gap:.5rem}
.ydw-reg__main b{font-family:'Fraunces',serif;font-size:1.5rem}
.ydw-reg__meta{display:grid;gap:.05rem;font-size:.7rem;color:var(--yolia-dim)}
.ydw-reg__meta b{color:var(--yolia-ink)}
.ydw-reg__m{font-size:.68rem;color:var(--yolia-olive-dark);font-weight:700}
.ydw__avg{margin:.6rem 0 0;font-size:.78rem;color:var(--yolia-dim)}
.ydw__tap{margin:.5rem 0 0;font-size:.72rem;color:var(--yolia-dim);font-style:italic}
/* ahora */
.ydw-now{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem;border-radius:1.1rem;color:#fff;background:linear-gradient(135deg,#3F6E99 0%,#5B8DB8 55%,#86A9C5 120%);margin-top:.8rem;box-shadow:0 .5rem 1.2rem rgba(60,100,140,.25)}
.ydw-now__loc{font-size:.8rem;font-weight:700;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;overflow-wrap:anywhere}
.ydw-tag{padding:.12rem .5rem;border-radius:99rem;font-size:.62rem;font-weight:800;letter-spacing:.02em;background:rgba(255,255,255,.2)}
.ydw-tag.approx{background:rgba(255,199,107,.3)}
.ydw-now__temp{font-family:'Fraunces',serif;font-size:clamp(2.6rem,7vw,3.6rem);line-height:1;margin:.15rem 0}
.ydw-now__temp small{font-size:.4em;margin-inline-start:.15em;font-family:'Inter',sans-serif;font-weight:700}
.ydw-now__sub{font-size:.84rem;opacity:.95}
.ydw-now__side{display:grid;grid-template-columns:repeat(2,auto);gap:.4rem 1.1rem}
.ydw-now__side div{display:grid;line-height:1.15}
.ydw-now__side small{font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.8}
.ydw-now__side b{font-size:1rem}
.ydw-sky{display:block;filter:drop-shadow(0 .2rem .3rem rgba(0,0,0,.18))}
.ydw-sunrays{transform-origin:24px 24px;animation:ydh-spin 40s linear infinite}
.ydw-bolt{animation:ydh-glow 1.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
/* avisos */
.ydw-hints{margin-top:.8rem;padding:.8rem .9rem;border-radius:1rem;border:.08rem solid var(--yolia-line);background:var(--yolia-card)}
.ydw-hints ul{margin:0;padding:0;list-style:none;display:grid;gap:.4rem}
.ydw-hints li{padding:.5rem .7rem;border-radius:.7rem;font-size:.82rem;line-height:1.45;border-inline-start:.28rem solid #D9A03F;background:#FFF6E0}
.ydw-hints li.bad{border-color:#C0432B;background:#FBE7E1}
.ydw-hints .ydw__note{margin:0}
/* mosaicos de datos */
.ydw-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.8rem,1fr));gap:.6rem;margin-top:.8rem;align-items:start}
.ydw-tile{min-width:0;border:.08rem solid var(--yolia-line);border-radius:.95rem;background:var(--yolia-card);overflow:hidden;transition:box-shadow .12s}
.ydw-tile:hover{box-shadow:0 .35rem .9rem rgba(28,52,39,.1)}
.ydw-tile.is-open{grid-column:span 2;border-color:#cdbf95}
.ydw-tile__btn{display:grid;gap:.15rem;inline-size:100%;text-align:start;padding:.7rem .8rem;background:none;border:0;cursor:pointer;font:inherit;color:inherit}
.ydw-tile__top{display:flex;align-items:center;gap:.4rem;color:var(--yolia-dim)}
.ydw-ic{inline-size:1.15rem;block-size:1.15rem;flex:none;color:var(--yolia-olive)}
.ydw-tile__label{flex:1;min-width:0;font-size:.63rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;line-height:1.2;overflow-wrap:break-word;hyphens:auto}
.ydw-tile__i{display:grid;place-items:center;inline-size:1.2rem;block-size:1.2rem;border-radius:50%;border:.07rem solid var(--yolia-line);font:italic 700 .7rem 'Fraunces',serif;color:var(--yolia-dim)}
.ydw-tile.is-open .ydw-tile__i{background:var(--yolia-terracotta);border-color:var(--yolia-terracotta);color:#fff}
.ydw-tile__val{font-family:'Fraunces',serif;font-size:1.25rem;line-height:1.2;overflow-wrap:anywhere}
.ydw-tile__sub{font-size:.7rem;color:var(--yolia-dim)}
.ydw-tile__meter{display:block;block-size:.3rem;border-radius:99rem;background:rgba(92,107,71,.15);overflow:hidden;margin-top:.3rem}
.ydw-tile__meter i{display:block;block-size:100%;border-radius:inherit;background:linear-gradient(90deg,#8FA36A,var(--yolia-olive))}
.ydw-tile[data-tone="warn"] .ydw-ic,.ydw-tile[data-tone="warn"] .ydw-tile__val{color:#9A6A12}
.ydw-tile[data-tone="warn"] .ydw-tile__meter i{background:linear-gradient(90deg,#E6B554,#D9A03F)}
.ydw-tile[data-tone="bad"] .ydw-ic,.ydw-tile[data-tone="bad"] .ydw-tile__val{color:#B03A22}
.ydw-tile[data-tone="bad"] .ydw-tile__meter i{background:linear-gradient(90deg,#E58A73,#C0432B)}
.ydw-tile__more{padding:0 .8rem .8rem;border-top:.07rem dashed var(--yolia-line);font-size:.76rem;line-height:1.5}
.ydw-tile__more[hidden]{display:none}
.yolia-app .ydw-tile__more p{margin:.45rem 0 0;font-size:.76rem;line-height:1.5}
.ydw-tile__more em{font-style:normal;font-weight:800;color:var(--yolia-terracotta-dark)}
/* grafica 24 h */
.ydw-chart{display:block;inline-size:100%;block-size:auto;overflow:visible;max-block-size:11rem}
.ydw-chart text{font-size:10px;fill:#7C7A66}
.ydw-line{fill:none;stroke:#D9723F;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ydw-area{fill:rgba(217,114,63,.12)}
.ydw-bar{fill:rgba(76,155,232,.45)}
.ydw-mark circle{fill:#fff;stroke:#D9723F;stroke-width:2}
.ydw-mark text{fill:#2A2A22;font-weight:700}
.ydw-legend{display:flex;gap:1rem;margin-top:.3rem;font-size:.7rem;color:var(--yolia-dim)}
.ydw-dot{display:inline-block;inline-size:.6rem;block-size:.6rem;border-radius:50%;margin-inline-end:.3rem}
.ydw-dot.t{background:#D9723F}.ydw-dot.r{background:rgba(76,155,232,.6)}
/* 7 dias */
.ydw-week{margin:0;padding:0;list-style:none;display:grid;gap:.15rem}
.ydw-week li{display:grid;grid-template-columns:3.4rem 2.2rem 2.8rem 1fr;align-items:center;gap:.6rem;padding:.35rem .4rem;border-radius:.7rem}
.ydw-week li.is-today{background:var(--yolia-olive-light)}
.ydw-week__d{display:grid;line-height:1.1}.ydw-week__d b{font-size:.82rem}.ydw-week__d small{font-size:.66rem;color:var(--yolia-dim)}
.ydw-week__rain{font-size:.74rem;font-weight:700;color:#3F7DBA;text-align:end}
.ydw-week__rng{display:grid;grid-template-columns:2rem 1fr 2rem;align-items:center;gap:.4rem;font-size:.78rem}
.ydw-week__lo{color:var(--yolia-dim);text-align:end}.ydw-week__hi{font-weight:800}
.ydw-week__bar{position:relative;block-size:.4rem;border-radius:99rem;background:rgba(92,107,71,.14)}
.ydw-week__bar i{position:absolute;top:0;block-size:100%;border-radius:inherit;background:linear-gradient(90deg,#7FA7D6,#E9A25C)}
.ydw__foot{margin:.9rem 0 0;font-size:.74rem;color:var(--yolia-dim)}
.ydw__foot a{color:var(--yolia-terracotta-dark);font-weight:700}
.yolia-app .ydw__disc{margin:.25rem 0 0;font-size:.72rem;line-height:1.5;color:var(--yolia-dim)}

/* ---------- Pagos ---------- */
.ydp{margin:1.5rem 0 1rem}
.ydp__head{margin-bottom:.7rem}
.ydp-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:.7rem;margin-bottom:.8rem}
.ydp-plan{display:grid;grid-template-columns:auto 1fr;gap:.2rem .9rem;align-items:center;padding:1rem;border-radius:1.1rem;color:#fff;background:linear-gradient(135deg,#3B4530,#5C6B47 60%,#9A6B3A 130%);box-shadow:0 .5rem 1.2rem rgba(40,52,32,.2)}
.ydp-plan__ic{font-size:1.6rem;inline-size:3rem;block-size:3rem;border-radius:50%;background:rgba(255,255,255,.16);color:#FFE3A3}
.ydp-plan__main{display:grid;gap:.1rem;min-width:0}
.ydp-plan__main small{font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.ydp-plan__main strong{font-family:'Fraunces',serif;font-size:1.25rem;line-height:1.2}
.ydp-plan__price{font-size:.95rem;font-weight:700;color:#FFE3A3}
.ydp-plan__main em{font-style:normal;font-size:.76rem;opacity:.9}
.ydp-plan__side{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.5rem;padding-top:.6rem;border-top:.06rem solid rgba(255,255,255,.2)}
.ydp-plan__side small{font-size:.76rem;opacity:.9}
.ydp-plan__side form{margin-inline-start:auto}
.ydp-btn{padding:.45rem .9rem;border-radius:.7rem;border:.06rem solid rgba(255,255,255,.45);background:rgba(255,255,255,.14);color:#fff;font-weight:800;font-size:.78rem;cursor:pointer}
.ydp-btn:hover{background:rgba(255,255,255,.26)}
.ydp-pill{display:inline-block;padding:.18rem .6rem;border-radius:99rem;font-size:.7rem;font-weight:800;white-space:nowrap;background:#EFE7D2;color:#5b543a}
.ydp-pill[data-tone="ok"]{background:var(--yolia-olive-light);color:var(--yolia-olive-dark)}
.ydp-pill[data-tone="warn"]{background:#FBEBC8;color:#7A5410}
.ydp-pill[data-tone="bad"]{background:#F6D2C8;color:#8B2C18}
.ydp-pill[data-tone="info"]{background:#DCEAF6;color:#2C5C86}
.ydp-plan .ydp-pill{background:rgba(255,255,255,.9)}
.ydp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.6rem,1fr));gap:.6rem;margin-bottom:.8rem}
.ydp-stat{position:relative;display:grid;gap:.1rem;padding:.75rem .85rem;border:.08rem solid var(--yolia-line);border-radius:1rem;background:var(--yolia-card)}
.ydp-stat>.icon{font-size:1.1rem;color:var(--yolia-olive);margin-bottom:.15rem}
.ydp-stat__l{font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--yolia-dim);padding-inline-end:1.4rem}
.ydp-stat strong{font-family:'Fraunces',serif;font-size:1.1rem;line-height:1.25;overflow-wrap:anywhere}
.ydp-stat[data-stat="failed"] strong,.ydp-stat[data-stat="refunded"] strong{color:#8B2C18}
.ydp-table-wrap{border:.08rem solid var(--yolia-line);border-radius:1rem;background:var(--yolia-card);overflow:hidden}
.ydp-table{inline-size:100%;border-collapse:collapse;font-size:.84rem}
.ydp-table th{padding:.65rem .8rem;text-align:start;font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--yolia-dim);background:#F4EDD9;white-space:nowrap}
.ydp-table td{padding:.7rem .8rem;border-top:.06rem solid var(--yolia-line);vertical-align:middle}
.ydp-table .num{text-align:end;white-space:nowrap}
.ydp-table tr[data-status="refunded"] td,.ydp-table tr[data-status="failed"] td,.ydp-table tr[data-status="expired"] td{color:#6b6853}
.ydp-table a{color:var(--yolia-terracotta-dark);font-weight:700}
.ydp__note{display:flex;gap:.5rem;align-items:flex-start;margin:.6rem 0 0;font-size:.74rem;line-height:1.5;color:var(--yolia-dim)}
.yolia-app .ydp__note{font-size:.74rem;line-height:1.5}
.ydp-empty{display:grid;justify-items:center;gap:.3rem;padding:1.4rem 1rem;border:.08rem dashed var(--yolia-line);border-radius:1rem;background:var(--yolia-card);color:var(--yolia-dim);text-align:center}
.ydp-empty .icon{font-size:1.8rem;color:var(--yolia-olive)}

/* ---------- Tableta ---------- */
@media (max-width:64rem){
  .ydh__art{width:72%}
  .ydw-now{grid-template-columns:auto 1fr}
  .ydw-now__side{grid-column:1/-1;grid-template-columns:repeat(4,auto);justify-content:space-between;padding-top:.6rem;border-top:.06rem solid rgba(255,255,255,.25)}
}
/* ---------- Telefono (vertical) ---------- */
@media (max-width:46rem){
  .ydh{min-height:0;border-radius:1.1rem}
  .ydh__art{inset:0;width:100%;opacity:.5;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 80%);mask-image:linear-gradient(180deg,transparent 0,#000 80%)}
  .ydh__body{min-height:0;padding:1.1rem 1rem 1.2rem}
  .ydh__btn{flex:1 1 auto;justify-content:center}
  .ydk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
  .ydk__main{padding:.7rem .75rem}
  .ydk__value{font-size:1.25rem}
  .ydk__pop{position:fixed;inset:auto .75rem .75rem .75rem;inline-size:auto;max-height:70vh;overflow:auto;z-index:60}
  .ydk__pop.is-left{inset:auto .75rem .75rem .75rem}
  .ydw-now{grid-template-columns:1fr;text-align:start}
  .ydw-now__sky{display:none}
  .ydw-now__side{grid-template-columns:repeat(2,1fr)}
  .ydw-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ydw-tile.is-open{grid-column:1/-1}
  .ydw-regs{grid-template-columns:1fr 1fr}
  .ydw-week li{grid-template-columns:3rem 2rem 2.4rem 1fr;gap:.4rem}
  .ydp-plans{grid-template-columns:1fr}
  .ydp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ydp-table thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .ydp-table,.ydp-table tbody,.ydp-table tr,.ydp-table td{display:block;inline-size:100%}
  .ydp-table tr{padding:.7rem .8rem;border-top:.06rem solid var(--yolia-line)}
  .ydp-table tr:first-child{border-top:0}
  .ydp-table td{display:flex;justify-content:space-between;gap:.8rem;border:0;padding:.18rem 0;text-align:end}
  .ydp-table td::before{content:attr(data-label);flex:none;font-size:.64rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--yolia-dim);text-align:start}
  .ydp-table .num{white-space:normal}
}
/* ---------- Telefono (horizontal: poca altura) ---------- */
@media (max-height:30rem) and (orientation:landscape){
  .ydh{min-height:0}
  .ydh__body{min-height:0;padding:.9rem 1.2rem;max-width:46rem}
  .yolia-app .ydh .ydh__title{font-size:1.3rem}
  .ydh__chips li{padding:.25rem .55rem}
  .ydk__pop{max-height:60vh}
}
@media (max-width:23rem){
  .ydk-grid{grid-template-columns:1fr}
  .ydw-tiles,.ydw-regs,.ydp-stats{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .ydh *,.ydw *,.ydk__pop{animation:none !important}
  .ydh__btn,.ydk__main,.ydw-reg{transition:none}
  .ydk__main:hover,.ydw-reg:hover,.ydh__btn:hover{transform:none}
}
@media print{.ydh__art,.ydw__refresh,.ydk__info{display:none}.ydh{background:#fff;color:#000;box-shadow:none}}

/* Detalles internos que el usuario no necesita ver en los bloques Stage82 */
.yolia-personal-dashboard__kicker,.yolia-cooperative-dashboard__kicker,.yolia-government-dashboard__kicker,.yolia-laboratory-dashboard__kicker{display:none}

/* ---------- Sin barra lateral: los accesos de la cuenta pasan a una fila compacta de botones ---------- */
body.yolia-app .yolia-app-row{display:block!important;flex:none!important}
html body.yolia-app aside#yolia-sidebar-panel.yolia-sidebar{translate:none!important;transform:none!important;max-block-size:none!important;max-height:none!important;min-height:0!important;min-block-size:0!important;visibility:visible!important;opacity:1!important;top:auto!important;left:auto!important;bottom:auto!important;right:auto!important;
  display:flex!important;position:static!important;inset:auto!important;inline-size:auto!important;block-size:auto!important;height:auto!important;width:auto!important;
  flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:.45rem!important;overflow-x:auto!important;overflow-y:hidden!important;
  margin:0!important;padding:.55rem clamp(.75rem,3vw,2.25rem)!important;background:var(--yolia-cream,#f7f4ea)!important;background-image:none!important;
  border:0!important;border-bottom:.0625rem solid var(--yolia-line,#ded8c8)!important;border-radius:0!important;box-shadow:none!important;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;z-index:auto!important}
html body.yolia-app aside#yolia-sidebar-panel.yolia-sidebar::-webkit-scrollbar{display:none}
html body.yolia-app aside#yolia-sidebar-panel.yolia-sidebar .yolia-side-link{display:inline-flex!important;align-items:center;gap:.4rem;flex:0 0 auto;margin:0!important;padding:.45rem .8rem!important;border:.0625rem solid var(--yolia-line,#ded8c8)!important;border-radius:999rem!important;background:var(--yolia-card,#fff)!important;color:var(--yolia-ink,#25261f)!important;font-size:.82rem!important;font-weight:700!important;line-height:1.2;white-space:nowrap;text-decoration:none!important;inline-size:auto!important;width:auto!important}
html body.yolia-app aside#yolia-sidebar-panel.yolia-sidebar .yolia-side-link .icon{inline-size:auto!important;width:auto!important;font-size:1rem!important;color:var(--yolia-olive-dark,#486135)}
html body.yolia-app aside#yolia-sidebar-panel.yolia-sidebar .yolia-side-link.active{background:var(--yolia-olive-dark,#486135)!important;border-color:transparent!important;color:#fff!important}
html body.yolia-app aside#yolia-sidebar-panel.yolia-sidebar .yolia-side-link.active .icon{color:#fff}
html body.yolia-app aside#yolia-sidebar-panel.yolia-sidebar .yolia-side-link:hover:not(.active){background:var(--yolia-olive-light,#e8efdc)!important}
html body.yolia-app aside#yolia-sidebar-panel.yolia-sidebar .yolia-side-divider{display:none!important}
html body.yolia-app aside#yolia-sidebar-panel.yolia-sidebar .yolia-side-bottom{margin:0 0 0 auto!important;flex:0 0 auto;display:flex}
html body.yolia-app aside#yolia-sidebar-panel.yolia-sidebar .yolia-side-bottom form{margin:0}
html body.yolia-app aside#yolia-sidebar-panel.yolia-sidebar .yolia-side-bottom .yolia-side-link{width:auto!important;text-align:start}
body.yolia-app .yolia-main{inline-size:100%!important;max-inline-size:75rem!important;margin-inline:auto!important;box-sizing:border-box}
[data-y894-sidebar-toggle]{display:none!important}