.page-hero{padding-top:72px;background:linear-gradient(rgba(0, 35, 75, 0.85), rgba(0, 35, 75, 0.95)), url('../assets/images/hero.png') center/cover no-repeat;position:relative;overflow:hidden}
    .page-hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Crect x='28' y='28' width='4' height='4'/%3E%3C/g%3E%3C/svg%3E")}
    .page-hero-inner{position:relative;z-index:2;padding-top:var(--sp-16);padding-bottom:var(--sp-12)}
    .page-eyebrow{display:inline-block;font-family:var(--font-display);font-size:.65rem;font-weight:700;letter-spacing:.14em;color:var(--on-primary);background:var(--grad-cta);padding:.3rem .85rem;border-radius:var(--radius-sm);margin-bottom:var(--sp-4)}
    .page-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.1}
    .page-title span{background:var(--grad-cta);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .page-subtitle{font-size:.95rem;color:rgba(255,255,255,.75);margin-top:var(--sp-4);max-width:520px;line-height:1.65}
    /* Main */
    .ubicanos-section{background:var(--surface);padding:var(--sp-16) 0;flex:1}
    .ubicanos-grid{display:grid;grid-template-columns:1fr 360px;gap:var(--sp-10);align-items:start}
    /* Sede selector tabs */
    .sede-tabs{display:flex;flex-direction:column;gap:var(--sp-4)}
    .sede-card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow-ambient);border-left:3px solid var(--outline-variant);transition:border-color .2s,box-shadow .2s,transform .2s;cursor:pointer;user-select:none}
    .sede-card:hover{border-left-color:var(--secondary);box-shadow:var(--shadow-float);transform:translateX(3px)}
    .sede-card.active{border-left:4px solid var(--secondary);box-shadow:0 8px 32px rgba(0,0,0,0.15);background:var(--surface-container-lowest)}
    .sede-card.active .sede-num{background:var(--secondary);color:#fff}
    .sede-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2)}
    .sede-num{width:28px;height:28px;border-radius:50%;background:var(--surface-container);color:var(--outline);font-family:var(--font-display);font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,color .2s}
    .sede-name{font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.06em;color:var(--secondary);text-transform:uppercase}
    .sede-addr{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--on-surface);line-height:1.3;margin-bottom:var(--sp-1)}
    .sede-sub{font-size:.78rem;color:var(--outline);line-height:1.4}
    .sede-badge{display:inline-flex;align-items:center;gap:4px;margin-top:var(--sp-2);font-family:var(--font-display);font-size:.6rem;font-weight:700;letter-spacing:.07em;color:var(--secondary);background:rgba(184,134,11,.08);padding:.2rem .6rem;border-radius:999px;opacity:0;transition:opacity .2s}
    .sede-card.active .sede-badge{opacity:1}
    /* Map area */
    .map-wrapper{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-float);aspect-ratio:16/10;position:relative;background:var(--surface-container-low)}
    .map-wrapper iframe{width:100%;height:100%;border:none;display:block;transition:opacity .3s}
    .map-wrapper.switching iframe{opacity:0}
    .map-pin-label{position:absolute;top:var(--sp-4);left:var(--sp-4);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.35rem .85rem;border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--sp-2);z-index:2;transition:opacity .3s}
    /* Cards below map */
    .info-panel{display:flex;flex-direction:column;gap:var(--sp-5)}
    .info-card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow-ambient);border-left:3px solid var(--secondary);transition:transform .2s,box-shadow .2s}
    .info-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-float)}
    .info-icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),var(--primary-container));display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-3);color:#fff;flex-shrink:0}
    .info-label{font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.12em;color:var(--secondary);text-transform:uppercase;margin-bottom:var(--sp-1)}
    .info-value{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--on-surface);line-height:1.4}
    .info-sub{font-size:.8rem;color:var(--outline);margin-top:var(--sp-1);line-height:1.5}
    .horario-tbl{width:100%;border-collapse:collapse;margin-top:var(--sp-3)}
    .horario-tbl tr{border-bottom:1px solid var(--outline-variant)}
    .horario-tbl tr:last-child{border-bottom:none}
    .horario-tbl td{padding:var(--sp-2) 0;font-size:.83rem}
    .horario-tbl td:last-child{text-align:right;font-weight:700;color:var(--primary)}
    .badge-open{display:inline-flex;align-items:center;gap:5px;background:rgba(0,53,106,.08);color:var(--primary);font-size:.63rem;font-weight:700;letter-spacing:.08em;padding:.2rem .5rem;border-radius:999px;font-family:var(--font-display)}
    .bdot{width:6px;height:6px;border-radius:50%;background:#22c55e}
    /* Coverage */
    .coverage-section{background:var(--surface-container-low);padding:var(--sp-16) 0}
    .sec-label{font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.14em;color:var(--secondary);text-transform:uppercase;margin-bottom:var(--sp-3)}
    .sec-heading{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:var(--primary);letter-spacing:-.01em;margin-bottom:var(--sp-3)}
    .sec-body{font-size:.92rem;color:var(--outline);max-width:560px;line-height:1.65;margin-bottom:var(--sp-10)}
    .cov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--sp-4)}
    .cov-card{background:var(--surface-container-lowest);border-radius:var(--radius-md);padding:var(--sp-6);box-shadow:var(--shadow-ambient);border-top:3px solid transparent;transition:transform .2s,box-shadow .2s,border-color .2s}
    .cov-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-float);border-top-color:var(--secondary-container)}
    .cov-type{font-size:.62rem;font-weight:700;letter-spacing:.08em;color:var(--secondary);text-transform:uppercase;font-family:var(--font-display);margin-bottom:var(--sp-1)}
    .cov-city{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--primary);margin-bottom:2px}
    .cov-time{font-size:.78rem;color:var(--outline)}
    /* CTA */
    .cta-band{background:var(--grad-primary);padding:var(--sp-12) 0}
    .cta-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8)}
    .cta-inner h2{font-family:var(--font-display);font-size:clamp(1.2rem,2.5vw,1.7rem);font-weight:800;color:#fff;margin-bottom:var(--sp-2)}
    .cta-inner p{font-size:.88rem;color:rgba(255,255,255,.7)}
    .cta-btns{display:flex;gap:var(--sp-4);flex-shrink:0}
    .btn-outline-w{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.06em;color:#fff;border:1.5px solid rgba(255,255,255,.4);padding:.55rem 1.25rem;border-radius:var(--radius-sm);transition:border-color .2s,background .2s}
    .btn-outline-w:hover{border-color:#fff;background:rgba(255,255,255,.08)}
    /* ── Responsive breakpoints ── */
    @media (max-width: 900px) {
      .ubicanos-grid {
        grid-template-columns: 1fr;
      }
      .map-wrapper {
        aspect-ratio: 4/3;
      }
      .cta-inner {
        flex-direction: column;
        align-items: flex-start;
      }
      .sede-tabs {
        flex-direction: row;
        flex-wrap: wrap;
      }
      .sede-card {
        flex: 1;
        min-width: 180px;
      }
      .page-hero-inner {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        box-sizing: border-box;
      }
    }

    @media (max-width: 600px) {
      .cov-grid {
        grid-template-columns: 1fr 1fr;
      }
      .cta-btns {
        flex-direction: column;
        width: 100%;
      }
      .sede-tabs {
        flex-direction: column;
      }
    }