/* =========================================================
   Groundless — metodo-mobile.css
   Reglas responsive de metodo.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 → metodo-mobile → overrides → metodo.css). Sólo esta página lo carga.
   ========================================================= */


/* =========================================================
   METODO — 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){
  body[data-page="metodo"]{
  --m-card-pad: 18px;
  --m-stack-gap: 16px;
  }

  body[data-page="metodo"] section{
  padding-top: 64px !important;
  padding-bottom: 64px !important;
  }

  body[data-page="metodo"] .gl-method-shell,
  body[data-page="metodo"] .gl-method-shell-single{
  width: min(1180px, calc(100% - 28px)) !important;
  }
}

@media (max-width: 980px){
  @media (max-width: 980px){
    body[data-page="metodo"] #gl-method-hero{
    min-height: auto;
    }

    body[data-page="metodo"] #gl-method-hero > .gl-method-shell{
    padding-top: 108px;
    padding-bottom: 72px;
    padding-left: 24px;
    padding-right: 24px;
    }

    body[data-page="metodo"] .gl-method-hero-layout{
    gap: 24px;
    max-width: 100%;
    }

    body[data-page="metodo"] .gl-method-hero-copy{
    max-width: 100%;
    }

    body[data-page="metodo"] .gl-method-hero-kicker{
    margin-bottom: 14px;
    font-size: 10px;
    letter-spacing: 1.4px;
    padding: 7px 12px;
    }

    body[data-page="metodo"] .gl-method-hero-title{
    max-width: 100%;
    font-size: clamp(32px, 9.4vw, 48px);
    line-height: 1.04;
    letter-spacing: -1.2px;
    margin-bottom: 10px;
    text-wrap: pretty;
    }

    body[data-page="metodo"] .gl-method-hero-thesis{
    max-width: 100%;
    font-size: clamp(20px, 5.8vw, 28px);
    line-height: 1.16;
    margin-bottom: 14px;
    }

    body[data-page="metodo"] .gl-method-hero-subtitle{
    max-width: 100%;
    font-size: 15px;
    line-height: 1.72;
    }

    body[data-page="metodo"] .gl-method-hero-panel{
    max-width: 100%;
    border-radius: 22px;
    padding: 18px 16px 18px;
    }

    body[data-page="metodo"] .gl-hero-mantra{
    margin-bottom: 18px;
    }

    body[data-page="metodo"] .gl-hero-mantra-label{
    margin-bottom: 12px;
    font-size: 10px;
    letter-spacing: 1.7px;
    }

    body[data-page="metodo"] .gl-hero-mantra-lines{
    display: flex;
    flex-direction: column;
    gap: 8px;
    }

    body[data-page="metodo"] .gl-hero-mantra-line{
    display: block;
    white-space: normal;
    font-size: 13px;
    line-height: 1.5;
    word-break: break-word;
    }

    body[data-page="metodo"] .gl-hero-mantra-line:not(:last-child)::after{
    content: none;
    }

    body[data-page="metodo"] .gl-hero-iscale{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 18px;
    }

    body[data-page="metodo"] .gl-hero-iscale-node{
    padding: 14px 12px 12px;
    border-radius: 14px;
    }

    body[data-page="metodo"] .gl-hero-iscale-id{
    font-size: 18px;
    margin-bottom: 6px;
    }

    body[data-page="metodo"] .gl-hero-iscale-label{
    font-size: 11px;
    line-height: 1.42;
    }
  }
}

@media (max-width: 980px){
  @media (max-width: 980px){
    @media (max-width: 640px){
      body[data-page="metodo"] #gl-method-hero > .gl-method-shell{
      padding-top: 96px;
      padding-bottom: 64px;
      padding-left: 18px;
      padding-right: 18px;
      }

      body[data-page="metodo"] .gl-method-hero-title{
      font-size: clamp(28px, 10vw, 40px);
      line-height: 1.05;
      letter-spacing: -1px;
      }

      body[data-page="metodo"] .gl-method-hero-thesis{
      font-size: clamp(18px, 6vw, 24px);
      line-height: 1.18;
      }

      body[data-page="metodo"] .gl-method-hero-subtitle{
      font-size: 14.5px;
      line-height: 1.7;
      }

      body[data-page="metodo"] .gl-method-hero-panel{
      padding: 16px 14px 16px;
      border-radius: 20px;
      }

      body[data-page="metodo"] .gl-hero-mantra-line{
      font-size: 12.5px;
      }

      body[data-page="metodo"] .gl-hero-iscale{
      grid-template-columns: 1fr;
      }

      body[data-page="metodo"] .gl-hero-iscale-node{
      padding: 14px 12px;
      }

      body[data-page="metodo"] #gl-method-hero > .gl-method-shell{
      padding-top: 92px;
      padding-bottom: 56px;
      padding-left: 16px;
      padding-right: 16px;
      }

      body[data-page="metodo"] .gl-method-hero-layout{
      gap: 20px;
      }

      body[data-page="metodo"] .gl-method-hero-copy{
      max-width: 100%;
      }

      body[data-page="metodo"] .gl-method-hero-title{
      max-width: 100%;
      font-size: clamp(26px, 9vw, 36px);
      line-height: 1.06;
      letter-spacing: -0.9px;
      text-wrap: balance;
      }

      body[data-page="metodo"] .gl-method-hero-thesis{
      max-width: 100%;
      font-size: clamp(18px, 5.8vw, 23px);
      line-height: 1.16;
      margin-bottom: 12px;
      }

      body[data-page="metodo"] .gl-method-hero-subtitle{
      max-width: 100%;
      font-size: 14px;
      line-height: 1.72;
      }

      body[data-page="metodo"] .gl-method-hero-panel{
      width: 100%;
      max-width: 100%;
      min-width: 0;
      padding: 16px 14px 16px;
      border-radius: 18px;
      overflow: hidden;
      }

      body[data-page="metodo"] .gl-hero-mantra{
      margin-bottom: 16px;
      }

      body[data-page="metodo"] .gl-hero-mantra-label{
      font-size: 10px;
      letter-spacing: 1.5px;
      margin-bottom: 10px;
      }

      body[data-page="metodo"] .gl-hero-mantra-lines{
      display: flex;
      flex-direction: column;
      gap: 10px;
      width: 100%;
      }

      body[data-page="metodo"] .gl-hero-mantra-line{
      display: block;
      width: 100%;
      max-width: 100%;
      min-width: 0;
      white-space: normal !important;
      word-break: break-word;
      overflow-wrap: anywhere;
      font-size: 12px;
      line-height: 1.5;
      letter-spacing: -0.08px;
      }

      body[data-page="metodo"] .gl-hero-mantra-line:first-child{
      font-size: 12.5px;
      }

      body[data-page="metodo"] .gl-hero-mantra-line:not(:last-child)::after{
      content: none !important;
      }

      body[data-page="metodo"] .gl-hero-iscale{
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      margin-bottom: 16px;
      }

      body[data-page="metodo"] .gl-hero-iscale-node{
      min-width: 0;
      padding: 12px 10px 11px;
      border-radius: 12px;
      }

      body[data-page="metodo"] .gl-hero-iscale-id{
      font-size: 16px;
      margin-bottom: 5px;
      }

      body[data-page="metodo"] .gl-hero-iscale-label{
      font-size: 10.5px;
      line-height: 1.42;
      word-break: break-word;
      }

      body[data-page="metodo"] .gl-hero-cta-row{
      flex-direction: column;
      align-items: stretch;
      gap: 8px;
      }

      body[data-page="metodo"] .gl-hero-cta-primary,
      body[data-page="metodo"] .gl-hero-cta-secondary{
      width: 100%;
      justify-content: center;
      text-align: center;
      }

      body[data-page="metodo"] .gl-hero-cta-primary{
      padding: 13px 16px;
      font-size: 12.5px;
      }

      body[data-page="metodo"] .gl-hero-cta-secondary{
      padding: 12px 14px;
      font-size: 12px;
      }
    }
  }
}

@media (max-width: 980px){
  @media (max-width: 980px){
    @media (max-width: 420px){
      body[data-page="metodo"] .gl-method-hero-panel{
      padding: 14px 12px 14px;
      }

      body[data-page="metodo"] .gl-hero-iscale{
      grid-template-columns: 1fr;
      }

      body[data-page="metodo"] .gl-hero-iscale-node{
      padding: 12px 10px;
      }

      body[data-page="metodo"] .gl-hero-mantra-line{
      font-size: 11.5px;
      }
    }
  }
}

@media (max-width: 980px){
  @media (max-width: 980px){
    body[data-page="metodo"] .gl-method-block-head{
    max-width: none !important;
    margin-bottom: 18px !important;
    }

    body[data-page="metodo"] .gl-method-h2{
    font-size: clamp(24px, 5vw, 32px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em !important;
    max-width: 14ch;
    margin: 0;
    }

    body[data-page="metodo"] .gl-method-lead{
    margin-top: 12px !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    max-width: 31ch !important;
    }

    body[data-page="metodo"] :is(
    .gl-method-card,
    .gl-frame-card,
    .gl-triad-card,
    .gl-stair-col,
    .gl-warn-card,
    .gl-recover,
    .gl-state-card,
    .gl-compare-col,
    .gl-st-tool,
    .gl-water-card,
    .gl-failure-card,
    .gl-gov-card,
    .gl-gov-close,
    .gl-no-card,
    .gl-close-core,
    .gl-close-bridge,
    .gl-evidence,
    .gl-water-signal,
    .gl-state-tools,
    .gl-leader
    ){
    padding: var(--m-card-pad) !important;
    border-radius: 18px !important;
    min-width: 0 !important;
    }

    body[data-page="metodo"] .gl-method-problem-grid{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 18px !important;
    }

    body[data-page="metodo"] .gl-method-p{
    font-size: 14px !important;
    line-height: 1.68 !important;
    }

    body[data-page="metodo"] .gl-method-note{
    font-size: 12.5px !important;
    line-height: 1.62 !important;
    }

    body[data-page="metodo"] .gl-method-list{
    padding-left: 18px;
    margin: 12px 0 10px;
    }

    body[data-page="metodo"] .gl-method-list li{
    font-size: 13.5px;
    line-height: 1.58;
    margin: 8px 0;
    }

    body[data-page="metodo"] .gl-method-mini-diagram{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 14px !important;
    margin-top: 16px !important;
    }

    body[data-page="metodo"] .gl-mini-col{
    padding: 12px !important;
    border-radius: 14px !important;
    }

    body[data-page="metodo"] .gl-mini-flow{
    gap: 8px;
    }

    body[data-page="metodo"] .gl-mini-flow span{
    white-space: normal !important;
    width: 100%;
    text-align: left;
    }

    body[data-page="metodo"] .gl-mini-arrow{
    display: none;
    }

    body[data-page="metodo"] .gl-triad{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 18px !important;
    }

    body[data-page="metodo"] .gl-triad-card{
    padding: 18px !important;
    }

    body[data-page="metodo"] .gl-triad-h3{
    font-size: 15px;
    }

    body[data-page="metodo"] .gl-triad-rule{
    margin-top: 12px;
    padding-top: 10px;
    }

    body[data-page="metodo"] .gl-mini-acc{
    margin-top: 12px;
    border-radius: 12px;
    }

    body[data-page="metodo"] .gl-mini-sum{
    padding: 12px;
    font-size: 12.5px;
    line-height: 1.45;
    }

    body[data-page="metodo"] .gl-mini-body{
    padding: 0 12px 12px;
    }

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

    body[data-page="metodo"] .gl-loop-flow{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    }

    body[data-page="metodo"] .gl-loop-node{
    width: 100%;
    white-space: normal;
    text-align: center;
    padding: 11px 12px;
    border-radius: 14px;
    }

    body[data-page="metodo"] .gl-loop-link{
    display: none;
    }

    body[data-page="metodo"] .gl-stair{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 18px !important;
    }

    body[data-page="metodo"] .gl-stair-col{
    padding: 18px !important;
    }

    body[data-page="metodo"] .gl-step{
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 12px !important;
    margin: 10px 0 !important;
    }

    body[data-page="metodo"] .gl-step-t{
    font-size: 13.5px;
    }

    body[data-page="metodo"] .gl-step-t span{
    font-size: 12.75px;
    }

    body[data-page="metodo"] .gl-recover{
    margin-top: 12px !important;
    }

    body[data-page="metodo"] #gl-method-estados{
    padding-top: 72px !important;
    padding-bottom: 72px !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-frame-card{
    margin-top: 18px !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-state-grid{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 18px !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-state-card{
    padding: 18px !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-state-head{
    gap: 8px;
    margin-bottom: 8px;
    }

    body[data-page="metodo"] #gl-method-estados .gl-state-h3{
    font-size: 15px;
    line-height: 1.28;
    }

    body[data-page="metodo"] #gl-method-estados .gl-state-nav{
    flex-direction: column;
    gap: 8px;
    }

    body[data-page="metodo"] #gl-method-estados .gl-state-link{
    width: 100%;
    text-align: center;
    justify-content: center;
    }

    body[data-page="metodo"] .gl-compare{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 18px !important;
    }

    body[data-page="metodo"] .gl-compare-col{
    padding: 18px !important;
    }

    body[data-page="metodo"] .gl-tool-def-grid{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 14px !important;
    }

    body[data-page="metodo"] .gl-tool-def{
    padding: 12px !important;
    border-radius: 12px !important;
    }

    body[data-page="metodo"] .gl-leader{
    margin-top: 14px !important;
    padding: 18px !important;
    }

    body[data-page="metodo"] .gl-leader-sub{
    max-width: 30ch;
    }

    body[data-page="metodo"] .gl-leader-diagram{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    }

    body[data-page="metodo"] .gl-leader-node{
    width: 100%;
    text-align: center;
    white-space: normal;
    border-radius: 14px;
    }

    body[data-page="metodo"] .gl-leader-arrow{
    display: none;
    }

    body[data-page="metodo"] .gl-state-tools{
    margin-top: 14px !important;
    padding: 18px !important;
    }

    body[data-page="metodo"] .gl-state-tools-grid{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 14px !important;
    }

    body[data-page="metodo"] .gl-st-tool{
    padding: 14px !important;
    border-radius: 14px !important;
    }

    body[data-page="metodo"] .gl-st-tool-top{
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    }

    body[data-page="metodo"] .gl-st-tool-row{
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    padding-top: 8px !important;
    }

    body[data-page="metodo"] #gl-method-lectura{
    padding-top: 78px !important;
    padding-bottom: 78px !important;
    }

    body[data-page="metodo"] .gl-evidence{
    margin-top: 22px !important;
    padding: 18px !important;
    }

    body[data-page="metodo"] .gl-evidence-head{
    padding-bottom: 12px;
    margin-bottom: 12px;
    }

    body[data-page="metodo"] .gl-evidence-sub{
    max-width: 31ch;
    }

    body[data-page="metodo"] .gl-evidence-layer{
    padding: 12px 2px !important;
    }

    body[data-page="metodo"] .gl-evidence-layer-strong{
    padding: 14px !important;
    border-radius: 14px !important;
    }

    body[data-page="metodo"] .gl-water-signal{
    margin-top: 26px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    }

    body[data-page="metodo"] .gl-water-grid{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 16px !important;
    }

    body[data-page="metodo"] .gl-water-card{
    padding: 14px !important;
    }

    body[data-page="metodo"] .gl-degradation{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    margin-top: 18px !important;
    }

    body[data-page="metodo"] .gl-deg-step{
    width: 100%;
    min-width: 0;
    flex: none;
    padding: 12px 14px;
    border-radius: 14px;
    }

    body[data-page="metodo"] .gl-deg-arrow{
    display: none;
    }

    body[data-page="metodo"] .gl-failure-grid{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 14px !important;
    }

    body[data-page="metodo"] .gl-failure-card{
    padding: 18px !important;
    }

    body[data-page="metodo"] .gl-industry-diagram{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    margin-top: 18px !important;
    }

    body[data-page="metodo"] .gl-industry-node{
    width: 100%;
    min-width: 0;
    flex: none;
    padding: 12px 14px;
    border-radius: 14px;
    }

    body[data-page="metodo"] .gl-industry-link{
    display: none;
    }

    body[data-page="metodo"] .gl-gov-grid{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 14px !important;
    }

    body[data-page="metodo"] .gl-gov-card{
    padding: 18px !important;
    }

    body[data-page="metodo"] .gl-log{
    gap: 8px;
    }

    body[data-page="metodo"] .gl-log-row{
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    padding: 10px 12px !important;
    }

    body[data-page="metodo"] .gl-gov-close{
    margin-top: 14px !important;
    padding: 18px !important;
    }

    body[data-page="metodo"] .gl-no-grid{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 18px !important;
    }

    body[data-page="metodo"] .gl-no-card{
    padding: 16px !important;
    border-radius: 16px !important;
    }

    body[data-page="metodo"] .gl-no-h3{
    font-size: 15px;
    line-height: 1.26;
    }

    body[data-page="metodo"] .gl-no-card p{
    font-size: 13.5px;
    line-height: 1.56;
    max-width: 30ch;
    }

    body[data-page="metodo"] .gl-accordion{
    margin-top: 18px !important;
    border-radius: 16px !important;
    }

    body[data-page="metodo"] .gl-acc-sum{
    grid-template-columns: 1fr auto !important;
    gap: 10px !important;
    padding: 14px 12px !important;
    align-items: start !important;
    }

    body[data-page="metodo"] .gl-acc-k{
    display: none;
    }

    body[data-page="metodo"] .gl-acc-t{
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    }

    body[data-page="metodo"] .gl-acc-body{
    padding: 0 12px 14px !important;
    }

    body[data-page="metodo"] #gl-method-cierre{
    padding-top: 78px !important;
    padding-bottom: 84px !important;
    }

    body[data-page="metodo"] .gl-close-core{
    padding: 18px !important;
    }

    body[data-page="metodo"] .gl-close-sub{
    max-width: 30ch;
    margin-bottom: 14px;
    }

    body[data-page="metodo"] .gl-close-list{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 0 !important;
    }

    body[data-page="metodo"] .gl-close-item,
    body[data-page="metodo"] .gl-close-item-accent{
    grid-column: auto !important;
    padding: 12px !important;
    border-radius: 14px !important;
    }

    body[data-page="metodo"] .gl-close-bridge{
    padding: 16px !important;
    }

    body[data-page="metodo"] .gl-close-cta{
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    }

    body[data-page="metodo"] .gl-close-btn{
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 16px !important;
    }
  }
}

@media (max-width: 980px){
  @media (max-width: 760px){
    body[data-page="metodo"] section{
    padding-top: 54px !important;
    padding-bottom: 54px !important;
    }

    body[data-page="metodo"] .gl-method-shell,
    body[data-page="metodo"] .gl-method-shell-single{
    width: min(1180px, calc(100% - 24px)) !important;
    }

    body[data-page="metodo"] #gl-method-hero{
    padding-top: 28px !important;
    padding-bottom: 24px !important;
    }

    body[data-page="metodo"] .gl-method-title{
    font-size: clamp(29px, 8vw, 36px) !important;
    max-width: 9ch;
    }

    body[data-page="metodo"] .gl-method-subtitle{
    font-size: 15px;
    max-width: 27ch;
    }

    body[data-page="metodo"] .gl-method-intro{
    font-size: 14px;
    max-width: 28ch;
    }

    body[data-page="metodo"] .gl-method-h2{
    font-size: clamp(22px, 6vw, 28px) !important;
    max-width: 13ch;
    }

    body[data-page="metodo"] .gl-method-lead{
    font-size: 14px !important;
    max-width: 28ch !important;
    }

    body[data-page="metodo"] :is(
    .gl-method-card,
    .gl-frame-card,
    .gl-triad-card,
    .gl-stair-col,
    .gl-state-card,
    .gl-compare-col,
    .gl-st-tool,
    .gl-water-card,
    .gl-failure-card,
    .gl-gov-card,
    .gl-no-card,
    .gl-close-core,
    .gl-close-bridge,
    .gl-gov-close,
    .gl-evidence,
    .gl-water-signal,
    .gl-state-tools,
    .gl-leader
    ){
    padding: 16px !important;
    border-radius: 16px !important;
    }

    body[data-page="metodo"] .gl-method-p{
    font-size: 13.5px !important;
    }

    body[data-page="metodo"] .gl-method-list li{
    font-size: 13px;
    }

    body[data-page="metodo"] .gl-method-mini-diagram{
    padding: 12px !important;
    }

    body[data-page="metodo"] .gl-state-tag,
    body[data-page="metodo"] .gl-triad-tag,
    body[data-page="metodo"] .gl-gov-tag,
    body[data-page="metodo"] .gl-close-k,
    body[data-page="metodo"] .gl-frame-title{
    font-size: 10.5px;
    }
  }
}

@media (max-width: 980px){
  @media (max-width: 560px){
    body[data-page="metodo"] .gl-method-shell,
    body[data-page="metodo"] .gl-method-shell-single{
    width: min(1180px, calc(100% - 20px)) !important;
    }

    body[data-page="metodo"] section{
    padding-top: 46px !important;
    padding-bottom: 46px !important;
    }

    body[data-page="metodo"] .gl-method-title{
    font-size: 28px !important;
    }

    body[data-page="metodo"] .gl-method-h2{
    font-size: 22px !important;
    }

    body[data-page="metodo"] .gl-method-subtitle,
    body[data-page="metodo"] .gl-method-lead,
    body[data-page="metodo"] .gl-method-intro{
    max-width: none !important;
    }

    body[data-page="metodo"] .gl-method-anchor{
    font-size: 11.5px;
    }

    body[data-page="metodo"] .gl-acc-sum,
    body[data-page="metodo"] .gl-mini-sum{
    padding-left: 10px !important;
    padding-right: 10px !important;
    }
  }
}

@media (max-width: 980px){
  @media (max-width: 420px){
    body[data-page="metodo"] .gl-method-title{
    font-size: 26px !important;
    }

    body[data-page="metodo"] .gl-method-h2{
    font-size: 21px !important;
    }

    body[data-page="metodo"] :is(
    .gl-method-card,
    .gl-frame-card,
    .gl-triad-card,
    .gl-stair-col,
    .gl-state-card,
    .gl-compare-col,
    .gl-st-tool,
    .gl-water-card,
    .gl-failure-card,
    .gl-gov-card,
    .gl-no-card,
    .gl-close-core,
    .gl-close-bridge,
    .gl-gov-close,
    .gl-evidence,
    .gl-water-signal,
    .gl-state-tools,
    .gl-leader
    ){
    padding: 14px !important;
    }

    body[data-page="metodo"] .gl-method-p,
    body[data-page="metodo"] .gl-no-card p{
    font-size: 13px !important;
    }

    body[data-page="metodo"] .gl-close-btn{
    min-height: 46px !important;
    }
  }
}

@media (max-width: 980px){
  @media (max-width: 980px){
    body[data-page="metodo"] .gl-industry-node,
    body[data-page="metodo"] .gl-deg-step{
    min-height: 0 !important;
    height: auto !important;
    align-self: auto !important;
    flex: none !important;
    }

    body[data-page="metodo"] .gl-industry-node{
    padding: 14px 14px !important;
    }

    body[data-page="metodo"] .gl-deg-step{
    padding: 12px 14px !important;
    }

    body[data-page="metodo"] .gl-industry-k,
    body[data-page="metodo"] .gl-deg-k{
    margin-bottom: 8px !important;
    }

    body[data-page="metodo"] .gl-industry-v,
    body[data-page="metodo"] .gl-deg-v{
    margin: 0 !important;
    max-width: 24ch;
    }
  }
}

@media (max-width: 980px){
  @media (max-width: 1099px){
    body[data-page="metodo"] .gl-toc-fab,
    body[data-page="manual"] .gl-toc-fab{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 14px;
    bottom: 16px;
    z-index: 9998;
    
    min-height: 46px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid var(--gl-border-2);
    background: color-mix(in oklab, var(--gl-surface-2) 88%, transparent);
    color: var(--gl-fg);
    box-shadow: var(--gl-shadow-2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
    font-size: 12px;
    letter-spacing: .8px;
    text-transform: uppercase;
    font-weight: 850;
    }

    html[data-theme="light"] body[data-page="metodo"] .gl-toc-fab,
    html[data-theme="light"] body[data-page="manual"] .gl-toc-fab{
    background: rgba(255,255,255,.88);
    }

    body[data-page="metodo"] #gl-method-toc,
    body[data-page="manual"] #gl-manual-toc{
    display: none !important;
    }

    body[data-page="metodo"] #gl-toc-modal,
    body[data-page="manual"] #gl-manual-toc-modal{
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none !important;
    }

    body[data-page="metodo"] #gl-toc-modal:not([hidden]),
    body[data-page="manual"] #gl-manual-toc-modal:not([hidden]){
    display: block !important;
    }

    body[data-page="metodo"] .gl-toc-modal-backdrop,
    body[data-page="manual"] .gl-toc-modal-backdrop{
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.56);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    }

    body[data-page="metodo"] .gl-toc-modal-card,
    body[data-page="manual"] .gl-toc-modal-card{
    position: relative;
    width: min(520px, calc(100vw - 28px));
    max-height: min(78vh, 720px);
    margin: 84px auto 0;
    overflow: auto;
    
    border-radius: 22px;
    border: 1px solid var(--gl-border-2);
    background: color-mix(in oklab, var(--gl-surface-2) 92%, transparent);
    box-shadow: var(--gl-shadow-2);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    }

    body[data-page="metodo"] .gl-toc-modal-head,
    body[data-page="manual"] .gl-toc-modal-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 16px 12px;
    position: sticky;
    top: 0;
    background: color-mix(in oklab, var(--gl-surface-2) 96%, transparent);
    border-bottom: 1px solid color-mix(in oklab, var(--gl-border-1) 75%, transparent);
    z-index: 2;
    }

    body[data-page="metodo"] .gl-toc-modal-title,
    body[data-page="manual"] .gl-toc-modal-title{
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--gl-fg-dim);
    font-weight: 850;
    }

    body[data-page="metodo"] .gl-toc-x,
    body[data-page="manual"] .gl-toc-x{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    border: 1px solid var(--gl-border-2);
    background: color-mix(in oklab, var(--gl-surface-1) 84%, transparent);
    color: var(--gl-fg);
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    }

    body[data-page="metodo"] .gl-toc-modal-nav,
    body[data-page="manual"] .gl-toc-modal-nav{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px;
    }

    body[data-page="metodo"] .gl-toc-modal-nav .gl-toc-link,
    body[data-page="manual"] .gl-toc-modal-nav .gl-toc-link{
    display: block;
    text-decoration: none;
    color: var(--gl-fg);
    font-size: 15px;
    line-height: 1.3;
    padding: 12px 12px 12px 14px;
    border-radius: 14px;
    border: 1px solid transparent;
    background: color-mix(in oklab, var(--gl-surface-1) 64%, transparent);
    }

    body[data-page="metodo"] .gl-toc-modal-nav .gl-toc-link:hover,
    body[data-page="manual"] .gl-toc-modal-nav .gl-toc-link:hover{
    border-color: var(--gl-border-2);
    background: color-mix(in oklab, var(--gl-accent) 10%, var(--gl-surface-1));
    }

    body[data-page="metodo"] .gl-toc-top-mobile,
    body[data-page="manual"] .gl-toc-top-mobile{
    margin-top: 8px;
    }
  }
}

@media (max-width: 980px){
  @media (max-width: 560px){
    body[data-page="metodo"] .gl-toc-modal-card,
    body[data-page="manual"] .gl-toc-modal-card{
    width: calc(100vw - 20px);
    margin-top: 76px;
    max-height: min(80vh, 760px);
    border-radius: 18px;
    }

    body[data-page="metodo"] .gl-toc-modal-nav .gl-toc-link,
    body[data-page="manual"] .gl-toc-modal-nav .gl-toc-link{
    font-size: 14px;
    padding: 11px 12px;
    }
  }
}

@media (max-width: 980px){
  @media (max-width: 980px){
    body[data-page="metodo"] #gl-method-hero > .gl-method-shell{
    padding-top: 108px !important;
    padding-bottom: 68px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    }

    body[data-page="metodo"] .gl-method-hero-layout{
    width: 100% !important;
    max-width: 100% !important;
    gap: 24px !important;
    align-items: stretch !important;
    }

    body[data-page="metodo"] .gl-method-hero-copy{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    }

    body[data-page="metodo"] .gl-method-hero-title{
    max-width: 12ch !important;
    font-size: clamp(34px, 6vw, 52px) !important;
    line-height: 1.04 !important;
    letter-spacing: -1.1px !important;
    text-wrap: balance;
    }

    body[data-page="metodo"] .gl-method-hero-thesis{
    max-width: 28ch !important;
    font-size: clamp(20px, 3.4vw, 28px) !important;
    line-height: 1.16 !important;
    margin-bottom: 14px !important;
    }

    body[data-page="metodo"] .gl-method-hero-subtitle{
    max-width: 42ch !important;
    font-size: 15px !important;
    line-height: 1.72 !important;
    }

    body[data-page="metodo"] .gl-method-hero-panel{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: auto !important;
    padding: 18px 18px 18px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    }

    body[data-page="metodo"] .gl-hero-mantra{
    padding: 0 !important;
    margin: 0 0 18px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    }

    body[data-page="metodo"] .gl-hero-mantra-label{
    margin-bottom: 10px !important;
    }

    body[data-page="metodo"] .gl-hero-mantra-lines{
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    }

    body[data-page="metodo"] .gl-hero-mantra-line{
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    font-size: clamp(13px, 2.4vw, 16px) !important;
    line-height: 1.5 !important;
    letter-spacing: -0.08px !important;
    padding-right: 0 !important;
    }

    body[data-page="metodo"] .gl-hero-mantra-line:first-child{
    font-size: clamp(14px, 2.7vw, 18px) !important;
    }

    body[data-page="metodo"] .gl-hero-mantra-line:not(:last-child)::after{
    content: none !important;
    }

    body[data-page="metodo"] .gl-hero-iscale{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 18px !important;
    }

    body[data-page="metodo"] .gl-hero-iscale-node{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 13px 12px !important;
    border-radius: 13px !important;
    }

    body[data-page="metodo"] .gl-hero-iscale-id{
    font-size: 17px !important;
    margin-bottom: 5px !important;
    }

    body[data-page="metodo"] .gl-hero-iscale-label{
    font-size: 11px !important;
    line-height: 1.42 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    }

    body[data-page="metodo"] .gl-hero-cta-row{
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    }

    body[data-page="metodo"] .gl-hero-cta-primary,
    body[data-page="metodo"] .gl-hero-cta-secondary{
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    }

    body[data-page="metodo"] .gl-control-loop{
    padding: 32px 22px 28px !important;
    border-radius: 20px !important;
    }

    body[data-page="metodo"] .gl-control-loop-steps{
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    }

    body[data-page="metodo"] .gl-control-loop-steps::before{
    display: none !important;
    }

    body[data-page="metodo"] .gl-control-loop-step{
    flex-direction: row !important;
    align-items: flex-start !important;
    text-align: left !important;
    padding: 16px 0 !important;
    gap: 14px !important;
    border-bottom: 1px solid rgba(138,160,82,.14) !important;
    }

    body[data-page="metodo"] .gl-control-loop-step:last-child{
    border-bottom: none !important;
    }

    body[data-page="metodo"] .gl-control-loop-step-num{
    width: 44px !important;
    height: 44px !important;
    flex-shrink: 0 !important;
    margin-bottom: 0 !important;
    }

    body[data-page="metodo"] .gl-control-loop-step-desc{
    max-width: none !important;
    }

    body[data-page="metodo"] .gl-cierre-mantra{
    padding: 28px 22px !important;
    border-radius: 18px !important;
    }

    body[data-page="metodo"] .gl-cierre-cta{
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    }

    body[data-page="metodo"] .gl-cierre-btn-primary,
    body[data-page="metodo"] .gl-cierre-btn-secondary{
    width: 100% !important;
    justify-content: center !important;
    }

    body[data-page="metodo"] #gl-method-estados{
    width: 100% !important;
    max-width: 100% !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-method-block-head{
    width: 100% !important;
    max-width: 100% !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-state-grid{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-frame-card,
    body[data-page="metodo"] #gl-method-estados .gl-state-card{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 18px 16px !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-state-head{
    gap: 10px !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-state-tag{
    white-space: nowrap !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-state-h3{
    max-width: 22ch !important;
    font-size: clamp(22px, 4vw, 30px) !important;
    line-height: 1.08 !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-mini-acc{
    width: 100% !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-mini-sum{
    width: 100% !important;
    white-space: normal !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-mini-body{
    width: 100% !important;
    max-width: 100% !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-state-nav{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-state-link{
    width: 100% !important;
    justify-content: flex-start !important;
    white-space: normal !important;
    }
  }
}

@media (max-width: 980px){
  @media (max-width: 560px){
    body[data-page="metodo"] #gl-method-hero > .gl-method-shell{
    padding-top: 96px !important;
    padding-bottom: 56px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    }

    body[data-page="metodo"] .gl-method-hero-title{
    max-width: 13ch !important;
    font-size: clamp(28px, 8vw, 40px) !important;
    }

    body[data-page="metodo"] .gl-method-hero-thesis{
    max-width: 31ch !important;
    font-size: clamp(18px, 5.6vw, 24px) !important;
    }

    body[data-page="metodo"] .gl-method-hero-subtitle{
    max-width: 100% !important;
    font-size: 14px !important;
    }

    body[data-page="metodo"] .gl-method-hero-panel{
    padding: 16px 16px 16px !important;
    }

    body[data-page="metodo"] .gl-hero-mantra-line{
    font-size: 12px !important;
    }

    body[data-page="metodo"] .gl-hero-iscale{
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    }

    body[data-page="metodo"] .gl-hero-iscale-id{
    font-size: 16px !important;
    }

    body[data-page="metodo"] .gl-control-loop{
    padding: 24px 16px !important;
    }

    body[data-page="metodo"] .gl-cierre-statement{
    font-size: clamp(18px, 5.5vw, 28px) !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-state-h3{
    max-width: 100% !important;
    font-size: clamp(20px, 6vw, 28px) !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-frame-card,
    body[data-page="metodo"] #gl-method-estados .gl-state-card{
    padding: 16px 14px !important;
    }
  }
}

@media (max-width: 980px){
  @media (max-width: 420px){
    body[data-page="metodo"] #gl-method-hero > .gl-method-shell{
    padding-left: 14px !important;
    padding-right: 14px !important;
    }

    body[data-page="metodo"] .gl-method-hero-panel{
    padding: 14px 14px 14px !important;
    border-radius: 18px !important;
    }

    body[data-page="metodo"] .gl-hero-mantra-line{
    font-size: 11.5px !important;
    line-height: 1.55 !important;
    }

    body[data-page="metodo"] .gl-hero-iscale-node{
    padding: 12px 11px !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-frame-card,
    body[data-page="metodo"] #gl-method-estados .gl-state-card{
    padding: 14px 12px !important;
    }

    body[data-page="metodo"] #gl-method-estados .gl-state-h3{
    font-size: clamp(18px, 6.4vw, 24px) !important;
    line-height: 1.1 !important;
    }
  }
}