#compartir{font-family:system-ui,sans-serif;color-scheme:light dark;--wm-primary:#12bdb3;--wm-secondary:#0f9a91;--wm-accent:#37d6cc;--wm-paper:light-dark(#f4f8f8,#10181c);--wm-panel:light-dark(#ffffff,#192329);--wm-ink:light-dark(#183238,#eef6f5);--wm-muted:light-dark(#4d646a,#b1c5c8);--wm-line:light-dark(#d1dddd,#35464c);--wm-brand-ink:light-dark(color-mix(in srgb,var(--wm-secondary) 55%,#10232a),var(--wm-accent));color:var(--wm-ink);font-size:16px;line-height:1.45}
    #compartir *{box-sizing:border-box}
    #compartir .wm-demo-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
    #compartir .wm-demo-bar label{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
    #compartir .wm-example{font-size:13px;color:var(--wm-muted)}
    #compartir .wm-window{background:var(--wm-paper);border:1px solid var(--wm-line);border-radius:16px;overflow:hidden}
    #compartir .wm-brandbar{display:flex;align-items:center;gap:12px;padding:18px 24px;background:var(--wm-panel);border-bottom:3px solid var(--wm-primary)}
    #compartir .wm-logo{width:50px;height:50px;object-fit:contain;border-radius:11px;background:white;flex-shrink:0}
    #compartir .wm-brand-name{color:var(--wm-brand-ink);font-size:22px;font-weight:600;overflow-wrap:anywhere}
    #compartir .wm-breadcrumb{color:var(--wm-muted);font-size:13px}
    #compartir .wm-main{padding:22px}
    #compartir h2{font-size:24px;line-height:1.25;margin:0 0 20px;font-weight:600}
    #compartir h3{font-size:16px;margin:0 0 14px;font-weight:600}
    #compartir .wm-step{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-right:8px;border-radius:50%;background:var(--wm-brand-ink);color:var(--wm-panel);font-size:13px}
    #compartir .wm-workspace{display:grid;grid-template-columns:minmax(220px,250px) minmax(0,1fr);gap:24px}
    #compartir .wm-field{display:block;margin-bottom:14px;font-size:14px}
    #compartir .wm-field>span{display:block;margin-bottom:6px}
    #compartir select,#compartir input[type=date],#compartir input[type=month],#compartir textarea{font:inherit;font-size:16px;max-width:100%;width:100%;padding:10px 12px;background:var(--wm-panel);color:var(--wm-ink);border:1px solid var(--wm-line);border-radius:9px;min-height:44px}
    #compartir .wm-demo-bar select{width:auto}
    #compartir fieldset{border:0;padding:0;margin:20px 0 0;min-width:0}
    #compartir legend{font-size:14px;margin-bottom:8px;font-weight:600}
    #compartir .wm-check{display:flex;align-items:center;gap:10px;min-height:40px;font-size:15px;cursor:pointer}
    #compartir input[type=checkbox]{width:18px;height:18px;accent-color:var(--wm-secondary);margin:0}
    #compartir .wm-note{color:var(--wm-muted);font-size:13px;margin:10px 0 0}
    #compartir .wm-format-heading{margin-top:24px;padding-top:18px;border-top:1px solid var(--wm-line)}
    #compartir .wm-preview{min-width:0}
    #compartir .wm-weathercard{border-radius:14px;padding:20px;background:linear-gradient(130deg,light-dark(color-mix(in srgb,var(--wm-accent) 14%,white),color-mix(in srgb,var(--wm-secondary) 36%,#091519)),light-dark(color-mix(in srgb,var(--wm-primary) 6%,white),color-mix(in srgb,var(--wm-primary) 15%,#10151a)));background-color:var(--wm-panel);border:1px solid color-mix(in srgb,var(--wm-primary) 35%,var(--wm-line));color:var(--wm-ink)}
    #compartir .wm-card-head{display:flex;align-items:center;gap:12px;margin-bottom:17px}
    #compartir .wm-card-head .wm-logo{width:46px;height:46px}
    #compartir .wm-card-identity{min-width:0;flex:1}
    #compartir .wm-network{margin-left:auto;flex:0 0 auto;padding:6px 10px;border:1px solid color-mix(in srgb,var(--wm-primary) 42%,var(--wm-line));border-radius:999px;background:color-mix(in srgb,var(--wm-primary) 10%,transparent);color:var(--wm-brand-ink);font-size:11px;font-weight:650;line-height:1.15;text-decoration:none;white-space:nowrap}
    #compartir .wm-network:hover,#compartir .wm-network:focus-visible{background:color-mix(in srgb,var(--wm-primary) 18%,transparent);text-decoration:underline}
    #compartir .wm-card-brand{font-weight:600;font-size:18px;line-height:1.25;color:var(--wm-brand-ink);overflow-wrap:anywhere}
    #compartir .wm-station{font-size:13px;color:var(--wm-muted);margin-top:3px}
    #compartir .wm-period{font-size:15px;font-weight:600;margin:0 0 13px}
    #compartir .wm-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:9px}
    #compartir .wm-reading{background:light-dark(color-mix(in srgb,var(--wm-primary) 10%,white),color-mix(in srgb,var(--wm-secondary) 20%,#18292d));padding:12px 10px;border-radius:9px;min-width:0}
    #compartir .wm-reading-label{font-size:12px;color:var(--wm-muted);min-height:19px}
    #compartir .wm-reading-value{font-size:23px;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:normal}
    #compartir .wm-reading-unit{font-size:13px;font-weight:400}
    #compartir .wm-reading-note{font-size:12px;color:var(--wm-muted);min-height:17px}
    #compartir .wm-card-status{font-size:12px;margin-top:15px;color:var(--wm-muted)}
    #compartir .wm-card-footer{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--wm-line);font-size:11px;color:var(--wm-muted)}
    #compartir .wm-card-footer strong{color:var(--wm-brand-ink);font-weight:500}
    #compartir .wm-empty{padding:24px 8px;color:var(--wm-muted);font-size:15px}
    #compartir .wm-destinations{margin-top:24px}
    #compartir .wm-actions{display:flex;gap:9px;flex-wrap:wrap}
    #compartir button{font:inherit;font-size:14px;cursor:pointer;min-height:44px;padding:10px 14px;border:1px solid var(--wm-line);background:var(--wm-panel);color:var(--wm-ink);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px}
    #compartir button[aria-pressed=true]{background:var(--wm-brand-ink);border-color:var(--wm-brand-ink);color:var(--wm-panel)}
    #compartir button:disabled{opacity:.55;cursor:not-allowed}
    #compartir .wm-destination-panel{margin-top:12px;padding:14px;border-radius:10px;border:1px solid var(--wm-line);background:var(--wm-panel)}
    #compartir .wm-destination-panel p{font-size:14px;margin:0 0 12px}
    #compartir .wm-destination-panel .wm-note{font-size:13px;margin-top:9px}
    #compartir .wm-destination-panel textarea{margin:10px 0;font-size:14px;resize:vertical}
    #compartir [hidden]{display:none!important}
    #compartir .wm-feedback{font-size:13px;color:var(--wm-muted);margin:12px 0 0;min-height:18px}
    @media(max-width:700px){#compartir .wm-workspace{grid-template-columns:1fr;gap:24px}#compartir .wm-main{padding:18px}#compartir .wm-brandbar{padding:15px 18px}#compartir fieldset{display:flex;flex-wrap:wrap;gap:3px 18px}#compartir legend{width:100%}#compartir .wm-check{min-height:44px}#compartir .wm-weathercard{padding:15px}}
  
#compartir .wm-final-image{display:block;width:100%;height:auto;border-radius:14px}
#compartir .wm-png-details .wm-final-image{max-height:760px;object-fit:contain;background:var(--wm-panel)}
#compartir .wm-web-width{max-width:320px;margin:0 0 8px}
#compartir .wm-readable{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#compartir .wm-generate{margin-top:18px;background:var(--wm-brand-ink);color:var(--wm-panel)}
#compartir .wm-result-actions{margin-top:22px}
#compartir .wm-download{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;color:var(--wm-brand-ink)}
#compartir .wm-logo:not([src]){display:none}
#compartir :focus-visible{outline:3px solid var(--wm-accent);outline-offset:3px}
#compartir input[type=number]{font:inherit;padding:10px;width:100%;max-width:100%;background:var(--wm-panel);color:var(--wm-ink);border:1px solid var(--wm-line);border-radius:9px}

#compartir .wm-brandbar .wm-brand-name{font-size:clamp(16px,2.3vw,22px);min-width:0;overflow-wrap:normal;word-break:normal}
#compartir .wm-png-details{margin:12px 0;font-size:13px;color:var(--wm-muted)}
#compartir .wm-png-details summary{cursor:pointer;padding:8px 0}
#compartir .wm-reading-value{font-size:clamp(20px,2.5vw,25px)}
@media(max-width:400px){#compartir .wm-brandbar{padding:12px}#compartir .wm-brandbar .wm-logo{width:38px;height:38px}#compartir .wm-main{padding:12px}#compartir .wm-card-brand{font-size:15px;overflow-wrap:anywhere}#compartir .wm-weathercard{padding:12px}}

/* R4 approved current badge */

    #compartir .wm-current {font-family:Inter,Arial,sans-serif;color:var(--wm-card-ink,#fff)}
    #compartir .wm-current * {box-sizing:border-box}
    #compartir .wm-current .met-badge {border-radius:22px;overflow:hidden;background:linear-gradient(118deg,var(--wm-card-bg-a),var(--wm-card-bg-b));border:1px solid var(--wm-card-border);border-top:5px solid var(--wm-card-accent)}
    #compartir .wm-current .met-header {display:flex;align-items:center;gap:15px;padding:22px 25px 10px}
    #compartir .wm-current .met-logo {width:68px;height:68px;object-fit:contain;background:#fff;border-radius:15px;padding:5px;flex-shrink:0}
    #compartir .wm-current .met-heading {min-width:0;flex:1}
    #compartir .wm-current .met-network {margin-left:auto;flex:0 0 auto;padding:7px 11px;border:1px solid var(--wm-card-border);border-radius:999px;background:var(--wm-card-panel);color:var(--wm-card-ink);font-size:11px;font-weight:650;line-height:1.15;text-decoration:none;white-space:nowrap}
    #compartir .wm-current .met-network:hover,#compartir .wm-current .met-network:focus-visible {text-decoration:underline;box-shadow:0 0 0 2px color-mix(in srgb,var(--wm-card-accent) 48%,transparent)}
    #compartir .wm-current .met-brand {font-size:23px;font-weight:500;line-height:1.2;overflow-wrap:anywhere}
    #compartir .wm-current .met-station {font-size:15px;color:var(--wm-card-muted);margin-top:5px;line-height:1.3}
    #compartir .wm-current .met-content {display:grid;grid-template-columns:1.08fr 1fr;gap:22px;padding:16px 25px 22px;align-items:stretch}
    #compartir .wm-current .met-hero {display:flex;flex-direction:column;justify-content:center;gap:17px;min-width:0}
    #compartir .wm-current .met-temp {font-size:77px;font-weight:500;line-height:1;letter-spacing:-5px;white-space:nowrap;font-variant-numeric:tabular-nums}
    #compartir .wm-current .met-temp small {font-size:30px;letter-spacing:-1px;vertical-align:top;display:inline-block;margin-top:10px;margin-left:5px}
    #compartir .wm-current .met-temp-row {display:flex;align-items:center;gap:11px;min-width:0;flex-wrap:wrap}
    #compartir .wm-current .met-extremes {display:grid;gap:4px;flex:0 0 auto}
    #compartir .wm-current .met-extreme {display:block;padding:3px 7px;border:1px solid color-mix(in srgb,var(--wm-card-muted) 34%,transparent);border-radius:999px;background:color-mix(in srgb,var(--wm-card-panel) 72%,transparent);font-size:11px;line-height:1.15;color:var(--wm-card-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
    #compartir .wm-current .met-extreme-max {border-color:color-mix(in srgb,#ff8c82 58%,var(--wm-card-border))}
    #compartir .wm-current .met-extreme-min {border-color:color-mix(in srgb,#78b4ff 58%,var(--wm-card-border))}
    #compartir .wm-current .met-sens {font-size:17px;line-height:1.3;color:var(--wm-card-muted);margin-top:9px}
    #compartir .wm-current .met-forecast {display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--wm-card-ink) 22%,transparent)}
    #compartir .wm-current .met-forecast>div {flex:1;min-width:95px}
    #compartir .wm-current .met-sky {flex-shrink:0;display:flex;align-items:center;justify-content:center;width:144px;height:144px}
    #compartir .wm-current .met-sky img {display:block;width:144px;height:144px;min-width:144px;max-width:none;object-fit:contain;filter:drop-shadow(0 4px 4px #03192399) drop-shadow(0 0 4px #ffffff66)}
    #compartir .wm-current .met-description {font-size:15px;line-height:1.25}
    #compartir .wm-current .met-source {font-size:11px;line-height:1.35;color:var(--wm-card-muted);margin-top:5px}
    #compartir .wm-current .met-grid {display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
    #compartir .wm-current .met-reading {padding:14px 12px;border-radius:13px;background:var(--wm-card-panel);border:1px solid var(--wm-card-border);box-shadow:0 3px 8px #00000016;min-width:0}
    #compartir .wm-current .met-label {display:flex;gap:7px;align-items:center;font-size:12px;color:var(--wm-card-muted);line-height:1.2;white-space:nowrap}
    #compartir .wm-current .met-label svg {width:16px;height:16px;flex-shrink:0;color:var(--wm-card-accent)}
    #compartir .wm-current .met-number {margin-top:10px;font-size:27px;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
    #compartir .wm-current .met-value-row {display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
    #compartir .wm-current .met-reading-icon {display:flex;width:35px;height:35px;flex:0 0 35px;color:var(--wm-card-muted);opacity:.96;filter:drop-shadow(0 2px 2px #00000024)}
    #compartir .wm-current .met-reading-icon svg {display:block;width:100%;height:100%;overflow:visible}
    #compartir .wm-current .met-reading-icon .kpi-accent {stroke:var(--wm-card-accent)}
    #compartir .wm-current .met-reading-icon .kpi-soft {fill:color-mix(in srgb,var(--wm-card-accent) 22%,transparent)}
    #compartir .wm-current .met-unit {font-size:12px;color:var(--wm-card-muted);margin-top:5px;line-height:1.2}
    #compartir .wm-current .met-footer {display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;padding:12px 25px;background:var(--wm-card-footer);border-top:1px solid color-mix(in srgb,var(--wm-card-footer-muted) 22%,transparent);font-size:11px;line-height:1.4;color:var(--wm-card-footer-muted)}
    #compartir .wm-current .met-footer a {color:#fff;text-decoration:none}
    #compartir .wm-current .met-time {display:flex;gap:7px;align-items:center}
    #compartir .wm-current .met-dot {width:6px;height:6px;border-radius:50%;background:var(--wm-card-accent)}
    @media(max-width:430px){#compartir .wm-network,#compartir .wm-current .met-network{padding:6px 8px;font-size:9px}#compartir .wm-current .met-header {padding:16px 16px 8px;gap:10px}#compartir .wm-current .met-brand{font-size:20px}#compartir .wm-current .met-logo{width:56px;height:56px}#compartir .wm-current .met-content{padding:12px 16px 17px;gap:16px;grid-template-columns:1fr}#compartir .wm-current .met-hero{flex-direction:row;align-items:center;justify-content:space-between;gap:15px}#compartir .wm-current .met-temp{font-size:64px}#compartir .wm-current .met-temp small{font-size:24px}#compartir .wm-current .met-sens{font-size:13px}#compartir .wm-current .met-forecast{border:0;padding:0;flex-direction:column;align-items:flex-start;gap:4px;max-width:125px}#compartir .wm-current .met-sky svg{width:34px;height:34px}#compartir .wm-current .met-description{font-size:13px}#compartir .wm-current .met-reading{padding:12px}#compartir .wm-current .met-footer{padding:10px 16px}}
  

    @media(max-width:430px){#compartir .wm-current .met-sky{width:112px;height:112px}#compartir .wm-current .met-sky img{width:112px;height:112px;min-width:112px}}
  
#compartir .wm-current .met-only{grid-template-columns:1fr}#compartir .wm-current .met-only .met-hero{flex-direction:row;flex-wrap:wrap;justify-content:space-between}#compartir .wm-current .met-number{font-size:clamp(21px,2.7vw,27px)}

/* R5: retain readable temperature and icon on narrow phones. */
@media(max-width:350px){#compartir .wm-current .met-hero{flex-wrap:wrap;justify-content:center}}

/* R6: the badge responds to its own available width, not the viewport. */
#compartir .wm-current{container:jd-share-card / inline-size}
#compartir .wm-current .met-header{padding:16px 16px 8px;gap:12px}
#compartir .wm-current .met-logo{width:56px;height:56px}
#compartir .wm-current .met-brand{font-size:20px}
#compartir .wm-current .met-content{grid-template-columns:minmax(0,1fr);padding:12px 16px 17px;gap:18px;align-items:start}
#compartir .wm-current .met-hero,
#compartir .wm-current .met-only .met-hero{display:grid;grid-template-columns:minmax(0,1fr) 112px;grid-template-columns:minmax(0,1fr) clamp(112px,34cqi,130px);align-items:center;gap:12px;min-width:0}
#compartir .wm-current .met-hero>.met-forecast:only-child{grid-column:1/-1;justify-self:center;max-width:260px}
#compartir .wm-current .met-hero>div:first-child{min-width:0}
#compartir .wm-current .met-temp{font-size:38px;font-size:clamp(38px,14cqi,64px);letter-spacing:-.065em}
#compartir .wm-current .met-temp small{font-size:20px;margin-left:4px;margin-top:6px;letter-spacing:-1px}
#compartir .wm-current .met-temp-row{gap:6px;flex-wrap:wrap}
#compartir .wm-current .met-extremes{gap:3px}
#compartir .wm-current .met-extreme{font-size:9px;padding:2px 5px}
#compartir .wm-current .met-sens{font-size:13px;line-height:1.4}
#compartir .wm-current .met-forecast{display:flex;flex-direction:column;align-items:center;border:0;padding:0;gap:5px;max-width:none;min-width:0;text-align:center}
#compartir .wm-current .met-forecast>div{min-width:0;width:100%}
#compartir .wm-current .met-sky{width:112px;height:112px}
#compartir .wm-current .met-sky img{width:112px;height:112px;min-width:112px}
#compartir .wm-current .met-description{font-size:13px;overflow-wrap:anywhere}
#compartir .wm-current .met-source{font-size:11px;line-height:1.4}
#compartir .wm-current .met-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:10px;align-self:start;align-items:stretch}
#compartir .wm-current .met-reading{padding:12px;min-height:101px}
#compartir .wm-current .met-label{white-space:normal;min-height:15px}
#compartir .wm-current .met-number{font-size:23px;font-size:clamp(21px,6cqi,27px);margin-top:8px}
#compartir .wm-current .met-reading-icon{width:29px;height:29px;flex-basis:29px}
#compartir .wm-current .met-unit{line-height:1.3}
#compartir .wm-current .met-footer{padding:10px 16px}
@container jd-share-card (min-width:420px){
 #compartir .wm-current .met-hero,
 #compartir .wm-current .met-only .met-hero{grid-template-columns:minmax(0,1fr) 160px;gap:18px}
 #compartir .wm-current .met-sky,
 #compartir .wm-current .met-sky img{width:144px;height:144px;min-width:144px}
 #compartir .wm-current .met-temp small{font-size:26px}
 #compartir .wm-current .met-sens{font-size:16px}
}
@container jd-share-card (min-width:680px){
 #compartir .wm-current .met-header{padding:22px 25px 10px;gap:15px}
 #compartir .wm-current .met-logo{width:68px;height:68px}
 #compartir .wm-current .met-brand{font-size:23px}
 #compartir .wm-current .met-content{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);padding:16px 25px 22px;gap:22px}
 #compartir .wm-current .met-hero{display:flex;flex-direction:column;align-items:stretch;gap:17px}
 #compartir .wm-current .met-temp{font-size:77px}
 #compartir .wm-current .met-temp small{font-size:30px;margin-top:10px}
 #compartir .wm-current .met-temp-row{gap:11px;flex-wrap:nowrap}
 #compartir .wm-current .met-extremes{gap:4px}
 #compartir .wm-current .met-extreme{font-size:11px;padding:3px 7px}
 #compartir .wm-current .met-sens{font-size:17px}
 #compartir .wm-current .met-forecast{flex-direction:row;flex-wrap:wrap;gap:8px;text-align:left;justify-content:flex-start;padding-top:8px;border-top:1px solid #ffffff30}
 #compartir .wm-current .met-forecast>div{flex:1;min-width:95px;width:auto}
 #compartir .wm-current .met-description{font-size:15px}
 #compartir .wm-current .met-reading{padding:14px 12px}
 #compartir .wm-current .met-reading-icon{width:35px;height:35px;flex-basis:35px}
 #compartir .wm-current .met-footer{padding:12px 25px}
 #compartir .wm-current .met-only{grid-template-columns:minmax(0,1fr)}
}

/* R12: keep station identity and descriptive text on natural word boundaries. */
#compartir .wm-card-brand,
#compartir .wm-station,
#compartir .wm-current .met-brand,
#compartir .wm-current .met-station,
#compartir .wm-current .met-description {
 overflow-wrap:normal;
 word-break:normal;
 hyphens:none;
}
#compartir .wm-card-brand{font-size:clamp(13px,4.2vw,18px)}
#compartir .wm-current .met-brand{
 font-size:clamp(13px,4.35cqi,18px);
 letter-spacing:-.015em;
}
#compartir .wm-current .met-station{font-size:clamp(12px,3.8cqi,15px)}
#compartir .wm-current .met-network{
 padding:clamp(5px,1.6cqi,7px) clamp(7px,2.4cqi,11px);
 font-size:clamp(8px,2.6cqi,11px);
}
@container jd-share-card (min-width:420px){
 #compartir .wm-current .met-brand{font-size:20px;letter-spacing:normal}
 #compartir .wm-current .met-station{font-size:15px}
}
@container jd-share-card (min-width:680px){
 #compartir .wm-current .met-brand{font-size:23px}
}