/* =========================================================
   DEPUWEB MOBILE
========================================================= */

.mobile-home-depuweb{
  display:none;
}

.mobile-page{
  display:none;
}


@media(max-width:768px){

  body{
    background:#050b14;
  }

  /* Ocultamos la home larga de escritorio */

  body:not(.internal-mobile-page) main > section:not(.mobile-home-depuweb){
    display:none !important;
  }

  body:not(.internal-mobile-page) .site-header{
    display:none;
  }

  body:not(.internal-mobile-page) .mobile-home-depuweb{
    display:block;
  }


  /* HOME MOVIL */

  .mobile-home-depuweb{
    padding:
      22px
      16px
      45px;
  }


  .mobile-hero{
    padding:
      24px
      20px
      28px;

    border-radius:25px;

    border:
      1px solid
      rgba(22,224,220,.20);

    background:
      radial-gradient(
        circle at 85% 5%,
        rgba(22,118,255,.22),
        transparent 35%
      ),
      linear-gradient(
        160deg,
        #0c1c2d,
        #06101b
      );
  }


  .mobile-main-logo{
    width:165px;
    margin-bottom:28px;
  }


  .mobile-kicker{
    display:block;

    color:#16e0dc;

    font-size:9px;
    font-weight:900;
    letter-spacing:.18em;

    margin-bottom:10px;
  }


  .mobile-hero h1{
    font-size:37px;
    line-height:1.02;
    letter-spacing:-.045em;

    margin:
      0
      0
      15px;
  }


  .mobile-hero p{
    color:#9aabbd;

    font-size:14px;
    line-height:1.65;

    margin-bottom:22px;
  }


  .mobile-main-cta{
    min-height:52px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:13px;

    background:
      linear-gradient(
        105deg,
        #1676ff,
        #16e0dc
      );

    color:#fff;

    font-size:13px;
    font-weight:900;
  }


  .mobile-menu-title{
    margin:
      40px
      5px
      18px;
  }


  .mobile-menu-title span{
    color:#16e0dc;

    font-size:9px;
    letter-spacing:.18em;
    font-weight:900;
  }


  .mobile-menu-title h2{
    font-size:29px;
    line-height:1.05;

    margin:
      7px
      0
      0;
  }


  .mobile-service-menu{
    display:grid;
    gap:10px;
  }


  .mobile-action-card{
    min-height:80px;

    display:grid;

    grid-template-columns:
      45px
      1fr
      auto;

    align-items:center;

    gap:13px;

    padding:
      14px
      15px;

    border-radius:16px;

    background:#091725;

    border:
      1px solid
      rgba(255,255,255,.08);
  }


  .mobile-action-card.featured{
    border-color:
      rgba(22,224,220,.35);

    background:
      linear-gradient(
        110deg,
        rgba(15,49,84,.95),
        #091725
      );
  }


  .mobile-action-icon{
    width:42px;
    height:42px;

    display:grid;
    place-items:center;

    border-radius:12px;

    background:
      rgba(22,118,255,.13);

    border:
      1px solid
      rgba(22,224,220,.18);

    color:#16e0dc;

    font-size:11px;
    font-weight:900;
  }


  .mobile-action-card strong{
    display:block;

    color:#fff;

    font-size:15px;
  }


  .mobile-action-card span{
    display:block;

    color:#8495a7;

    font-size:11px;
    line-height:1.4;

    margin-top:4px;
  }


  .mobile-action-card b{
    color:#16e0dc;

    font-size:26px;
    font-weight:400;
  }


  .rescue-mobile{
    border-color:
      rgba(22,224,220,.30);
  }


  .mobile-trust{
    display:grid;

    grid-template-columns:
      repeat(3,1fr);

    gap:8px;

    margin-top:22px;
  }


  .mobile-trust div{
    padding:13px 8px;

    text-align:center;

    border-radius:12px;

    border:
      1px solid
      rgba(255,255,255,.07);

    background:
      rgba(255,255,255,.02);
  }


  .mobile-trust strong{
    display:block;

    font-size:10px;
  }


  .mobile-trust span{
    display:block;

    color:#718296;

    font-size:8px;

    margin-top:4px;
  }


  /* FOOTER MOVIL COMPACTO */

  body:not(.internal-mobile-page) .legal-footer-main{
    display:none;
  }

  body:not(.internal-mobile-page) .legal-footer-bottom{
    min-height:auto;

    padding:
      18px
      12px;

    font-size:9px;
  }

}


