/* Plaza de la Luna - Local Info module (pdl-local-info/1)
   Self-contained. Dark-native; palette: deep teal / ivory / sand / gold.
   COE alert colors are the COE's own (verde/amarilla/roja) - never remapped. */
.pdl-li { --pdl-teal:#0C3B3C; --pdl-teal2:#0A2F30; --pdl-ivory:#F7F2E9; --pdl-sand:#E8DCC4;
  --pdl-gold:#C6A15B; --pdl-mut:#B9C4BC; --pdl-line:rgba(232,220,196,.18);
  --pdl-verde:#1d9e4b; --pdl-amarilla:#f2c019; --pdl-roja:#d42a20;
  color:var(--pdl-ivory); font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  box-sizing:border-box; }
.pdl-li *, .pdl-li *::before, .pdl-li *::after { box-sizing:inherit; }
.pdl-li__head { display:flex; flex-wrap:wrap; align-items:baseline; gap:.4rem 1rem; margin:0 0 1rem; justify-content:flex-end; }
.pdl-li__title { font-family:"Playfair Display",Georgia,serif; font-size:clamp(1.5rem,3.2vw,2.2rem);
  margin:0; color:var(--pdl-ivory); }
.pdl-li__updated { color:var(--pdl-mut); font-size:.82rem; }
.pdl-li__grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.pdl-li__panel { background:linear-gradient(160deg,var(--pdl-teal),var(--pdl-teal2));
  border:1px solid var(--pdl-line); border-radius:var(--r-md); padding:1.1rem 1.15rem 1.2rem; min-width:0; }
.pdl-li__panel--wide { grid-column:1 / -1; }
.pdl-li__phead { display:flex; align-items:center; gap:.55rem; margin:0 0 .8rem; }
.pdl-li__phead svg { flex:0 0 auto; }
.pdl-li__ptitle { font-size:1.06rem; font-weight:700; letter-spacing:.02em; margin:0; }
.pdl-li__src { margin-left:auto; color:var(--pdl-mut); font-size:.74rem; text-align:right; }
.pdl-li__src a, .pdl-li a { color:var(--pdl-gold); }
.pdl-li a { text-decoration:none; }
.pdl-li a:hover, .pdl-li a:focus-visible { text-decoration:underline; }
.pdl-li__stale { display:inline-block; background:#6b5518; color:#ffe9a8; border-radius:999px;
  font-size:.72rem; padding:.14rem .6rem; margin-left:.5rem; vertical-align:middle; }
.pdl-li__unavail { color:var(--pdl-sand); background:rgba(0,0,0,.22); border:1px dashed var(--pdl-line);
  border-radius:var(--r-sm); padding:.9rem 1rem; font-size:.92rem; }
.pdl-li__note { color:var(--pdl-mut); font-size:.8rem; margin-top:.7rem; line-height:1.45; }
.pdl-li time { cursor:pointer; }

/* alerts */
.pdl-li__spm { display:flex; gap:.8rem; align-items:flex-start; border-radius:var(--r-sm);
  padding:.85rem 1rem; background:rgba(0,0,0,.22); margin-bottom:.9rem; }
