/* =========================================================
   Groundless — gis-mobile.css
   Reglas responsive de gis.html que vivían en mobile.css (movidas el 2026-10-20, web-nivel-2):
   texto y orden originales sin cambios (incluye las reglas compartidas con otra página).
   Se enlaza justo DESPUÉS de mobile.css para conservar el orden de cascada
   (mobile → gis-mobile → overrides → gis.css). Sólo esta página lo carga.
   ========================================================= */


/* =========================================================
   GIS — responsive (ex mobile.css)
   Movido desde mobile.css el 2026-10-20 (web-nivel-2): reglas responsive de esta página,
   texto original sin cambios. Sólo esta página las carga.
   ========================================================= */

@media (max-width: 980px){
  @media (max-width: 980px){
    body[data-page="gis"] .gis-main-layout{
    min-height: auto !important;
    height: auto !important;
    padding: 30px 0 52px !important;
    }

    body[data-page="gis"] .gis-container{
    width: min(760px, calc(100% - 28px)) !important;
    margin: 0 auto !important;
    padding-bottom: 22px !important;
    }

    body[data-page="gis"] .gis-header{
    margin-bottom: 18px !important;
    }

    body[data-page="gis"] .gis-badge{
    font-size: 11px !important;
    padding: 7px 11px !important;
    margin-bottom: 12px !important;
    letter-spacing: .09em !important;
    }

    body[data-page="gis"] .gis-title{
    font-size: clamp(28px, 6vw, 40px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
    margin-bottom: 10px !important;
    }

    body[data-page="gis"] .gis-subtitle{
    font-size: 15px !important;
    line-height: 1.65 !important;
    max-width: 34ch !important;
    }

    body[data-page="gis"] .gis-form-card,
    body[data-page="gis"] .gis-result-card{
    border-radius: 24px !important;
    }

    body[data-page="gis"] .gis-form-card{
    padding: 22px !important;
    }

    body[data-page="gis"] .gis-result-card{
    padding: 22px !important;
    margin-top: 12px !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    }

    body[data-page="gis"] .gis-bg{
    opacity: .76 !important;
    }

    body[data-page="gis"] .gis-form-group{
    margin-bottom: 16px !important;
    }

    body[data-page="gis"] .gis-label{
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-bottom: 9px !important;
    }

    body[data-page="gis"] .gis-select{
    min-height: 52px !important;
    padding: 14px 42px 14px 14px !important;
    font-size: 15px !important;
    border-radius: 14px !important;
    }

    body[data-page="gis"] .select-wrapper::after{
    right: 14px !important;
    width: 13px !important;
    height: 13px !important;
    }

    body[data-page="gis"] .gis-calculate-btn,
    body[data-page="gis"] .gis-result-cta{
    min-height: 52px !important;
    padding: 15px 18px !important;
    font-size: 14px !important;
    border-radius: 999px !important;
    margin-top: 8px !important;
    }

    body[data-page="gis"] .gis-result-header{
    gap: 12px !important;
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
    }

    body[data-page="gis"] .gis-score-label,
    body[data-page="gis"] .gis-estado-label,
    body[data-page="gis"] .gis-decision-label{
    font-size: 11px !important;
    letter-spacing: .09em !important;
    }

    body[data-page="gis"] .gis-score-value{
    font-size: 34px !important;
    }

    body[data-page="gis"] .gis-estado-badge{
    padding: 7px 12px !important;
    font-size: 13px !important;
    }

    body[data-page="gis"] .gis-scale{
    margin: 12px 0 4px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    }

    body[data-page="gis"] .gis-scale-top{
    margin-bottom: 9px !important;
    }

    body[data-page="gis"] .gis-scale-k,
    body[data-page="gis"] .gis-scale-pct{
    font-size: 11.5px !important;
    }

    body[data-page="gis"] .gis-scale-track{
    height: 11px !important;
    }

    body[data-page="gis"] .gis-scale-labels{
    margin-top: 7px !important;
    font-size: 11px !important;
    }

    body[data-page="gis"] .gis-decision-value{
    font-size: 17px !important;
    line-height: 1.3 !important;
    margin: 8px 0 10px !important;
    }

    body[data-page="gis"] .gis-result-copy{
    font-size: 15px !important;
    line-height: 1.65 !important;
    }

    body[data-page="gis"] .gis-result-note{
    font-size: 13px !important;
    line-height: 1.58 !important;
    margin-top: 10px !important;
    }

    body[data-page="gis"] #gis-result{
    scroll-margin-top: 96px !important;
    }

    body[data-page="gis"] .gis-footer{
    margin-top: 16px !important;
    padding-top: 14px !important;
    }

    body[data-page="gis"] .gis-footer-text{
    font-size: 12px !important;
    line-height: 1.55 !important;
    }

    body[data-page="gis"] #gis-guided-modal{
    padding: 14px !important;
    align-items: flex-end !important;
    }

    body[data-page="gis"] #gis-guided-modal .gm-card{
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 22px 22px 18px 18px !important;
    padding: 16px 16px 14px !important;
    max-height: 86vh !important;
    overflow: auto !important;
    }

    body[data-page="gis"] #gis-guided-modal .gm-close{
    top: 10px !important;
    right: 10px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    }

    body[data-page="gis"] #gis-guided-modal .gm-title{
    font-size: 17px !important;
    line-height: 1.3 !important;
    margin: 4px 34px 10px 0 !important;
    }

    body[data-page="gis"] #gis-guided-modal .gm-meta{
    gap: 8px !important;
    margin-bottom: 10px !important;
    }

    body[data-page="gis"] #gis-guided-modal .gm-chip{
    font-size: 12px !important;
    padding: 6px 10px !important;
    }

    body[data-page="gis"] #gis-guided-modal .gm-body{
    font-size: 14px !important;
    line-height: 1.58 !important;
    }

    body[data-page="gis"] #gis-guided-modal .gm-actions{
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 14px !important;
    }

    body[data-page="gis"] #gis-guided-modal .gm-btn{
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 13px 16px !important;
    font-size: 14px !important;
    }

    body[data-page="gis"] #gis-guided-modal .gm-foot{
    font-size: 12px !important;
    line-height: 1.5 !important;
    margin-top: 10px !important;
    }
  }
}