/* =========================================================
   PAGINAS MOVILES
========================================================= */

.internal-mobile-page{
  background:#050b14;
}

.mobile-page-header{
  height:70px;

  display:flex;
  align-items:center;

  border-bottom:
    1px solid
    rgba(255,255,255,.08);

  background:#06101a;
}

.mobile-page-nav{
  width:
    min(
      100% - 28px,
      700px
    );

  margin:0 auto;

  display:flex;
  align-items:center;
  justify-content:space-between;
}

.mobile-page-nav img{
  width:140px;
}

.mobile-back{
  color:#94a5b7;

  font-size:12px;
}

.mobile-page-content{
  width:
    min(
      100% - 28px,
      700px
    );

  margin:0 auto;

  padding:
    38px
    0
    70px;
}

.mobile-page-content h1{
  font-size:
    clamp(
      35px,
      10vw,
      54px
    );

  line-height:1;

  letter-spacing:-.04em;

  margin:
    10px
    0
    15px;
}

.mobile-page-intro{
  color:#94a5b7;

  line-height:1.65;

  font-size:14px;

  margin-bottom:30px;
}

.mobile-mini-grid{
  display:grid;

  grid-template-columns:
    1fr
    1fr;

  gap:10px;
}

.mobile-mini-card{
  padding:18px;

  min-height:145px;

  border-radius:16px;

  background:#091725;

  border:
    1px solid
    rgba(255,255,255,.08);
}

.mobile-mini-card strong{
  display:block;

  font-size:15px;

  margin-bottom:8px;
}

.mobile-mini-card p{
  color:#8494a6;

  font-size:11px;

  line-height:1.5;

  margin:0;
}


/* TARIFAS HORIZONTAL */

.mobile-price-scroll{
  display:flex;

  gap:12px;

  overflow-x:auto;

  scroll-snap-type:
    x mandatory;

  padding:
    4px
    2px
    18px;

  scrollbar-width:none;
}

.mobile-price-scroll::-webkit-scrollbar{
  display:none;
}

.mobile-price-card{
  flex:
    0 0
    82%;

  scroll-snap-align:start;

  padding:23px;

  border-radius:20px;

  border:
    1px solid
    rgba(255,255,255,.10);

  background:#091725;
}

.mobile-price-card.featured{
  border-color:
    rgba(22,224,220,.45);
}

.mobile-price-card small{
  color:#16e0dc;

  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}

.mobile-price-card h2{
  font-size:23px;

  margin:
    8px
    0
    18px;
}

.mobile-price-value{
  font-size:38px;
  font-weight:900;

  margin-bottom:20px;
}

.mobile-price-value span{
  display:block;

  font-size:9px;
  font-weight:400;

  color:#728398;
}

.mobile-price-card ul{
  list-style:none;

  padding:0;
  margin:
    0
    0
    22px;
}

.mobile-price-card li{
  color:#a4b2c0;

  font-size:11px;

  padding:
    8px
    0;

  border-bottom:
    1px solid
    rgba(255,255,255,.06);
}

.mobile-price-card li:before{
  content:"\2713";

  color:#16e0dc;

  margin-right:7px;
}


.mobile-section-title{
  margin:
    45px
    0
    17px;
}

.mobile-section-title h2{
  margin:
    5px
    0;

  font-size:26px;
}


.mobile-page-cta{
  display:flex;

  align-items:center;
  justify-content:center;

  min-height:52px;

  width:100%;

  margin-top:25px;

  border-radius:13px;

  background:
    linear-gradient(
      105deg,
      #1676ff,
      #16e0dc
    );

  color:#fff;

  font-size:13px;
  font-weight:900;
}

@media(max-width:768px){.mobile-action-icon{display:none!important}.mobile-action-card{padding:18px 16px;min-height:105px}}