.pdl-li__spm--verde { box-shadow:inset 4px 0 0 var(--pdl-verde); }
.pdl-li__spm--amarilla { box-shadow:inset 4px 0 0 var(--pdl-amarilla); }
.pdl-li__spm--roja { box-shadow:inset 4px 0 0 var(--pdl-roja); }
.pdl-li__spm--none { box-shadow:inset 4px 0 0 var(--pdl-gold); }
.pdl-li__spm strong { display:block; font-size:1rem; }
.pdl-li__spm span { color:var(--pdl-mut); font-size:.85rem; }
.pdl-li__levels { display:grid; gap:.45rem; margin:.4rem 0 .2rem; }
.pdl-li__lvl { display:flex; gap:.6rem; align-items:baseline; font-size:.9rem; }
.pdl-li__chip { flex:0 0 auto; min-width:5.4rem; text-align:center; font-weight:700; font-size:.74rem;
  letter-spacing:.05em; border-radius:var(--r-sm); padding:.22rem .4rem; color:#fff; }
.pdl-li__chip--verde { background:var(--pdl-verde); }
.pdl-li__chip--amarilla { background:var(--pdl-amarilla); color:#231d00; }
.pdl-li__chip--roja { background:var(--pdl-roja); }
.pdl-li__lvl p { margin:0; color:var(--pdl-sand); }
.pdl-li__sub { font-size:.86rem; font-weight:700; color:var(--pdl-sand); margin:.9rem 0 .35rem;
  text-transform:uppercase; letter-spacing:.06em; }
.pdl-li__list { list-style:none; margin:0; padding:0; }
.pdl-li__list li { border-top:1px solid var(--pdl-line); }
.pdl-li__list a { display:flex; gap:.7rem; align-items:baseline; padding:.55rem .1rem; min-height:44px;
  color:var(--pdl-ivory); }
.pdl-li__list a span { min-width:0; overflow-wrap:break-word; }
.pdl-li__list a time { margin-left:auto; flex:0 0 auto; color:var(--pdl-mut); font-size:.76rem; }

/* weather */
.pdl-li__wxnow { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.pdl-li__wxtemp { font-size:2.6rem; font-weight:700; line-height:1; }
.pdl-li__wxcond { color:var(--pdl-sand); font-size:.95rem; }
.pdl-li__wxmeta { display:grid; grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));
  gap:.45rem .9rem; margin-top:.85rem; font-size:.86rem; }
.pdl-li__wxmeta b { color:var(--pdl-gold); font-weight:600; display:block; font-size:.72rem;
  text-transform:uppercase; letter-spacing:.05em; }
.pdl-li__days { display:grid; grid-template-columns:repeat(7,1fr); gap:.4rem; margin-top:1rem; }
.pdl-li__day { background:rgba(0,0,0,.2); border:1px solid var(--pdl-line); border-radius:var(--r-sm);
  padding:.5rem .25rem; text-align:center; font-size:.76rem; }
.pdl-li__day .d { color:var(--pdl-mut); text-transform:capitalize; }
.pdl-li__day .t { font-weight:700; font-size:.86rem; }
.pdl-li__day .t span { color:var(--pdl-mut); font-weight:400; }
.pdl-li__day .p { color:#9fd0ff; }

/* rates */
.pdl-li__rates { display:grid; gap:.5rem; }
.pdl-li__rate { display:flex; align-items:baseline; gap:.7rem; flex-wrap:wrap; background:rgba(0,0,0,.2);
  border:1px solid var(--pdl-line); border-radius:var(--r-sm); padding:.65rem .8rem; }
.pdl-li__rate .cur { font-weight:700; font-size:1.02rem; min-width:3.2rem; }
.pdl-li__rate .vals { margin-left:auto; text-align:right; font-variant-numeric:tabular-nums; }
.pdl-li__rate .vals b { font-size:1.05rem; }
.pdl-li__rate .vals span { color:var(--pdl-mut); font-size:.74rem; display:block; }
.pdl-li__conv { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.9rem; align-items:stretch; }
.pdl-li__conv input, .pdl-li__conv select { background:#072426; color:var(--pdl-ivory);
  border:1px solid var(--pdl-line); border-radius:var(--r-sm); padding:.55rem .6rem; font-size:.95rem;
  min-height:44px; }
.pdl-li__conv input { width:8.5rem; }
.pdl-li__convout { display:flex; align-items:center; font-size:1.15rem; font-weight:700;
  color:var(--pdl-gold); padding:.2rem .2rem; min-height:44px; }

/* alert strip (rendered by the SITE lane from data.alerts.strip; styled here for the demo) */
.pdl-alert-strip { font-family:Inter,system-ui,sans-serif; display:flex; gap:.7rem; align-items:center;
  padding:.55rem 1rem; font-size:.92rem; color:#fff; }
.pdl-alert-strip--verde { background:#1d9e4b; }
.pdl-alert-strip--amarilla { background:#f2c019; color:#231d00; }
.pdl-alert-strip--roja { background:#d42a20; }
.pdl-alert-strip a { color:inherit; font-weight:700; }
.pdl-alert-strip--fixture { outline:3px dashed #ff00a8; outline-offset:-3px; }

@media (max-width: 900px) {
  .pdl-li__days { grid-template-columns:repeat(4,1fr); }
}
@media (max-width: 760px) {
  .pdl-li__grid { grid-template-columns:1fr; }
  .pdl-li__days { grid-template-columns:repeat(4,1fr); }
}
@media (max-width: 400px) {
  .pdl-li__days { grid-template-columns:repeat(3,1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .pdl-li * { transition:none !important; animation:none !important; }
}