@media (max-width: 980px){
  @media (max-width: 640px){
    body[data-page="gis"] .gis-main-layout{
    padding: 24px 0 44px !important;
    }

    body[data-page="gis"] .gis-container{
    width: calc(100% - 22px) !important;
    }

    body[data-page="gis"] .gis-title{
    font-size: clamp(26px, 8vw, 34px) !important;
    }

    body[data-page="gis"] .gis-subtitle{
    font-size: 14.5px !important;
    max-width: 30ch !important;
    }

    body[data-page="gis"] .gis-form-card,
    body[data-page="gis"] .gis-result-card{
    border-radius: 22px !important;
    }

    body[data-page="gis"] .gis-form-card{
    padding: 18px !important;
    }

    body[data-page="gis"] .gis-result-card{
    padding: 18px !important;
    }

    body[data-page="gis"] .gis-label{
    font-size: 13.5px !important;
    }

    body[data-page="gis"] .gis-select{
    min-height: 50px !important;
    font-size: 14.5px !important;
    padding: 13px 40px 13px 13px !important;
    }

    body[data-page="gis"] .gis-result-header{
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    }

    body[data-page="gis"] .gis-score-value{
    font-size: 32px !important;
    }

    body[data-page="gis"] .gis-estado-badge{
    font-size: 12.5px !important;
    }

    body[data-page="gis"] .gis-scale{
    padding: 11px !important;
    }

    body[data-page="gis"] .gis-decision-value{
    font-size: 16.5px !important;
    }

    body[data-page="gis"] .gis-result-copy{
    font-size: 14.5px !important;
    }

    body[data-page="gis"] .gis-result-note{
    font-size: 12.5px !important;
    }

    body[data-page="gis"] #gis-guided-modal{
    padding: 10px !important;
    }

    body[data-page="gis"] #gis-guided-modal .gm-card{
    border-radius: 20px 20px 16px 16px !important;
    padding: 15px 14px 13px !important;
    }

    body[data-page="gis"] #gis-guided-modal .gm-title{
    font-size: 16px !important;
    }

    body[data-page="gis"] #gis-guided-modal .gm-body{
    font-size: 13.5px !important;
    }
  }
}

