@charset "UTF-8";

/* Estación 5.3 — equipo adaptable y guía meteorológica compacta en todos los dispositivos. */

.station-v5 {
    --station-cyan: #48c8f1;
    --station-mint: #39d8b6;
    width: min(100% - 3rem, 1180px);
    margin: 0 auto;
    padding: clamp(2rem, 4vw, 4.5rem) 0 4rem;
    color: #f5f9fd;
}

.station-v5-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.station-v5-kicker { display: block; margin-bottom: .55rem; color: var(--station-mint); font-size: .72rem; font-weight: 750; letter-spacing: .14em; }
.station-v5-header h1 { margin: 0; font-size: clamp(2.35rem, 6vw, 4.8rem); line-height: .98; letter-spacing: -.055em; }
.station-v5-header p { max-width: 67ch; margin: 1rem 0 0; color: #9eb0c2; line-height: 1.65; }
.station-v5-back { flex: 0 0 auto; padding: .7rem 1rem; border: 1px solid rgba(72, 200, 241, .22); border-radius: 999px; color: #cbe6f4; background: rgba(72, 200, 241, .06); font-size: .8rem; font-weight: 650; text-decoration: none; }

.station-v5 .station-tabs-container { margin: 0; padding: 0; overflow: hidden; border: 1px solid rgba(116, 180, 221, .16); border-radius: 22px; background: rgba(7, 30, 50, .84); box-shadow: 0 24px 70px rgba(0, 8, 20, .18); }
.station-v5 .tab-buttons-station { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; margin: 0; padding: .7rem; border-bottom: 1px solid rgba(116, 180, 221, .13); }
.station-v5 .tab-button-station { justify-content: center; margin: 0; padding: .85rem .6rem; border: 1px solid transparent; border-radius: 13px; color: #aebdca; background: transparent; }
.station-v5 .tab-button-station.active { border-color: rgba(72, 200, 241, .22); color: #fff; background: linear-gradient(135deg, rgba(72, 200, 241, .16), rgba(57, 216, 182, .08)); }
.station-v5 .tab-content-station { padding: clamp(1rem, 2.5vw, 1.75rem); }
.station-v5 .station-description { margin: 0 0 1rem; padding: 1rem 1.1rem; border-left: 3px solid #cc6600; border-radius: 0 13px 13px 0; color: #b7c5d2; background: rgba(255, 255, 255, .025); }

.station-v5-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin: 1rem 0; }
.station-v5-facts article { padding: 1rem; border: 1px solid rgba(116, 180, 221, .14); border-radius: 15px; background: rgba(255, 255, 255, .025); }
.station-v5-facts span, .station-v5-facts strong, .station-v5-facts small { display: block; }
.station-v5-facts span { color: var(--station-mint); font-size: .63rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.station-v5-facts strong { margin: .4rem 0; color: #f5f9fd; font-size: .9rem; }
.station-v5-facts small { color: #8fa4b7; font-size: .68rem; line-height: 1.5; }
.station-v5-quality { margin: 1rem 0; padding: 1rem 1.1rem; border: 1px solid rgba(72, 200, 241, .16); border-radius: 15px; background: rgba(72, 200, 241, .045); }
.station-v5-quality strong { color: #d8edf8; font-size: .82rem; }
.station-v5-quality p { margin: .35rem 0 0; color: #93a8ba; font-size: .74rem; line-height: 1.6; }

.station-v5 .station-equipment-grid { gap: 1rem; }
.station-v5 .equipment-card, .station-v5 .collab-card, .station-v5 .utility-section { border-color: rgba(116, 180, 221, .14); background: rgba(255, 255, 255, .025); }
.station-v5 .station-product-img { width: 100%; max-height: 410px; padding: .75rem; object-fit: contain; background: #fff; }
.station-v5 .equipment-source { display: inline-block; margin-top: .65rem; color: var(--station-cyan); font-size: .7rem; font-weight: 650; text-decoration: none; }
.station-v5 .equipment-source:hover { text-decoration: underline; }
.station-mobile-guide-note { display: block; margin: 0 0 .75rem; color: #93a8ba; font-size: .74rem; line-height: 1.5; }
.station-v5 .station-disclosure-button { display: none; width: 100%; align-items: center; justify-content: space-between; gap: .75rem; padding: 0; border: 0; color: #f2f8fc; background: transparent; font: inherit; font-size: .9rem; font-weight: 700; line-height: 1.35; text-align: left; cursor: pointer; }
.station-v5 .station-disclosure-button svg { flex: 0 0 20px; width: 20px; height: 20px; color: var(--station-cyan); transition: transform .2s ease; }
.station-v5 .station-disclosure-button[aria-expanded="true"] svg { transform: rotate(180deg); }
.station-v5 .station-disclosure-button:focus-visible { outline: 2px solid var(--station-cyan); outline-offset: 5px; border-radius: 4px; }
.station-v5 .station-disclosure-body { padding-top: 1rem; }
.station-v5 .station-disclosure-body[hidden] { display: none; }
.station-v5 #station-utils .utility-sections { gap: .65rem; }
.station-v5 #station-utils,
.station-v5 #station-utils .utility-section,
.station-v5 #station-utils .station-disclosure-body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
.station-v5 #station-utils .utility-section { min-width: 0; padding: 1rem 1.1rem; }
.station-v5 #station-utils .station-disclosure-body { width: 100%; min-width: 0; }
.station-v5 #station-utils .station-disclosure-body .utility-table,
.station-v5 #station-utils .station-disclosure-body .utility-table caption,
.station-v5 #station-utils .station-disclosure-body .utility-table th,
.station-v5 #station-utils .station-disclosure-body .utility-table td { font-size: inherit; line-height: 1.8; }
.station-v5 #station-utils .utility-section.has-station-disclosure > .utility-title { display: none; }
.station-v5 #station-utils .utility-section.has-station-disclosure > .station-disclosure-button { display: flex; }

@media (max-width: 1024px) {
    .station-v5 { padding-top: 5.5rem; }
    .station-v5-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
    .station-v5 { width: min(100% - 1.25rem, 1180px); padding-top: 3.75rem; }
    .station-v5-header { align-items: flex-start; flex-direction: column; gap: 1rem; }
    .station-v5 .tab-buttons-station { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .station-v5 .tab-button-station { justify-content: center; }
    .station-v5 .station-product-img { max-height: 320px; }
}

@media (max-width: 699px),
       (orientation: landscape) and (max-height: 500px) and (hover: none) and (pointer: coarse) {
    .station-v5 .station-tabs-container { border-radius: 16px; }
    .station-v5 .tab-buttons-station { gap: .28rem; padding: .38rem; background: rgba(7, 26, 44, .97); }
    .station-v5 .tab-button-station { min-width: 0; flex-direction: column; gap: .22rem; padding: .55rem .18rem .5rem; border-left: 1px solid transparent; border-bottom: 1px solid transparent; border-radius: 11px; font-size: .66rem; line-height: 1.1; }
    .station-v5 .tab-button-station svg { width: 18px; height: 18px; }
    .station-v5 .tab-button-station span { font-size: 0; }
    .station-v5 .tab-button-station span::after { content: attr(data-mobile-label); font-size: .66rem; font-weight: 650; }
    .station-v5 .tab-content-station { padding: .72rem; }
    .station-v5 .station-description { margin-bottom: .7rem; padding: .75rem .82rem; font-size: .74rem; line-height: 1.55; }
    .station-v5 .station-description p { margin-bottom: .55rem; }
    .station-v5 .station-description p:last-child { margin-bottom: 0; }

    .station-v5-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; margin: .7rem 0; }
    .station-v5-facts article { min-width: 0; padding: .68rem; border-radius: 12px; }
    .station-v5-facts span { font-size: .54rem; }
    .station-v5-facts strong { margin: .28rem 0; overflow-wrap: anywhere; font-size: .76rem; line-height: 1.25; }
    .station-v5-facts small { font-size: .59rem; line-height: 1.35; }
    .station-v5-quality { margin: .7rem 0; padding: .75rem .82rem; border-radius: 12px; }
    .station-v5-quality strong { font-size: .72rem; }
    .station-v5-quality p { font-size: .64rem; line-height: 1.45; }

    .station-v5 .station-equipment-grid, .station-v5 .utility-sections { display: grid; grid-template-columns: 1fr; gap: .5rem; }
    .station-v5 .equipment-card, .station-v5 .utility-section { padding: .78rem; border-radius: 13px; text-align: left; }
    .station-v5 .equipment-card.has-station-disclosure > .card-subtitle, .station-v5 .utility-section.has-station-disclosure > .utility-title { display: none; }
    .station-v5 .station-disclosure-button { display: flex; font-size: .76rem; line-height: 1.3; }
    .station-v5 .station-disclosure-button svg { flex: 0 0 18px; width: 18px; height: 18px; color: var(--station-cyan); transition: transform .2s ease; }
    .station-v5 .station-disclosure-button[aria-expanded="true"] svg { transform: rotate(180deg); }
    .station-v5 .station-disclosure-body { padding-top: .7rem; }
    .station-v5 .station-disclosure-body[hidden] { display: none; }
    .station-v5 .station-product-img { max-height: 240px; margin: 0 0 .55rem; padding: .5rem; border-radius: 10px; }
    .station-v5 .equipment-caption { margin: 0; font-size: .66rem; line-height: 1.45; }
    .station-v5 .equipment-source { margin-top: .45rem; font-size: .62rem; }

    .station-v5 .tab-header-station { margin-bottom: .7rem; padding-bottom: .65rem; }
    .station-v5 .tab-title-station { margin: 0 0 .25rem; font-size: 1rem; line-height: 1.25; }
    .station-v5 .tab-description-station { margin: 0; font-size: .68rem; line-height: 1.45; }
    .station-v5 .collaboration-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; margin-bottom: 0; }
    .station-v5 .collab-card { min-width: 0; gap: .45rem; justify-content: center; min-height: 96px; padding: .65rem .45rem; border-radius: 12px; }
    .station-v5 .collab-logo { width: 100%; height: 42px; max-height: 42px; object-fit: contain; }
    .station-v5 .collab-name { font-size: .64rem; line-height: 1.2; }

    .station-mobile-guide-note { display: block; margin: 0 0 .55rem; color: #93a8ba; font-size: .66rem; line-height: 1.45; }
    .station-v5 #station-utils,
    .station-v5 #station-utils .utility-section,
    .station-v5 #station-utils .station-disclosure-body,
    .station-v5 #station-utils .station-disclosure-body * {
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
    }
    .station-v5 #station-utils .station-disclosure-body { font-size: .69rem; line-height: 1.55; }
    .station-v5 #station-utils .station-disclosure-body p,
    .station-v5 #station-utils .station-disclosure-body ul,
    .station-v5 #station-utils .station-disclosure-body ol,
    .station-v5 #station-utils .station-disclosure-body li,
    .station-v5 #station-utils .station-disclosure-body .image-caption,
    .station-v5 #station-utils .station-disclosure-body .utility-table,
    .station-v5 #station-utils .station-disclosure-body .utility-table caption,
    .station-v5 #station-utils .station-disclosure-body .utility-table th,
    .station-v5 #station-utils .station-disclosure-body .utility-table td { font-size: inherit; line-height: inherit; }
    .station-v5 #station-utils .utility-radiosondeo .station-disclosure-body,
    .station-v5 #station-utils .utility-radiosondeo .station-disclosure-body * {
        font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        font-size: .69rem !important;
        line-height: 1.55 !important;
        letter-spacing: normal !important;
        color: inherit !important;
    }
    .station-v5 .utility-list { margin-left: 1.05rem; }
    .station-v5 .humidex-range-title { margin: .75rem 0 .3rem; }
    .station-v5 .humidex-range { margin: 0 0 0 1rem; padding: 0; }
    .station-v5 .utility-img { width: 100%; max-height: 68vh; margin: .7rem 0; object-fit: contain; }
    .station-v5 .table-responsive { margin: .7rem 0; }
    .station-v5 .utility-table { min-width: 620px; }
}

@media (orientation: landscape) and (max-height: 500px) and (hover: none) and (pointer: coarse) {
    .station-v5-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .station-v5 .collaboration-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}