@media (max-width: 980px){
  @media (max-width: 420px){
    body[data-page="gis"] .gis-main-layout{
    padding: 20px 0 38px !important;
    }

    body[data-page="gis"] .gis-container{
    width: calc(100% - 16px) !important;
    }

    body[data-page="gis"] .gis-badge{
    font-size: 10.5px !important;
    padding: 6px 10px !important;
    }

    body[data-page="gis"] .gis-title{
    font-size: 24px !important;
    line-height: 1.06 !important;
    }

    body[data-page="gis"] .gis-subtitle{
    font-size: 14px !important;
    line-height: 1.6 !important;
    }

    body[data-page="gis"] .gis-form-card{
    padding: 16px !important;
    }

    body[data-page="gis"] .gis-result-card{
    padding: 16px !important;
    }

    body[data-page="gis"] .gis-label{
    font-size: 13px !important;
    line-height: 1.38 !important;
    }

    body[data-page="gis"] .gis-select{
    min-height: 48px !important;
    font-size: 14px !important;
    border-radius: 13px !important;
    }

    body[data-page="gis"] .gis-calculate-btn,
    body[data-page="gis"] .gis-result-cta{
    min-height: 48px !important;
    font-size: 13.5px !important;
    padding: 13px 16px !important;
    }

    body[data-page="gis"] .gis-score-value{
    font-size: 30px !important;
    }

    body[data-page="gis"] .gis-decision-value{
    font-size: 16px !important;
    }

    body[data-page="gis"] .gis-result-copy{
    font-size: 14px !important;
    line-height: 1.62 !important;
    }

    body[data-page="gis"] .gis-scale-labels{
    font-size: 10.5px !important;
    }

    body[data-page="gis"] #gis-guided-modal .gm-card{
    padding: 14px 12px 12px !important;
    }

    body[data-page="gis"] #gis-guided-modal .gm-close{
    width: 36px !important;
    height: 36px !important;
    }

    body[data-page="gis"] #gis-guided-modal .gm-title{
    font-size: 15px !important;
    margin-right: 28px !important;
    }

    body[data-page="gis"] #gis-guided-modal .gm-chip{
    font-size: 11.5px !important;
    }

    body[data-page="gis"] #gis-guided-modal .gm-btn{
    min-height: 46px !important;
    font-size: 13.5px !important;
    }
  }
}

@media (max-width: 980px){
  @media (max-width: 980px){
    body[data-page="gis"] .gis-hero{
    padding: 52px 0 44px !important;
    }

    body[data-page="gis"] .gis-hero-inner{
    padding: 0 18px !important;
    }

    body[data-page="gis"] .gis-hero-h1{
    font-size: clamp(38px, 9vw, 64px) !important;
    letter-spacing: -0.03em !important;
    }

    body[data-page="gis"] .gis-hero-sub{
    font-size: 15px !important;
    max-width: 40ch !important;
    }

    body[data-page="gis"] .gis-signals{
    gap: 10px !important;
    }

    body[data-page="gis"] .gis-signal{
    min-width: 130px !important;
    }

    body[data-page="gis"] .gis-signal-weight{
    font-size: clamp(24px, 5vw, 34px) !important;
    }

    body[data-page="gis"] .gis-protocol{
    padding: 32px 0 !important;
    }

    body[data-page="gis"] .gis-protocol-inner{
    padding: 0 16px !important;
    }

    body[data-page="gis"] .gis-question-card{
    padding: 22px 18px 18px !important;
    }

    body[data-page="gis"] .gis-result-inner{
    padding: 28px 20px 22px !important;
    }
  }
}

@media (max-width: 980px){
  @media (max-width: 560px){
    body[data-page="gis"] .gis-hero{
    padding: 40px 0 32px !important;
    }

    body[data-page="gis"] .gis-hero-h1{
    font-size: clamp(34px, 11vw, 48px) !important;
    line-height: 1.02 !important;
    }

    body[data-page="gis"] .gis-hero-eyebrow{
    gap: 8px !important;
    }

    body[data-page="gis"] .gis-signals{
    flex-direction: column !important;
    align-items: stretch !important;
    max-width: 340px !important;
    margin: 0 auto !important;
    }

    body[data-page="gis"] .gis-signal{
    max-width: 100% !important;
    padding: 14px 16px !important;
    display: flex;
    align-items: center;
    gap: 14px;
    text-align: left;
    }

    body[data-page="gis"] .gis-signal-weight{
    font-size: 28px !important;
    min-width: 58px;
    margin-bottom: 0 !important;
    }

    body[data-page="gis"] .gis-score-value{
    font-size: clamp(52px, 16vw, 72px) !important;
    }

    body[data-page="gis"] .gis-calculate-btn,
    body[data-page="gis"] .gis-result-cta{
    min-height: 50px !important;
    font-size: 14px !important;
    padding: 14px 20px !important;
    width: 100% !important;
    }
  }
}