:root{
  --accent:#b8ff2c;
  --bg:#0b0c0f;
  --bg2:#0f1116;
  --line:rgba(255,255,255,.12);
  --muted:rgba(255,255,255,.72);
}

*{
  box-sizing:border-box;
}

html, body{
  margin:0;
  padding:0;
  width:100%;
  overflow-x:hidden;
}

body{
  background:var(--bg);
  color:#fff;
}

.container,
.container-fluid{
  max-width:100% !important;
  padding-left:24px;
  padding-right:24px;
}

/* ================= HERO ================= */
.hero{
  min-height:100vh;
  display:flex;
  align-items:center;
  padding-top:72px;
  padding-bottom:24px;
  border-bottom:none;
  background:
    
    linear-gradient(180deg, rgba(0,0,0,.68), rgba(0,0,0,.94)),
    url("../img/instalaciones/interior_con_PC.png");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

.hero .row{
  width:100%;
  align-items:center;
}

.hero-inner{
  padding:0 10px 0 70px;
}

.hero-kicker{
  font-size: clamp(1.6rem, 2vw, 2.9rem);
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #b7ff00;

  text-shadow:
      0 0 8px rgba(183,255,0,0.55),
      0 0 18px rgba(183,255,0,0.35);

  margin-bottom: 1rem;
}

.hero-title{
  font-weight:900;
  line-height:0.95;
  font-size:clamp(2.8rem, 6.8vw, 5.1rem);
  margin-bottom:.9rem;
}

.hero-sub{
  color:#fff;
  max-width:95%;
  font-size:clamp(.99rem, 1.4vw, 1.09rem);
  line-height:1.88;
  margin-bottom:1.2rem;
  text-shadow:0 2px 10px rgba(0,0,0,.8);
  font-weight:500;
}

.hero-text-col{
  flex:0 0 34%;
  max-width:34%;
}

.hero-carousel-col{
  flex:0 0 66%;
  max-width:66%;
}

.chip{
  border:1px solid var(--line);
  background:rgba(0,0,0,.22);
  padding:.5rem 1.1rem;
  border-radius:999px;
  font-size: 0.95rem;
  display:inline-flex;
  gap:.6rem;
  align-items:center;
  margin:0 8px 8px 0;
}

.btn-accent{
  background:linear-gradient(
    135deg,
    #1a1d12 0%,
    #23281a 100%
  );

  color:#b8ff2c;
  border:1px solid rgba(184,255,44,.75);

  font-weight:800;
  border-radius:16px;

  padding:1rem 1.7rem;

  box-shadow:
  0 10px 30px rgba(0,0,0,.35),
  0 0 12px rgba(184,255,44,.35),
  0 0 28px rgba(184,255,44,.18),
  inset 0 0 12px rgba(184,255,44,.08);

  backdrop-filter:blur(8px);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease,
    background .25s ease;

  position:relative;
  overflow:hidden;
}

.btn-accent:hover{
  transform:translateY(-4px);

  color:#f3ffd0;

  border-color:rgba(184,255,44,.45);

  background:linear-gradient(
    135deg,
    #23281a 0%,
    #2d341f 100%
  );

  box-shadow:
    0 18px 42px rgba(0,0,0,.42),
    0 0 28px rgba(184,255,44,.18),
    0 0 60px rgba(184,255,44,.08);
}
.hero-buttons{
  margin-top:28px !important;
  gap:90px !important;
}

.hero-buttons .btn{
  padding:1rem 1.4rem;
  font-size:1rem;
  border-radius:12px;
  min-width:190px;
  text-align:center;
}

/* ================= HERO PANEL / CARRUSEL ================= */
.hero-panel{
  width:100%;
  height:min(68vh, 640px);
  min-height:420px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  overflow:hidden;
  background:rgba(0,0,0,.30);
  box-shadow:0 20px 60px rgba(0,0,0,.45);
  margin-top:0;
}

.carousel,
.carousel-inner,
.carousel-item{
  height:100%;
}

.carousel-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}

.carousel-caption{
  text-align:left;
  left:6%;
  right:6%;
  bottom:6%;
  background:rgba(0,0,0,.38);
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  padding:12px 14px;
  backdrop-filter:blur(8px);
}

.carousel-caption h5{
  font-weight:900;
  font-size:1.25rem;
  margin:0 0 .3rem;
}

.carousel-caption p{
  margin:0;

  color:#ffffff;

  font-size:1.08rem;

  line-height:1.55;

  font-weight:700;

  letter-spacing:.01em;

  text-shadow:
    0 3px 12px rgba(0,0,0,.95),
    0 0 10px rgba(0,0,0,.85);
}
.carousel-caption{
  background:rgba(0,0,0,.62);
}

.carousel-control-prev,
.carousel-control-next{
  width:7%;
}

.carousel-indicators{
  margin-bottom:.9rem;
}

.carousel-indicators [data-bs-target]{
  width:24px;
  height:4px;
  border:none;
  border-radius:999px;
}


/* =================================PROMOCIÓN PREMIUM BODYLIFE================================= */

.promo-premium-section{
  position:relative;
  width:100%;
  min-height:100vh;
  overflow:hidden;

  display:flex;
  align-items:center;

  background:#05070b;
  padding:90px 0;
}

.promo-premium-bg{
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.52) 0%,
      rgba(0,0,0,.30) 40%,
      rgba(0,0,0,.58) 100%
    ),

    radial-gradient(
      circle at 18% 30%,
      rgba(184,255,44,.22),
      transparent 34%
    ),

    url("../img/instalaciones/hombre_polea.png");

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  filter:brightness(.92) contrast(1.08);
  transform:scale(1.04);

  z-index:1;
}

.promo-premium-dark{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.30),
      rgba(0,0,0,.80)
    );
  z-index:2;
}

.promo-premium-container{
  position:relative;
  z-index:3;
  padding-left:5vw !important;
  padding-right:5vw !important;
}

.promo-premium-row{
  min-height:78vh;
}

/* ================= IZQUIERDA ================= */

.promo-premium-left{
  position:relative;
}

.promo-premium-kicker{
  display:flex;
  align-items:center;
  gap:18px;

  color:#b8ff2c;
  font-size:clamp(.95rem, 1.3vw, 1.25rem);
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;

  margin-bottom:32px;
}

.promo-premium-kicker span{
  width:46px;
  height:2px;
  background:#b8ff2c;
  box-shadow:0 0 14px rgba(184,255,44,.35);
}

.promo-premium-title{
  margin:0;

  font-size:clamp(2.1rem, 4vw, 4.2rem);

  line-height:.92;

  font-weight:700;

  font-style:normal;
  word-spacing:5px !important;
  letter-spacing:-1px !important;
 
  color:#ffffff;

  text-transform:none;

  font-family:'Inter', sans-serif;

  text-shadow:
    0 4px 14px rgba(0,0,0,.95),
    0 0 8px rgba(0,0,0,.55);

  position:relative;
  z-index:5;
}

.promo-premium-title span{
  color:#b8ff2c;

  text-shadow:
    0 0 14px rgba(184,255,44,.22),
    0 4px 14px rgba(0,0,0,.9);
}

.promo-premium-text{
  max-width:900px;

  margin-top:34px;

  color:#ffffff;

  font-size:clamp(1.10rem, 1.20vw, 1.2rem);

  line-height:1.9;

  font-weight:700;

  letter-spacing:.01em;

  text-shadow:
    0 4px 18px rgba(0,0,0,.95),
    0 0 12px rgba(0,0,0,.75),
    0 0 24px rgba(0,0,0,.55);

  position:relative;
  z-index:5;
}
/* ================= TARJETAS ================= */

.promo-premium-cards{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:22px;

  margin-top:70px;
  max-width:980px;
}

.promo-premium-card{
  position:relative;
  min-height:250px;

  padding:105px 24px 28px;

  text-align:center;

  background:
    linear-gradient(
      145deg,
      rgba(18,24,20,.86),
      rgba(5,7,10,.90)
    );

  border:1px solid rgba(184,255,44,.38);
  border-bottom:2px solid rgba(184,255,44,.65);

  clip-path:polygon(
    0 10%,
    12% 0,
    100% 0,
    100% 88%,
    92% 100%,
    0 100%
  );

  box-shadow:
    0 22px 48px rgba(0,0,0,.45),
    inset 0 0 22px rgba(184,255,44,.04);

  overflow:visible;

  transition:.28s ease;
}

.promo-premium-card:hover{
  transform:translateY(-8px);
  border-color:rgba(184,255,44,.78);
  box-shadow:
    0 30px 65px rgba(0,0,0,.55),
    0 0 28px rgba(184,255,44,.15);
}

.promo-premium-icon{
  position:absolute;
  top:25px;
  left:50%;
  transform:translateX(-50%);

  width:78px;
  height:78px;

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

  background:
    linear-gradient(
      145deg,
      rgba(28,38,22,.96),
      rgba(6,10,8,.96)
    );

  border:2px solid rgba(184,255,44,.82);

  clip-path:polygon(
    18% 0,
    82% 0,
    100% 20%,
    100% 80%,
    82% 100%,
    18% 100%,
    0 80%,
    0 20%
  );

  box-shadow:
    0 0 24px rgba(184,255,44,.22),
    0 14px 30px rgba(0,0,0,.55);
}

.promo-premium-icon i{
  font-size:2.25rem;
  color:#fff;
  text-shadow:0 0 12px rgba(184,255,44,.35);
}

.promo-premium-card strong{
  display:block;

  color:#fff;
  font-size:clamp(2.5rem, 4vw, 3.7rem);
  line-height:1;
  font-weight:900;

  text-shadow:
    0 4px 14px rgba(0,0,0,.85),
    0 0 8px rgba(255,255,255,.08);
}

.promo-premium-card h4{
  margin:10px 0 18px;

  color:#b8ff2c;
  font-size:1.25rem;
  font-weight:900;
  line-height:1.1;
  letter-spacing:.04em;

  text-transform:uppercase;

  text-shadow:0 0 14px rgba(184,255,44,.22);
}

.promo-premium-card p{
  margin:0;

  color:rgba(255,255,255,.88);
  font-size:.98rem;
  font-weight:500;
  line-height:1.5;
}

/* ================= CAJA DERECHA ================= */

.promo-premium-right{
  display:flex;
  justify-content:flex-end;
  align-items:center;
}

.promo-offer-box{
  position:relative;

  width:100%;
  max-width:560px;
  min-height:520px;

    overflow:visible !important;

  padding:78px 54px 54px;

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

  text-align:center;

  background:
    linear-gradient(
      145deg,
      rgba(17,24,18,.93),
      rgba(5,7,10,.96)
    );

  border:2px solid rgba(184,255,44,.55);

  clip-path:polygon(
    0 8%,
    8% 0,
    92% 0,
    100% 8%,
    100% 92%,
    92% 100%,
    8% 100%,
    0 92%
  );

  box-shadow:
    0 30px 80px rgba(0,0,0,.65),
    0 0 35px rgba(184,255,44,.08),
    inset 0 0 35px rgba(184,255,44,.04);
}

.promo-offer-badge{
  position:absolute;
  top:0px;
  left:50%;
  transform:translateX(-50%);

  width:112px;
  height:74px;

  display:flex;
  align-items:center;
  justify-content:center;
  z-index:50 !important;
  background:#111812;
  border:2px solid rgba(184,255,44,.85);

  clip-path:polygon(
    14% 0,
    100% 0,
    86% 100%,
    0 100%
  );

  box-shadow:
    0 0 24px rgba(184,255,44,.22),
    0 18px 38px rgba(0,0,0,.45);

}

.promo-offer-badge i{
  display:flex;
  align-items:center;
  justify-content:center;

  font-size:1.8rem;

  color:#b8ff2c;

  line-height:1;

  text-shadow:
    0 0 14px rgba(184,255,44,.55),
    0 0 28px rgba(184,255,44,.25);

  position:relative;
  top:-1px;
}

.promo-offer-label{
  color:#fff;
  font-size:1rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:18px;
}

.promo-offer-percent{
  color:#b8ff2c;
  font-size:clamp(5.5rem, 8vw, 8rem);
  line-height:.85;
  font-weight:900;

  text-shadow:
    0 0 26px rgba(184,255,44,.30),
    0 8px 22px rgba(0,0,0,.85);
}

.promo-offer-percent span{
  font-size:.48em;
}

.promo-offer-box h3{
  margin:20px 0 30px;

  color:transparent;
  -webkit-text-stroke:1.4px #b8ff2c;

  font-size:clamp(2rem, 3vw, 3rem);
  font-weight:900;
  font-style:italic;
  letter-spacing:-1px;

  text-transform:uppercase;
}

.promo-offer-box p{
  max-width:420px;

  color:rgba(255,255,255,.88);
  font-size:1.05rem;
  line-height:1.75;
  font-weight:500;

  margin-bottom:34px;
}

.promo-offer-btn{
  position:relative;

  width:100%;
  max-width:360px;

  min-height:62px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;

  background:#b8ff2c;
  color:#071014;

  border-radius:10px;

  text-decoration:none;

  font-weight:900;
  font-size:.95rem;
  letter-spacing:.04em;
  text-transform:uppercase;

  box-shadow:
    0 16px 34px rgba(184,255,44,.25),
    0 0 26px rgba(184,255,44,.18);

  transition:.25s ease;

  overflow:hidden;
}

.promo-offer-btn::before{
  content:"";
  position:absolute;
  top:-40%;
  left:-100px;

  width:60px;
  height:180%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.55),
      transparent
    );

  transform:rotate(18deg);
  filter:blur(6px);
  animation: promoPremiumLight 3.5s linear infinite;
}

.promo-offer-btn i,
.promo-offer-btn{
  z-index:2;
}

.promo-offer-btn:hover{
  color:#071014;
  transform:translateY(-5px);
  box-shadow:
    0 24px 48px rgba(184,255,44,.34),
    0 0 34px rgba(184,255,44,.22);
}

@keyframes promoPremiumLight{
  0%{
    left:-120px;
  }

  100%{
    left:130%;
  }
}
/*-------------------------------------------SEGUNDA SESIÓN----------------------------------------------------------*/
/* ================= SERVICIOS PREMIUM HOME ================= */

.home-services-premium{
  position:relative;
  width:100%;
  min-height:100vh;
  overflow:hidden;
  background:#030506;
}

.home-services-bg{
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.68) 0%,
      rgba(0,0,0,.38) 45%,
      rgba(0,0,0,.72) 100%
    ),

    url("../img/experiencia_amigos.png");

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  filter:brightness(.92) contrast(1.08);

  transform:scale(1.03);

  z-index:1;
}



.home-services-container{
  position:relative;
  z-index:3;
  min-height:100vh;
  padding:70px 5vw !important;
  display:flex;
  align-items:center;
}

/* IZQUIERDA */

.home-services-left{
  position:relative;
  min-height:760px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-right:4vw;
}



.home-services-kicker{
  color:#b8ff2c;
  font-size:1rem;
  font-weight:900;
  letter-spacing:.42em;
  text-transform:uppercase;
  margin-bottom:24px;
}

.home-services-title{
  margin:0;

  max-width:620px;

  font-size:clamp(2.1rem, 4vw, 5.2rem);

  line-height:.92;

  color:#ffffff;

  text-transform:none;

  font-family:'Inter', sans-serif;

  text-shadow:
    0 6px 22px rgba(0,0,0,.95),
    0 0 18px rgba(0,0,0,.65);

  position:relative;
  z-index:5;
  font-weight:700;

letter-spacing:2px;
}

.home-services-title span{
  color:#b8ff2c;

  text-shadow:
    0 0 18px rgba(184,255,44,.30),
    0 6px 20px rgba(0,0,0,.9);
}

.home-services-text{
  max-width:560px;

  margin-top:34px;

  color:#ffffff;

  font-size:clamp(1.15rem, 1.45vw, 1.45rem);

  line-height:1.9;

  font-weight:600;

  letter-spacing:.02em;

  text-shadow:
    0 4px 18px rgba(0,0,0,.95),
    0 0 12px rgba(0,0,0,.75),
    0 0 24px rgba(0,0,0,.45);

  position:relative;
  z-index:5;
}
.home-services-text::before{
  content:"";
  display:block;
  position:relative;
  width:600px;
  height:4px;
  margin-bottom:26px;

  border-radius:20px;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(184,255,44,.25) 15%,
      #d8ff74 50%,
      rgba(184,255,44,.25) 85%,
      transparent 100%
    );

  box-shadow:
    0 0 12px rgba(184,255,44,.45),
    0 0 28px rgba(184,255,44,.25);

  overflow:hidden;
}

.home-services-text::after{
  content:"";

  position:absolute;

  left:-80px;
  top:0;

  width:60px;
  height:4px;

  border-radius:20px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.95),
      transparent
    );

  filter:blur(4px);

  animation: homeLightStrike 2.8s linear infinite;
}

@keyframes homeLightStrike{

  0%{
    left:-90px;
    opacity:0;
  }

  15%{
    opacity:1;
  }

  100%{
    left:700px;
    opacity:0;
  }
}
.home-services-features{
  display:flex;
  gap:34px;
  margin-top:55px;
}

.home-services-features div{
  min-width:120px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;

  text-align:center;

  color:#fff;

  text-transform:uppercase;

  font-size:.78rem;
  font-weight:800;

  line-height:1.45;
  letter-spacing:.04em;
}
.home-services-features i{
  display:block;
  color:#b8ff2c;
  font-size:1.8rem;
  margin-bottom:12px;
  text-shadow:0 0 16px rgba(184,255,44,.38);
}

.home-services-slogan{
  margin-top:75px;
  width:min(620px, 100%);
  min-height:110px;
  padding:24px 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:2px solid rgba(184,255,44,.82);
  background:rgba(0,0,0,.35);
  clip-path:polygon(
    6% 0,
    100% 0,
    94% 100%,
    0 100%
  );
  box-shadow:
    0 0 34px rgba(184,255,44,.18),
    inset 0 0 25px rgba(184,255,44,.05);
}


.home-services-slogan small{
  display:block;
  color:#fff;
  font-size:1rem;
  font-weight:800;
  letter-spacing:.38em;
  font-style:italic;
}

.home-services-slogan strong{
  display:block;
  margin-top:8px;
  color:#b8ff2c;
  font-size:.95rem;
  font-weight:900;
  letter-spacing:.35em;
}

.home-services-slogan span{
  color:#b8ff2c;
  font-size:3.4rem;
  font-weight:900;
  line-height:1;
  text-shadow:0 0 20px rgba(184,255,44,.28);
}

/* DERECHA */

.home-services-right{
  padding-left:6vw;
}

.home-services-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
}

.home-service-card{
  position:relative;
  min-height:235px;
  padding:36px 24px 32px;
  text-align:center;
  background:
    linear-gradient(145deg, rgba(18,24,20,.88), rgba(3,6,6,.94));
  border:1px solid rgba(184,255,44,.42);
  border-radius:0 22px 0 0;
  box-shadow:
    0 20px 45px rgba(0,0,0,.42),
    inset 0 0 24px rgba(184,255,44,.035);
  overflow:hidden;
  transition:.28s ease;
}

.home-service-card::after{
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  width:70px;
  height:5px;
  transform:translateX(-50%);
  background:#b8ff2c;
  box-shadow:0 0 22px rgba(184,255,44,.65);
}

.home-service-card:hover{
  transform:translateY(-8px);
  border-color:rgba(184,255,44,.85);
  box-shadow:
    0 28px 65px rgba(0,0,0,.58),
    0 0 28px rgba(184,255,44,.14);
}

.home-service-icon{
  width:92px;
  height:92px;
  margin:0 auto 28px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1.5px solid rgba(184,255,44,.85);
  background:rgba(0,0,0,.18);
  box-shadow:
    0 0 22px rgba(184,255,44,.12),
    inset 0 0 18px rgba(184,255,44,.04);
}

.home-service-icon i{
  font-size:2.3rem;
  color:#b8ff2c;
  text-shadow:0 0 18px rgba(184,255,44,.38);
}

.home-service-card h3{
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(1rem, 1.3vw, 1.5rem);
  font-weight:900;
  line-height:1.1;
  text-transform:uppercase;
  text-shadow:0 4px 18px rgba(0,0,0,.9);
}

.home-service-card p{
  margin:0 auto;

  max-width:230px;

  color:rgba(255,255,255,.92);

  font-size:.92rem;

  line-height:1.85;

  font-weight:500;

  letter-spacing:.01em;

  text-shadow:
    0 2px 10px rgba(0,0,0,.95),
    0 0 8px rgba(0,0,0,.75);

  opacity:.96;
}
/*--------------------------------------------------------------FLECHA DE SIGUIENTE-----------------------------------*/

.bl-next-services {
  position: absolute;
  right: 55px;
  bottom: 40px;
  z-index: 15;
}

.bl-next-services a {
  position: relative;

  height: 58px;
  min-width: 185px;

  padding: 0 70px 0 30px;

  display: flex;
  align-items: center;

  border-radius: 999px;

  overflow: hidden;

  text-decoration: none;

  background:
      linear-gradient(
          135deg,
          #a7e61f 0%,
          #8ccc12 100%
      );

  box-shadow:
      0 14px 30px rgba(0,0,0,0.42),
      0 0 18px rgba(184,255,44,0.12);

  transition:
      transform .28s ease,
      box-shadow .28s ease;
}

/* RAFAGA DE LUZ */

.bl-next-services a::before {
  content: "";

  position: absolute;

  top: -40%;
  left: -120px;

  width: 70px;
  height: 180%;

  background:
      linear-gradient(
          90deg,
          rgba(255,255,255,0) 0%,
          rgba(255,255,255,0.45) 50%,
          rgba(255,255,255,0) 100%
      );

  transform: rotate(18deg);

  filter: blur(8px);

  animation: blNextLight 3.8s linear infinite;
}

@keyframes blNextLight {

  0% {
      left: -140px;
  }

  100% {
      left: 140%;
  }
}

.bl-next-services a:hover {
  transform: translateY(-6px);

  box-shadow:
      0 22px 44px rgba(0,0,0,0.52),
      0 0 24px rgba(184,255,44,0.18);
}

/* TEXTO */

.bl-next-services a span {
  font-size: 1.02rem;

  font-weight: 900;

  letter-spacing: 0.14em;

  color: #111;

  position: relative;
  z-index: 3;
}

/* CIRCULO */

.bl-next-circle {
  position: absolute;

  right: -6px;
  top: 50%;

  transform: translateY(-50%);

  width: 66px;
  height: 66px;

  border-radius: 50%;

  background:
      linear-gradient(
          135deg,
          #b4f52c 0%,
          #8fd114 100%
      );

  border: 4px solid rgba(78,115,0,0.45);

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

  box-shadow:
      0 0 18px rgba(184,255,44,0.18);

  z-index: 4;
}

.bl-next-circle i {
  font-size: 1.6rem;

  color: #fff;

  text-shadow:
      0 2px 8px rgba(0,0,0,0.35);
}
.bl-next-zone {
  position: relative;
  width: 100%;
  min-height: 110px;
  background: #0b0c0f;
}

.bl-next-services {
  position: absolute;
  right: 55px;
  bottom: 25px;
  z-index: 15;
}
/* ================= CUADRO EMPIEZA AQUÍ ================= */

.bl-start-box-section{
  width:100%;
  background:#05070b;
  padding:70px 20px 90px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.bl-start-box{
  position:relative;
  width:min(880px, 90%);
  min-height:72px;

  display:flex;
  justify-content:center;
  align-items:center;
  gap:22px;

  transform:skewX(-14deg);

  border:1px solid rgba(184,255,44,.55);
  background:rgba(0,0,0,.35);

  box-shadow:
    0 0 35px rgba(0,0,0,.85),
    inset 0 0 22px rgba(184,255,44,.04);

  overflow:hidden;
}

.bl-start-box::before{
  content:"";
  position:absolute;
  top:-40%;
  left:-120px;
  width:70px;
  height:180%;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.38),
    transparent
  );
  transform:rotate(18deg);
  filter:blur(7px);
  animation: blStartLight 4s linear infinite;
}

.bl-start-box span,
.bl-start-box strong{
  position:relative;
  z-index:2;
  transform:skewX(14deg);

  font-size:clamp(1rem, 2vw, 1.65rem);
  font-weight:900;
  letter-spacing:.45em;
  text-transform:uppercase;
  line-height:1;

  text-shadow:
    0 2px 8px rgba(0,0,0,.8),
    0 0 10px rgba(255,255,255,.15);
}

.bl-start-box span{
  color:#fff;
}

.bl-start-box strong{
  color:#b8ff2c;
}

@keyframes blStartLight{
  0%{
    left:-140px;
  }

  100%{
    left:120%;
  }
}
/*----------------------------------------FIN DE FRASE FINAL MOTIVADORA----------------------------*/
/*==================================================
BOTÓN VER TODOS LOS SERVICIOS
==================================================*/

.bl-all-services-btn{
  position: absolute;

  right: 28px;
  bottom: 24px;

  z-index: 20;

  animation: blFloatServices 3.5s ease-in-out infinite;
}

.bl-all-services-btn a{
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 10px 14px;

  background: rgba(0,0,0,0.52);

  border: 1px solid rgba(184,255,44,0.38);

  border-radius: 13px;

  text-decoration: none;

  backdrop-filter: blur(8px);

  transition: all .35s ease;

  box-shadow:
      0 0 14px rgba(184,255,44,0.10),
      inset 0 0 10px rgba(184,255,44,0.03);
}

.bl-all-services-btn span{
  color: #fff;

  font-size: .64rem;
  font-weight: 700;

  letter-spacing: .20em;

  white-space: nowrap;
}

.bl-all-services-arrow{
  width: 28px;
  height: 28px;

  border-radius: 50%;

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

  background: #b8ff2c;

  color: #000;

  font-size: .72rem;

  transition: all .35s ease;

  box-shadow:
      0 0 12px rgba(184,255,44,0.35);
}

.bl-all-services-btn a:hover{
  transform: scale(1.04);

  border-color: #b8ff2c;

  box-shadow:
      0 0 24px rgba(184,255,44,0.18),
      inset 0 0 12px rgba(184,255,44,0.05);
}

.bl-all-services-btn a:hover .bl-all-services-arrow{
  transform: translateX(3px);
}

/*==================================================
EFECTO FLOTANTE
==================================================*/

@keyframes blFloatServices{

  0%{
      transform: translateY(0px);
  }

  50%{
      transform: translateY(-7px);
  }

  100%{
      transform: translateY(0px);
  }
}
/* =========================================================RESPONSIVE INDEX BODYLIFE========================================================= */
/* =========================================================
   RESPONSIVE LIMPIO PRINCIPAL.CSS - BODYLIFE
   Pegar al FINAL del archivo.
   Todo queda encerrado en @media para no romper escritorio.
========================================================= */


/* ================= MÓVILES PEQUEÑOS: iPhone SE / Galaxy S8+ ================= */
@media (max-width:380px){

  .container,
  .container-fluid{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .hero{
    min-height:auto !important;
    padding-top:90px !important;
    padding-bottom:55px !important;
  }

  .hero .row{
    flex-direction:column !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
  }

  .hero-inner{
    padding:0 8px !important;
    text-align:center !important;
  }

  .hero-kicker{
    font-size:1.45rem !important;
    line-height:1.2 !important;
  }

  .hero-title{
    font-size:2.35rem !important;
    line-height:1 !important;
  }

  .hero-sub{
    max-width:100% !important;
    font-size:.9rem !important;
    line-height:1.6 !important;
  }

  .hero .d-flex.flex-wrap{
    display:grid !important;
    grid-template-columns:repeat(2, 1fr) !important;
    gap:8px !important;
    width:88% !important;
    margin:22px auto 0 !important;
  }

  .hero .chip{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:7px 6px !important;
    justify-content:center !important;
    font-size:.68rem !important;
    white-space:nowrap !important;
  }

  .hero-buttons{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    width:88% !important;
    margin:24px auto 0 !important;
  }

  .hero-buttons .btn{
    min-width:0 !important;
    width:100% !important;
    padding:.75rem .45rem !important;
    font-size:.78rem !important;
  }

  .hero-carousel-col{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .hero-panel{
    width:calc(100% + 22px) !important;
    margin-left:-11px !important;
    height:360px !important;
    min-height:360px !important;
    margin-top:30px !important;
    border-radius:18px !important;
  }

  .carousel-caption{
    display:none !important;
  }

  .promo-premium-section{
    min-height:auto !important;
    padding:65px 0 !important;
  }

  .promo-premium-row{
    min-height:auto !important;
  }

  .promo-premium-bg{
    filter:brightness(1.18) contrast(1.02) saturate(1.05) !important;
    opacity:.78 !important;
    transform:scale(1.01) !important;
  }

  .promo-premium-cards{
    grid-template-columns:1fr !important;
    gap:18px !important;
    margin-top:42px !important;
  }

  .promo-premium-card{
    width:84% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-height:190px !important;
    padding:88px 16px 22px !important;
  }

  .promo-premium-icon{
    width:62px !important;
    height:62px !important;
  }

  .promo-premium-icon i{
    font-size:1.7rem !important;
  }

  .promo-premium-card strong{
    font-size:2.3rem !important;
  }

  .promo-premium-card h4{
    font-size:1rem !important;
  }

  .promo-premium-card p{
    font-size:.84rem !important;
    line-height:1.5 !important;
  }

  .promo-premium-right{
    margin-top:45px !important;
  }

  .promo-offer-box{
    width:82% !important;
    max-width:82% !important;
    min-height:auto !important;
    padding:42px 18px 22px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .promo-offer-badge{
    width:78px !important;
    height:54px !important;
    top:-2px !important;
  }

  .promo-offer-badge i{
    font-size:1.15rem !important;
  }

  .promo-offer-label{
    margin-bottom:10px !important;
  }

  .promo-offer-percent{
    font-size:4.2rem !important;
    line-height:.8 !important;
  }

  .promo-offer-box h3{
    margin:12px 0 16px !important;
    font-size:1.55rem !important;
  }

  .promo-offer-box p{
    margin-bottom:18px !important;
    font-size:.9rem !important;
    line-height:1.5 !important;
  }

  .promo-offer-btn{
    max-width:250px !important;
    min-height:48px !important;
    font-size:.78rem !important;
  }

  .home-services-container{
    min-height:auto !important;
    padding:65px 18px !important;
    display:block !important;
  }

  .home-services-left{
    min-height:auto !important;
    padding-right:0 !important;
    text-align:center !important;
  }

  .home-services-right{
    padding-left:0 !important;
    margin-top:45px !important;
  }

  .home-services-features{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
    width:100% !important;
    margin-top:34px !important;
  }

  .home-services-features div{
    width:100% !important;
    min-width:0 !important;
    padding:8px 6px !important;
    font-size:.72rem !important;
  }

  .home-services-grid{
    grid-template-columns:1fr !important;
  }

  .home-service-card{
    width:82% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-height:210px !important;
    padding:28px 18px 24px !important;
  }

  .bl-start-box-section{
    padding:34px 0 54px !important;
  }

  .bl-start-box{
    width:72% !important;
    min-height:48px !important;
    gap:8px !important;
    padding:0 10px !important;
    margin:0 auto !important;
  }

  .bl-start-box span,
  .bl-start-box strong{
    font-size:.56rem !important;
    letter-spacing:.24em !important;
    line-height:1.15 !important;
  }
  
  /* Samsung Galaxy S8+ - promoción centrada */

.promo-premium-left{

  width:100% !important;

  max-width:100% !important;

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;

  justify-content:center !important;

  text-align:center !important;
}

.promo-premium-kicker{

  justify-content:center !important;

  text-align:center !important;

  gap:12px !important;
}

.promo-premium-title{

  max-width:300px !important;

  margin:0 auto !important;

  text-align:center !important;

  font-size:2.2rem !important;

  line-height:.95 !important;
}

.promo-premium-text{

  max-width:300px !important;

  margin:24px auto 0 !important;

  text-align:center !important;

  line-height:1.7 !important;

  font-size:.95rem !important;
}

.promo-premium-cards{

  display:grid !important;

  grid-template-columns:1fr !important;

  justify-content:center !important;

  justify-items:center !important;

  width:100% !important;

  margin:38px auto 0 !important;

  gap:18px !important;
}

.promo-premium-card{

  margin-left:auto !important;

  margin-right:auto !important;
}
}


  /* ================= iPhone 12 Pro / 390px ================= */
@media (min-width:381px) and (max-width:400px){
/* iPhone 12 Pro - sección promoción centrada */

.promo-premium-left{

  width:100% !important;

  max-width:100% !important;

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;

  justify-content:center !important;

  text-align:center !important;
}

.promo-premium-kicker{

  justify-content:center !important;

  text-align:center !important;
}

.promo-premium-title{

  max-width:320px !important;

  margin:0 auto !important;

  text-align:center !important;

  font-size:2.3rem !important;

  line-height:1 !important;
}

.promo-premium-text{

  max-width:320px !important;

  margin:24px auto 0 !important;

  text-align:center !important;

  line-height:1.7 !important;
}

.promo-premium-cards{

  justify-content:center !important;

  justify-items:center !important;

  margin-left:auto !important;

  margin-right:auto !important;
}
  .container,
  .container-fluid{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .hero{
    min-height:auto !important;
    padding-top:88px !important;
    padding-bottom:55px !important;
  }

  .hero .row{
    flex-direction:column !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
  }

  .hero-inner{
    padding:0 10px !important;
    text-align:center !important;
  }

  .hero-kicker{
    font-size:1.35rem !important;
    line-height:1.15 !important;
    margin-bottom:12px !important;
  }

  .hero-title{
    font-size:2.35rem !important;
    line-height:1.02 !important;
    margin-bottom:14px !important;
  }

  .hero-sub{
    max-width:95% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    font-size:.82rem !important;
    line-height:1.65 !important;
    margin-bottom:18px !important;
  }

  .hero .d-flex.flex-wrap{
    display:grid !important;
    grid-template-columns:repeat(4, auto) !important;
    justify-content:center !important;
    gap:5px !important;
    width:100% !important;
    margin:16px auto 0 !important;
  }

  .hero .chip{
    min-width:0 !important;
    margin:0 !important;
    padding:5px 6px !important;
    font-size:.52rem !important;
    gap:3px !important;
    white-space:nowrap !important;
  }

  .hero .chip i{
    font-size:.65rem !important;
  }

  .hero-buttons{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    width:86% !important;
    margin:22px auto 0 !important;
  }

  .hero-buttons .btn{
    min-width:0 !important;
    width:100% !important;
    padding:.72rem .4rem !important;
    font-size:.72rem !important;
    border-radius:11px !important;
  }

  .hero-carousel-col{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .hero-panel{
    width:92% !important;
    height:360px !important;
    min-height:360px !important;
    margin:32px auto 0 !important;
    border-radius:18px !important;
  }

  .carousel-caption{
    display:none !important;
  }

  .promo-premium-section,
  .home-services-premium{
    min-height:auto !important;
  }

  .promo-premium-cards,
  .home-services-grid{
    grid-template-columns:1fr !important;
  }

  .promo-premium-right,
  .home-services-right{
    margin-top:45px !important;
    padding-left:0 !important;
  }

  .home-services-container{
    display:block !important;
    min-height:auto !important;
    padding:70px 22px !important;
  }

  .home-services-left{
    min-height:auto !important;
    text-align:center !important;
    padding-right:0 !important;
  }

  .bl-start-box-section{
    padding:34px 0 54px !important;
  }

  .bl-start-box{
    width:70% !important;
    min-height:48px !important;
    gap:8px !important;
    padding:0 10px !important;
    margin:0 auto !important;
  }

  .bl-start-box span,
  .bl-start-box strong{
    font-size:.56rem !important;
    letter-spacing:.26em !important;
    line-height:1.15 !important;
  }
  .promo-premium-cards{

    justify-items:center !important;
  }
  
  .promo-premium-card{
  
    width:78% !important;
  
    max-width:78% !important;
  
    min-height:175px !important;
  
    padding:72px 14px 18px !important;
  
    margin:0 auto !important;
  }
  .promo-premium-icon{
    width:50px !important;
    height:50px !important;
  }
  
  .promo-premium-icon i{
    font-size:1.25rem !important;
    top:12px !important;
  }
}

/* ================= iPhone XR / Pixel / S20 Ultra / 401-420px ================= */
@media (min-width:401px) and (max-width:420px){

  .hero{
    min-height:auto !important;
    padding-top:95px !important;
    padding-bottom:65px !important;
  }

  .hero .row{
    flex-direction:column !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
  }

  .hero-inner{
    padding:0 18px !important;
    text-align:center !important;
  }

  .hero-title{
    font-size:2.75rem !important;
  }

  .hero .d-flex.flex-wrap{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:center !important;
    gap:8px !important;
    width:100% !important;
    overflow:hidden !important;
  }

  .hero .chip{
    min-width:0 !important;
    padding:6px 8px !important;
    font-size:.56rem !important;
    gap:4px !important;
    margin:0 !important;
    white-space:nowrap !important;
  }

  .hero-buttons{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    width:82% !important;
    margin:24px auto 0 !important;
  }

  .hero-buttons .btn{
    min-width:0 !important;
    width:100% !important;
    padding:.78rem .45rem !important;
    font-size:.76rem !important;
  }

  .hero-panel{
    height:365px !important;
    min-height:365px !important;
    margin-top:34px !important;
  }

  .promo-premium-row{
    min-height:auto !important;
  }

  .promo-premium-cards{
    grid-template-columns:1fr !important;
  }

  .promo-premium-right{
    margin-top:48px !important;
  }

  .promo-offer-box{
    min-height:auto !important;
    padding:58px 28px 38px !important;
  }

  .home-services-container{
    min-height:auto !important;
    padding:75px 24px !important;
    display:block !important;
  }

  .home-services-left{
    min-height:auto !important;
    padding-right:0 !important;
    text-align:center !important;
  }

  .home-services-right{
    padding-left:0 !important;
    margin-top:48px !important;
  }

  .home-services-grid{
    grid-template-columns:1fr !important;
  }

  .bl-start-box-section{
    padding:34px 0 54px !important;
  }

  .bl-start-box{
    width:66% !important;
    min-height:48px !important;
    gap:8px !important;
    padding:0 10px !important;
    margin:0 auto !important;
  }

  .bl-start-box span,
  .bl-start-box strong{
    font-size:.55rem !important;
    letter-spacing:.28em !important;
    line-height:1.15 !important;
  }
}



/* ================= iPhone 14 Pro Max / 430px ================= */
@media (min-width:421px) and (max-width:440px){

  .container,
  .container-fluid{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .hero{
    min-height:auto !important;
    padding-top:92px !important;
    padding-bottom:58px !important;
  }

  .hero .row{
    flex-direction:column !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
  }

  .hero-inner{
    padding:0 12px !important;
    text-align:center !important;
  }

  .hero-kicker{
    font-size:1.35rem !important;
    line-height:1.15 !important;
    margin-bottom:12px !important;
  }

  .hero-title{
    font-size:2.45rem !important;
    line-height:1.02 !important;
    margin-bottom:14px !important;
  }

  .hero-sub{
    max-width:92% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    font-size:.84rem !important;
    line-height:1.6 !important;
    margin-bottom:18px !important;
  }

  .hero .d-flex.flex-wrap{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
    width:76% !important;
    margin:22px auto 0 !important;
  }

  .hero .chip{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:7px 6px !important;
    justify-content:center !important;
    font-size:.68rem !important;
    white-space:nowrap !important;
  }

  .hero-buttons{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    width:78% !important;
    margin:26px auto 0 !important;
  }

  .hero-buttons .btn{
    min-width:0 !important;
    width:100% !important;
    padding:.78rem .45rem !important;
    font-size:.76rem !important;
    border-radius:12px !important;
  }

  .hero-carousel-col{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .hero-panel{
    width:90% !important;
    height:390px !important;
    min-height:390px !important;
    margin:34px auto 0 !important;
    border-radius:18px !important;
  }

  .carousel-caption{
    display:none !important;
  }

  .promo-premium-section,
  .home-services-premium{
    min-height:auto !important;
  }



  .promo-premium-cards{
    justify-items:center !important;
  }
  .promo-premium-cards{

    display:grid !important;
  
    grid-template-columns:1fr !important;
  
    justify-items:center !important;
  
    align-items:start !important;
  }

  .promo-premium-icon{
    width:40px !important;
    height:40px !important;
  }
  
  .promo-premium-icon i{
    font-size:1.35rem !important;
  }
  
  .promo-premium-card h3{
    font-size:.92rem !important;
    line-height:1.1 !important;
  }
  
  .promo-premium-card p{
    font-size:.76rem !important;
    line-height:1.4 !important;
  }

  .promo-premium-right,
  .home-services-right{
    margin-top:48px !important;
    padding-left:0 !important;
  }

  .home-services-container{
    display:block !important;
    min-height:auto !important;
    padding:76px 24px !important;
  }

  .home-services-left{
    min-height:auto !important;
    text-align:center !important;
    padding-right:0 !important;
  }

  .bl-start-box-section{
    padding:34px 0 54px !important;
  }

  .bl-start-box{
    width:66% !important;
    min-height:48px !important;
    gap:8px !important;
    padding:0 10px !important;
    margin:0 auto !important;
  }

  .bl-start-box span,
  .bl-start-box strong{
    font-size:.56rem !important;
    letter-spacing:.28em !important;
    line-height:1.15 !important;
  }
  .home-services-grid{

    grid-template-columns:1fr !important;
  
    justify-items:center !important;
  
    gap:18px !important;
  }
  .home-service-card{

    width:68% !important;
  
    max-width:250px !important;
  
    min-height:165px !important;
  
    padding:52px 12px 16px !important;
  
    margin:0 auto !important;
  
    justify-self:center !important;
  
    flex:none !important;
  }
  
  .home-service-icon{
    width:48px !important;
    height:48px !important;
    margin-bottom:14px !important;
  }
  
  .home-service-icon i{
    font-size:1.15rem !important;
  }
  
  .home-service-card h3{
    font-size:.82rem !important;
    line-height:1.08 !important;
    margin-bottom:10px !important;
  }
  
  .home-service-card p{
    font-size:.68rem !important;
    line-height:1.4 !important;
  }
  
}

/* ================= Surface Duo ================= */

  /* ================= Surface Duo / 540px ================= */
@media (min-width:500px) and (max-width:560px){

  .hero{
    min-height:auto !important;
    padding-top:95px !important;
    padding-bottom:70px !important;
  }

  .hero .row{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
  }

  .hero-inner{
    width:100% !important;
    max-width:520px !important;
    padding:0 24px !important;
    margin:0 auto 40px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
  }

  .hero-kicker,
  .hero-title,
  .hero-sub{
    text-align:center !important;
  }

  .hero-title{
    font-size:3.6rem !important;
    line-height:.95 !important;
  }

  .hero-sub{
    max-width:90% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    font-size:.95rem !important;
    line-height:1.65 !important;
  }

  .hero .d-flex.flex-wrap{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    width:100% !important;
    margin:24px auto 0 !important;
  }

  .hero .chip{
    margin:0 !important;
    padding:.45rem .8rem !important;
    font-size:.78rem !important;
  }

  .hero-buttons{
    display:flex !important;
    justify-content:center !important;
    gap:14px !important;
    margin-top:28px !important;
  }

  .hero-buttons .btn{
    min-width:165px !important;
    padding:.85rem .9rem !important;
    font-size:.84rem !important;
  }

  .hero-carousel-col{
    display:flex !important;
    justify-content:center !important;
    padding:0 !important;
  }

  .hero-panel{
    width:88% !important;
    max-width:500px !important;
    height:430px !important;
    min-height:430px !important;
    margin:0 auto !important;
    border-radius:22px !important;
  }

  /* PROMOCIÓN */
  .promo-premium-section{
    min-height:auto !important;
    padding:80px 0 !important;
  }

  .promo-premium-container{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .promo-premium-row{
    min-height:auto !important;
    display:block !important;
  }

  .promo-premium-left,
  .promo-premium-right{
    width:100% !important;
    max-width:100% !important;
  }

  .promo-premium-left{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
  }

  .promo-premium-kicker{
    justify-content:center !important;
  }

  .promo-premium-title{
    max-width:460px !important;
    margin:0 auto !important;
    font-size:2.5rem !important;
    line-height:1 !important;
    text-align:center !important;
  }

  .promo-premium-text{
    max-width:440px !important;
    margin:28px auto 0 !important;
    font-size:.95rem !important;
    line-height:1.65 !important;
    text-align:center !important;
  }

  .promo-premium-cards{
    display:grid !important;
    grid-template-columns:repeat(2, 190px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:16px !important;
    width:100% !important;
    max-width:396px !important;
    margin:42px auto 0 !important;
    padding:0 !important;
  }

  .promo-premium-card{
    width:190px !important;
    max-width:190px !important;
    min-height:180px !important;
    padding:70px 12px 18px !important;
    margin:0 !important;
    justify-self:center !important;
  }

  .promo-premium-icon{
    width:52px !important;
    height:52px !important;
  }

  .promo-premium-icon i{
    font-size:1.3rem !important;
  }

  .promo-premium-card strong{
    font-size:2.45rem !important;
  }

  .promo-premium-card h4{
    font-size:.95rem !important;
  }

  .promo-premium-card p{
    font-size:.76rem !important;
    line-height:1.45 !important;
  }

  .promo-premium-right{
    margin-top:50px !important;
    display:flex !important;
    justify-content:center !important;
  }

  .promo-offer-box{
    width:82% !important;
    max-width:390px !important;
    min-height:auto !important;
    padding:62px 34px 38px !important;
    margin:0 auto !important;
  }

  /* SERVICIOS */
  .home-services-container{
    display:block !important;
    min-height:auto !important;
    padding:85px 5vw !important;
  }

  .home-services-left{
    min-height:auto !important;
    text-align:center !important;
    padding-right:0 !important;
    margin-bottom:55px !important;
  }

  .home-services-right{
    padding-left:0 !important;
  }

  .home-services-grid{
    display:grid !important;
    grid-template-columns:repeat(2, 1fr) !important;
    gap:20px !important;
    max-width:500px !important;
    margin:0 auto !important;
  }

  .home-service-card{
    min-height:210px !important;
    padding:30px 16px 26px !important;
  }
  .promo-premium-icon{

    width:42px !important;
  
    height:42px !important;
  }
  /* Surface Duo - slogan */

.bl-start-box-section{

  padding:28px 0 48px !important;

  display:flex !important;

  justify-content:center !important;
}

.bl-start-box{

  width:78% !important;

  max-width:420px !important;

  min-height:56px !important;

  padding:0 20px !important;

  margin:0 auto !important;

  gap:18px !important;
}

.bl-start-box span,
.bl-start-box strong{

  font-size:.78rem !important;

  letter-spacing:.32em !important;

  line-height:1.1 !important;
}
}


/* ================= iPad Mini ================= */
@media (min-width:700px) and (max-width:790px){

  .hero{
    min-height:auto !important;
    padding-top:105px !important;
    padding-bottom:80px !important;
  }

  .hero .row{
    flex-direction:column !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
  }

  .hero-inner{
    padding:0 55px !important;
    text-align:center !important;
  }

  .hero-panel{
    width:88% !important;
    height:470px !important;
    min-height:470px !important;
    margin:40px auto 0 !important;
  }

  .promo-premium-cards{
    grid-template-columns:repeat(3, 1fr) !important;
    gap:14px !important;
  }

  .promo-premium-card{
    min-height:220px !important;
    padding:95px 14px 24px !important;
  }

  .promo-premium-right{
    margin-top:55px !important;
    justify-content:center !important;
  }

  .home-services-container{
    display:block !important;
    min-height:auto !important;
    padding:85px 6vw !important;
  }

  .home-services-left{
    min-height:auto !important;
    text-align:center !important;
    padding-right:0 !important;
  }

  .home-services-right{
    padding-left:0 !important;
    margin-top:55px !important;
  }

  .home-services-grid{
    grid-template-columns:repeat(2, 1fr) !important;
  }
  .hero .d-flex.flex-wrap{

    display:flex !important;
  
    justify-content:center !important;
  
    align-items:center !important;
  
    flex-wrap:wrap !important;
  
    gap:10px !important;
  
    width:100% !important;
  
    margin:22px auto 0 !important;
  }
  .promo-premium-icon{
    width:58px !important;
    height:58px !important;
  }
  
  .promo-premium-icon i{
    font-size:1.45rem !important;
  }
}


/* ================= iPad Air / tablets medianas ================= */
@media (min-width:800px) and (max-width:880px){

  .hero{
    min-height:auto !important;
    padding-top:110px !important;
    padding-bottom:85px !important;
  }

  .hero .row{
    flex-direction:column !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
  }

  .hero-inner{

    display:flex !important;
  
    flex-direction:column !important;
  
    align-items:center !important;
  
    justify-content:center !important;
  
    text-align:center !important;
  
    margin:0 auto !important;
  }
  
  .hero-kicker,
  .hero-title,
  .hero-sub{
    text-align:center !important;
  }
  
  .hero .d-flex.flex-wrap{
  
    justify-content:center !important;
  
    margin-left:auto !important;
    margin-right:auto !important;
  }
  
  .hero-buttons{
  
    justify-content:center !important;
  }
  .hero-panel{
    width:86% !important;
    height:500px !important;
    min-height:500px !important;
    margin:42px auto 0 !important;
  }

  .promo-premium-cards{
    grid-template-columns:repeat(3, 1fr) !important;
    gap:16px !important;
  }

  .promo-premium-right{
    justify-content:center !important;
    margin-top:60px !important;
  }

  .home-services-container{
    display:block !important;
    min-height:auto !important;
    padding:90px 7vw !important;
  }

  .home-services-left{
    min-height:auto !important;
    text-align:center !important;
    padding-right:0 !important;
  }

  .home-services-right{
    padding-left:0 !important;
    margin-top:60px !important;
  }

  .home-services-grid{
    grid-template-columns:repeat(3, 1fr) !important;
    gap:16px !important;
  }
}


/* ================= Surface Pro 7 ================= */
/* ================= Surface Pro 7 / 912px ================= */
@media (min-width:890px) and (max-width:940px){

  .hero{
    min-height:auto !important;
    padding-top:105px !important;
    padding-bottom:90px !important;
  }

  .hero .row{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
  }

  .hero-inner{
    width:100% !important;
    max-width:720px !important;
    padding:0 40px !important;
    margin:0 auto 45px !important;
    text-align:center !important;
  }

  .hero-kicker{
    font-size:1.55rem !important;
    line-height:1.15 !important;
    margin-bottom:16px !important;
    text-align:center !important;
  }

  .hero-title{
    font-size:4.2rem !important;
    line-height:.95 !important;
    margin-bottom:18px !important;
    text-align:center !important;
  }

  .hero-sub{
    max-width:620px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    font-size:.95rem !important;
    line-height:1.65 !important;
    text-align:center !important;
  }

  .hero .d-flex.flex-wrap{
    display:flex !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    margin:24px auto 0 !important;
  }

  .hero .chip{
    margin:0 !important;
    font-size:.72rem !important;
    padding:.42rem .75rem !important;
  }

  .hero-buttons{
    display:flex !important;
    justify-content:center !important;
    gap:18px !important;
    margin-top:28px !important;
  }

  .hero-buttons .btn{
    min-width:165px !important;
    padding:.85rem 1rem !important;
    font-size:.82rem !important;
  }

  .hero-carousel-col{
    display:flex !important;
    justify-content:center !important;
    padding:0 !important;
  }

  .hero-panel{
    width:140% !important;
    max-width:800px !important;
    height:500px !important;
    min-height:500px !important;
    margin:0 auto !important;
    border-radius:22px !important;
  }

  .home-services-container{
    display:block !important;
    min-height:auto !important;
    padding:85px 6vw !important;
  }

  .home-services-left{
    min-height:auto !important;
    padding-right:0 !important;
    text-align:center !important;
    margin-bottom:55px !important;
  }

  .home-services-right{
    padding-left:0 !important;
  }

  .home-services-grid{
    grid-template-columns:repeat(2, minmax(240px, 1fr)) !important;
    gap:22px !important;
    max-width:720px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  /* Surface Pro 7 - promoción cuadrada y centrada */

.promo-premium-section{
  min-height:auto !important;
  padding:90px 0 !important;
}

.promo-premium-container{
  padding-left:6vw !important;
  padding-right:6vw !important;
}

.promo-premium-row{
  display:block !important;
  min-height:auto !important;
}

.promo-premium-left,
.promo-premium-right{
  width:100% !important;
  max-width:100% !important;
}

.promo-premium-left{
  text-align:center !important;
}

.promo-premium-kicker{
  justify-content:center !important;
}

.promo-premium-title{
  max-width:720px !important;
  margin:0 auto !important;
  font-size:3.4rem !important;
  line-height:.95 !important;
}

.promo-premium-text{
  max-width:680px !important;
  margin:28px auto 0 !important;
  font-size:.95rem !important;
  line-height:1.7 !important;
}

.promo-premium-cards{
  max-width:720px !important;
  margin:46px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:18px !important;
  justify-items:center !important;
}

.promo-premium-card{
  width:100% !important;
  min-height:230px !important;
  padding:88px 16px 24px !important;
}

.promo-premium-right{
  margin-top:55px !important;
  display:flex !important;
  justify-content:center !important;
}

.promo-offer-box{
  width:100% !important;
  max-width:460px !important;
  min-height:auto !important;
  padding:70px 44px 44px !important;
  margin:0 auto !important;
}
/* Surface Pro 7 - sección Entrena con un profesional centrada */

.home-services-container{

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;

  justify-content:center !important;

  text-align:center !important;

  padding:90px 6vw !important;
}

.home-services-left{

  width:100% !important;

  max-width:760px !important;

  min-height:auto !important;

  padding-right:0 !important;

  margin:0 auto 55px !important;

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;

  justify-content:center !important;

  text-align:center !important;
}

.home-services-title,
.home-services-text,
.home-services-slogan{

  margin-left:auto !important;

  margin-right:auto !important;

  text-align:center !important;
}

.home-services-text{

  max-width:620px !important;

  line-height:1.7 !important;
}

.home-services-right{

  width:100% !important;

  padding-left:0 !important;

  display:flex !important;

  justify-content:center !important;
}

.home-services-grid{

  max-width:760px !important;

  margin:0 auto !important;

  justify-content:center !important;
}
}



/* ================= iPad Pro 1024px ================= */
@media (min-width:1000px) and (max-width:1060px){

  .hero{
    min-height:auto !important;
    padding-top:115px !important;
    padding-bottom:90px !important;
  }

  .hero .row{
    flex-direction:column !important;
    align-items:center !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
  }
  .hero{

    min-height:auto !important;
  
    padding-top:110px !important;
  
    padding-bottom:90px !important;
  }
  
  .hero .row{
  
    display:flex !important;
  
    flex-direction:column !important;
  
    align-items:center !important;
  }
  
  .hero-text-col,
  .hero-carousel-col{
  
    flex:0 0 100% !important;
  
    max-width:100% !important;
  
    width:100% !important;
  }
  
  .hero-inner{
  
    width:100% !important;
  
    max-width:1200px !important;
  
    margin:0 auto 42px !important;
  
    padding:0 40px !important;
  
    display:flex !important;
  
    flex-direction:column !important;
  
    align-items:center !important;
  
    justify-content:center !important;
  
    text-align:center !important;
  }
  
  .hero-kicker{
  
    font-size:1.7rem !important;
  
    line-height:1.15 !important;
  
    margin-bottom:16px !important;
  
    text-align:center !important;
  }
  
  .hero-title{
  
    font-size:4.6rem !important;
  
    line-height:.95 !important;
  
    margin-bottom:18px !important;
  
    text-align:center !important;
  }
  
  .hero-sub{
  
    max-width:640px !important;
  
    margin-left:auto !important;
  
    margin-right:auto !important;
  
    font-size:1rem !important;
  
    line-height:1.7 !important;
  
    text-align:center !important;
  }
  
  .hero .d-flex.flex-wrap{
  
    display:flex !important;
  
    justify-content:center !important;
  
    align-items:center !important;
  
    flex-wrap:wrap !important;
  
    gap:10px !important;
  
    width:100% !important;
  
    margin:24px auto 0 !important;
  }
  
  .hero .chip{
  
    margin:0 !important;
  }
  
  .hero-buttons{
  
    display:flex !important;
  
    justify-content:center !important;
  
    align-items:center !important;
  
    gap:18px !important;
  
    margin-top:28px !important;
  }
  
  .hero-buttons .btn{
  
    min-width:170px !important;
  
    padding:.9rem 1rem !important;
  
    font-size:.82rem !important;
  }
  
  .hero-carousel-col{
  
    display:flex !important;
  
    justify-content:center !important;
  
    align-items:center !important;
  
    padding:0 !important;
  }
  
  .hero-panel{
  
    width:78% !important;
  
    max-width:760px !important;
  
    height:520px !important;
  
    min-height:520px !important;
  
    margin:0 auto !important;
  
    border-radius:22px !important;
  }


 
  .hero-carousel-col{
    padding:0 !important;
    display:flex !important;
    justify-content:center !important;
  }



  .home-services-container{
    display:block !important;
    min-height:auto !important;
    padding:90px 6vw !important;
  }

  .home-services-left{
    min-height:auto !important;
    max-width:100% !important;
    padding-right:0 !important;
    margin-bottom:55px !important;
    text-align:center !important;
  }

  .home-services-right{
    padding-left:0 !important;
    width:100% !important;
  }

  .home-services-grid{
    grid-template-columns:repeat(2, minmax(260px, 1fr)) !important;
    gap:24px !important;
    max-width:760px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .home-service-card{
    min-height:260px !important;
    padding:34px 24px 34px !important;
  }
  /* iPad Pro - promoción bien distribuida */

.promo-premium-section{
  min-height:auto !important;
  padding:90px 0 !important;
}

.promo-premium-container{
  padding-left:6vw !important;
  padding-right:6vw !important;
}

.promo-premium-row{
  min-height:auto !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:55px !important;
}

.promo-premium-left,
.promo-premium-right{
  width:100% !important;
  max-width:100% !important;
}

.promo-premium-left{
  text-align:center !important;
}

.promo-premium-kicker{
  justify-content:center !important;
}

.promo-premium-title{
  max-width:760px !important;
  margin:0 auto !important;
  font-size:3.8rem !important;
  line-height:.95 !important;
}

.promo-premium-text{
  max-width:700px !important;
  margin:28px auto 0 !important;
  font-size:1rem !important;
  line-height:1.7 !important;
}

.promo-premium-cards{
  max-width:760px !important;
  margin:48px auto 0 !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:20px !important;
}

.promo-premium-card{
  min-height:230px !important;
  padding:90px 18px 24px !important;
}

.promo-premium-right{
  justify-content:center !important;
}

.promo-offer-box{
  max-width:460px !important;
  min-height:auto !important;
  padding:70px 44px 44px !important;
}
}


/* ================= Nest Hub Max / portátiles bajos ================= */
/* ================= Nest Hub Max / 1280x800 ================= */
@media (min-width:1200px) and (max-width:1300px) and (max-height:850px){

  .hero{
    min-height:100vh !important;
    padding-top:92px !important;
    padding-bottom:45px !important;
  }

  .hero-inner{
    padding:0 20px 0 45px !important;
  }

  .hero-text-col{
    flex:0 0 38% !important;
    max-width:38% !important;
  }

  .hero-carousel-col{
    flex:0 0 62% !important;
    max-width:62% !important;
    padding-right:35px !important;
  }

  .hero-kicker{
    font-size:1.55rem !important;
    line-height:1.15 !important;
    margin-bottom:14px !important;
  }

  .hero-title{
    font-size:3.4rem !important;
    line-height:.95 !important;
    margin-bottom:18px !important;
  }

  .hero-sub{
    font-size:.95rem !important;
    line-height:1.65 !important;
    max-width:95% !important;
  }

  .hero .d-flex.flex-wrap{
    gap:8px !important;
  }

  .hero .chip{
    font-size:.78rem !important;
    padding:.45rem .85rem !important;
    margin:0 4px 8px 0 !important;
  }

  .hero-buttons{
    gap:16px !important;
    margin-top:24px !important;
  }

  .hero-buttons .btn{
    min-width:170px !important;
    padding:.85rem 1rem !important;
    font-size:.82rem !important;
  }

  .hero-panel{
    width:100% !important;
    max-width:760px !important;
    height:500px !important;
    min-height:500px !important;
    margin-left:auto !important;
    margin-right:0 !important;
  }

  .carousel-caption{
    bottom:5% !important;
    padding:12px 16px !important;
  }

  .carousel-caption h5{
    font-size:1.05rem !important;
  }

  .carousel-caption p{
    font-size:.86rem !important;
    line-height:1.45 !important;
  }

  .promo-premium-section{
    padding:70px 0 !important;
  }

  .promo-premium-row{
    min-height:70vh !important;
  }

  .promo-premium-cards{
    margin-top:45px !important;
  }

  .promo-premium-card{
    min-height:220px !important;
    padding-top:95px !important;
  }

  .promo-offer-box{
    min-height:470px !important;
  }

  .home-services-container{
    padding-top:60px !important;
    padding-bottom:60px !important;
  }

  .home-services-left{
    min-height:650px !important;
  }

  .home-service-card{
    min-height:205px !important;
  }
}
@media (min-width:401px) and (max-width:440px){
  /* iPhone 14 Pro Max - promoción centrada */

.promo-premium-left{

  width:100% !important;

  max-width:100% !important;

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;

  justify-content:center !important;

  text-align:center !important;
}

.promo-premium-kicker{

  justify-content:center !important;

  text-align:center !important;
}

.promo-premium-title{

  max-width:360px !important;

  margin:0 auto !important;

  text-align:center !important;

  font-size:2.6rem !important;

  line-height:1 !important;
}

.promo-premium-text{

  max-width:360px !important;

  margin:24px auto 0 !important;

  text-align:center !important;

  line-height:1.75 !important;
}

.promo-premium-cards{

  display:grid !important;

  grid-template-columns:1fr !important;

  justify-content:center !important;

  justify-items:center !important;

  gap:18px !important;

  width:100% !important;

  margin:42px auto 0 !important;
}

.promo-premium-card{

  margin-left:auto !important;

  margin-right:auto !important;
}
}
@media (min-width:700px) and (max-width:820px){
  /* iPad Mini - promoción centrada */

.promo-premium-row{

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;

  justify-content:center !important;
}

.promo-premium-left{

  width:100% !important;

  max-width:100% !important;

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;

  justify-content:center !important;

  text-align:center !important;
}

.promo-premium-kicker{

  justify-content:center !important;

  text-align:center !important;
}

.promo-premium-title{

  max-width:560px !important;

  margin:0 auto !important;

  text-align:center !important;

  font-size:3.2rem !important;

  line-height:1 !important;
}

.promo-premium-text{

  max-width:620px !important;

  margin:26px auto 0 !important;

  text-align:center !important;

  line-height:1.75 !important;

  font-size:1.02rem !important;
}

.promo-premium-cards{

  display:grid !important;

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

  justify-content:center !important;

  justify-items:center !important;

  gap:22px !important;

  max-width:700px !important;

  margin:48px auto 0 !important;
}

.promo-premium-card{

  margin-left:auto !important;

  margin-right:auto !important;
}
}
@media (min-width:900px) and (max-width:1100px){
  /* iPad Pro - sección profesional centrada */

.home-services-container{

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;

  justify-content:center !important;

  text-align:center !important;

  padding-left:40px !important;

  padding-right:40px !important;
}

.home-services-left{

  width:100% !important;

  max-width:760px !important;

  margin:0 auto 60px !important;

  text-align:center !important;

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;
}

.home-services-label{

  justify-content:center !important;
}

.home-services-title{

  max-width:620px !important;

  margin:0 auto !important;

  text-align:center !important;

  font-size:3.5rem !important;

  line-height:1 !important;
}

.home-services-text{

  max-width:620px !important;

  margin:26px auto 0 !important;

  text-align:center !important;

  line-height:1.75 !important;
}

.home-services-slogan{

  margin-left:auto !important;

  margin-right:auto !important;
}

.home-services-right{

  width:100% !important;

  max-width:100% !important;

  padding-left:0 !important;

  display:flex !important;

  justify-content:center !important;
}

.home-services-grid{

  width:100% !important;

  max-width:760px !important;

  margin:0 auto !important;

  justify-content:center !important;
}
.promo-premium-icon{

  width:54px !important;

  height:54px !important;
}
}
.footer-author-mini {
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .32em;
  color: rgba(255,255,255,.35);
}

.footer-author-name {
  font-size: .85rem;
  font-weight: 800;
  color: rgba(255,255,255,.35);
}
.footer-author-phone {
  font-size: .82rem;

  color: rgba(255,255,255,.35);
  text-decoration: none;

  text-shadow:
    0 0 8px rgba(255,255,255,.04);
}
/* =========================================================
   RESPONSIVE ESPECIAL 600px - 650px
   Para pantallas tipo 618 x 885
========================================================= */

@media (min-width: 561px) and (max-width: 699px){

  .container,
  .container-fluid{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .hero{
    min-height:auto !important;
    padding-top:92px !important;
    padding-bottom:70px !important;
    overflow:hidden !important;
  }

  .hero .row{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
  }

  .hero-inner{
    width:100% !important;
    max-width:560px !important;
    padding:0 28px !important;
    margin:0 auto 38px !important;
    text-align:center !important;
  }

  .hero-kicker{
    font-size:1.55rem !important;
    line-height:1.15 !important;
    margin-bottom:12px !important;
    text-align:center !important;
  }

  .hero-title{
    font-size:3.35rem !important;
    line-height:.96 !important;
    margin-bottom:16px !important;
    text-align:center !important;
  }

  .hero-sub{
    max-width:430px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    font-size:.95rem !important;
    line-height:1.7 !important;
    text-align:center !important;
  }

  .hero .d-flex.flex-wrap{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:9px !important;
    width:100% !important;
    margin:22px auto 0 !important;
  }

  .hero .chip{
    margin:0 !important;
    padding:.42rem .78rem !important;
    font-size:.76rem !important;
    white-space:nowrap !important;
  }

  .hero-buttons{
    display:flex !important;
    justify-content:center !important;
    gap:14px !important;
    margin-top:28px !important;
  }

  .hero-buttons .btn{
    min-width:165px !important;
    padding:.85rem .9rem !important;
    font-size:.84rem !important;
  }

  .hero-carousel-col{
    display:flex !important;
    justify-content:center !important;
    padding:0 !important;
  }

  .hero-panel{
    width:88% !important;
    max-width:520px !important;
    height:430px !important;
    min-height:430px !important;
    margin:0 auto !important;
    border-radius:22px !important;
  }

  .carousel-caption{
    left:6% !important;
    right:6% !important;
    bottom:5% !important;
    padding:12px 14px !important;
  }

  .carousel-caption h5{
    font-size:1rem !important;
  }

  .carousel-caption p{
    font-size:.82rem !important;
    line-height:1.45 !important;
  }

  .carousel-control-prev,
  .carousel-control-next{
    width:11% !important;
  }

  .home-services-left{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;

    padding-right:0 !important;

    width:100% !important;

    margin:0 auto !important;
  }

  .home-services-kicker{
    text-align:center !important;
    justify-content:center !important;

    margin-left:auto !important;
    margin-right:auto !important;
  }

  .home-services-title{
    max-width:520px !important;

    margin:0 auto !important;

    text-align:center !important;

    font-size:3rem !important;

    line-height:1 !important;

    letter-spacing:0 !important;
  }

  .home-services-text{
    max-width:500px !important;

    margin:28px auto 0 !important;

    text-align:center !important;

    font-size:1rem !important;

    line-height:1.8 !important;
  }

  .home-services-text::before{
    margin-left:auto !important;
    margin-right:auto !important;

    width:420px !important;
  }

  .home-services-features{
    justify-content:center !important;

    align-items:center !important;

    width:100% !important;

    margin-left:auto !important;
    margin-right:auto !important;
  }

  .home-services-slogan{
    margin-left:auto !important;
    margin-right:auto !important;

    text-align:center !important;
  }
  /* ================= FIX REAL CENTRADO 618px ================= */

@media (min-width:561px) and (max-width:699px){

  .promo-premium-container,
  .promo-premium-row,
  .promo-premium-left{
    width:100% !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    justify-content:center !important;

    text-align:center !important;
  }

  .promo-premium-cards{

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    flex-wrap:nowrap !important;

    width:100% !important;

    max-width:100% !important;

    margin:42px auto 0 auto !important;

    gap:10px !important;

    padding:0 !important;
  }

  .promo-premium-card{

    width:150px !important;

    min-width:150px !important;

    max-width:150px !important;

    margin:0 !important;

    flex:none !important;

    min-height:225px !important;

    padding:72px 12px 18px !important;
  }

}
}
/* =========================================================
   RESPONSIVE 792px - 799px
========================================================= */

@media (min-width:791px) and (max-width:799px){

  .hero{
    min-height:auto !important;
    padding-top:105px !important;
    padding-bottom:80px !important;
  }

  .hero .row{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
  }

  .hero-inner{
    max-width:640px !important;
    padding:0 35px !important;
    margin:0 auto 42px !important;
    text-align:center !important;
  }

  .hero-kicker,
  .hero-title,
  .hero-sub{
    text-align:center !important;
  }

  .hero-title{
    font-size:4rem !important;
    line-height:.95 !important;
  }

  .hero-sub{
    max-width:520px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    font-size:.95rem !important;
    line-height:1.65 !important;
  }

  .hero .d-flex.flex-wrap{
    display:flex !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    margin:22px auto 0 !important;
  }

  .hero .chip{
    margin:0 !important;
    font-size:.76rem !important;
    padding:.45rem .8rem !important;
  }

  .hero-buttons{
    justify-content:center !important;
    gap:18px !important;
    margin-top:28px !important;
  }

  .hero-buttons .btn{
    min-width:165px !important;
    padding:.85rem 1rem !important;
    font-size:.85rem !important;
  }

  .hero-carousel-col{
    display:flex !important;
    justify-content:center !important;
    padding:0 !important;
  }

  .hero-panel{
    width:86% !important;
    max-width:620px !important;
    height:500px !important;
    min-height:500px !important;
    margin:0 auto !important;
    border-radius:24px !important;
  }

  .carousel-caption{
    left:6% !important;
    right:6% !important;
    bottom:5% !important;
  }
  /* ================= CENTRAR EXPERIENCIA 792px ================= */

.home-services-left{

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;

  justify-content:center !important;

  text-align:center !important;

  width:100% !important;

  padding-right:0 !important;

  margin:0 auto !important;
}

.home-services-kicker{

  text-align:center !important;

  justify-content:center !important;

  margin-left:auto !important;

  margin-right:auto !important;
}

.home-services-title{

  max-width:620px !important;

  margin:0 auto !important;

  text-align:center !important;

  font-size:3.7rem !important;

  line-height:1 !important;
}

.home-services-text{

  max-width:560px !important;

  margin:26px auto 0 !important;

  text-align:center !important;

  font-size:1rem !important;

  line-height:1.8 !important;
}

.home-services-text::before{

  width:480px !important;

  margin-left:auto !important;

  margin-right:auto !important;
}

.home-services-features{

  justify-content:center !important;

  align-items:center !important;

  margin-left:auto !important;

  margin-right:auto !important;
}

.home-services-slogan{

  margin-left:auto !important;

  margin-right:auto !important;

  text-align:center !important;
}
/* ================= CENTRAR CAJA OFERTA 792px ================= */

.promo-premium-right{

  width:100% !important;

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;

  margin:60px auto 0 !important;

  padding:0 !important;
}

.promo-offer-box{

  width:88% !important;

  max-width:520px !important;

  min-height:auto !important;

  margin:0 auto !important;

  padding:72px 40px 48px !important;
}

.promo-offer-label{

  text-align:center !important;
}

.promo-offer-percent{

  text-align:center !important;

  line-height:.9 !important;
}

.promo-offer-box h3{

  text-align:center !important;

  margin:18px auto 24px !important;
}

.promo-offer-box p{

  max-width:420px !important;

  margin-left:auto !important;

  margin-right:auto !important;

  text-align:center !important;
}

.promo-offer-btn{

  margin-left:auto !important;

  margin-right:auto !important;
}
/* ================= FOOTER + SIGUIENTE 792px ================= */

.bl-next-zone{

  min-height:180px !important;

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;

  position:relative !important;
}

.bl-next-services{

  position:relative !important;

  right:auto !important;

  bottom:auto !important;

  margin:0 auto !important;

  display:flex !important;

  justify-content:center !important;
}

.footer-main,
.footer-top,
.footer-bottom{

  width:100% !important;

  text-align:center !important;
}

.footer-top{

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;

  justify-content:center !important;

  gap:34px !important;

  padding-left:20px !important;

  padding-right:20px !important;
}

.footer-brand,
.footer-info,
.footer-contact{

  width:100% !important;

  max-width:100% !important;

  text-align:center !important;

  margin:0 auto !important;
}

.footer-brand{

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;

  justify-content:center !important;
}

.footer-brand img{

  margin:0 auto 14px !important;
}

.footer-contact .social-icons,
.footer-social{

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;

  gap:16px !important;

  margin-top:18px !important;
}

.footer-main h3,
.footer-main h4,
.footer-main p,
.footer-main a{

  text-align:center !important;
}
}
/* =========================================================
   RESPONSIVE 881px - 889px
   Pantalla tipo 886 x 961
========================================================= */

@media (min-width:881px) and (max-width:889px){

  .container,
  .container-fluid{
    padding-left:22px !important;
    padding-right:22px !important;
  }

  .hero{
    min-height:auto !important;
    padding-top:98px !important;
    padding-bottom:80px !important;
  }

  .hero .row{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
  }

  .hero-inner{
    max-width:900px !important;
    padding:0 40px !important;
    margin:0 auto 44px !important;
    text-align:center !important;
  }

  .hero-kicker,
  .hero-title,
  .hero-sub{
    text-align:center !important;
  }

  .hero-kicker{
    font-size:1.8rem !important;
    line-height:1.15 !important;
    margin-bottom:14px !important;
  }

  .hero-title{
    font-size:4.2rem !important;
    line-height:.95 !important;
    margin-bottom:18px !important;
  }

  .hero-sub{
    max-width:560px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    font-size:1rem !important;
    line-height:1.7 !important;
  }

  .hero .d-flex.flex-wrap{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:11px !important;
    margin:24px auto 0 !important;
  }

  .hero .chip{
    margin:0 !important;
    padding:.48rem .9rem !important;
    font-size:.82rem !important;
  }

  .hero-buttons{
    display:flex !important;
    justify-content:center !important;
    gap:18px !important;
    margin-top:30px !important;
  }

  .hero-buttons .btn{
    min-width:175px !important;
    padding:.9rem 1.05rem !important;
    font-size:.88rem !important;
  }

  .hero-carousel-col{
    display:flex !important;
    justify-content:center !important;
    padding:0 !important;
  }

  .hero-panel{
    width:82% !important;
    max-width:650px !important;
    height:510px !important;
    min-height:510px !important;
    margin:0 auto !important;
    border-radius:24px !important;
  }

  .carousel-caption{
    left:6% !important;
    right:6% !important;
    bottom:5% !important;
    padding:14px 16px !important;
  }

  .carousel-caption h5{
    font-size:1.05rem !important;
  }

  .carousel-caption p{
    font-size:.9rem !important;
    line-height:1.5 !important;
  }

  .carousel-control-prev,
  .carousel-control-next{
    width:10% !important;
  }
  /* ================= CENTRAR TODO EXPERIENCIA ================= */

.home-services-container{

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;

  justify-content:center !important;

  text-align:center !important;

  padding-left:30px !important;

  padding-right:30px !important;
}

.home-services-left{

  width:100% !important;

  max-width:760px !important;

  margin:0 auto !important;

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;

  justify-content:center !important;

  text-align:center !important;

  padding-right:0 !important;
}

.home-services-kicker{

  width:100% !important;

  text-align:center !important;

  justify-content:center !important;

  margin-left:auto !important;

  margin-right:auto !important;
}

.home-services-title{

  width:100% !important;

  max-width:760px !important;

  margin:0 auto !important;

  text-align:center !important;

  line-height:1 !important;
}

.home-services-text{

  width:100% !important;

  max-width:620px !important;

  margin:28px auto 0 !important;

  text-align:center !important;

  line-height:1.8 !important;
}

.home-services-text::before{

  width:520px !important;

  margin-left:auto !important;

  margin-right:auto !important;
}

.home-services-features{

  width:100% !important;

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;

  flex-wrap:wrap !important;

  gap:18px !important;

  margin-left:auto !important;

  margin-right:auto !important;
}

.home-services-slogan{

  margin-left:auto !important;

  margin-right:auto !important;

  text-align:center !important;
}

.home-services-right{

  width:100% !important;

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;

  padding-left:0 !important;

  margin-top:55px !important;
}

.home-services-grid{

  width:100% !important;

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;

  flex-wrap:wrap !important;

  gap:22px !important;
}

.home-service-card{

  margin:0 !important;
}
/* ================= CENTRAR PROMO + FOOTER 886px ================= */

.promo-premium-container,
.promo-premium-row{

  width:100% !important;

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;

  justify-content:center !important;

  text-align:center !important;
}

.promo-premium-left,
.promo-premium-right{

  width:100% !important;

  max-width:100% !important;

  margin:0 auto !important;
}

/* ---------- TARJETAS ---------- */

.promo-premium-cards{

  width:100% !important;

  display:flex !important;

  justify-content:center !important;

  align-items:stretch !important;

  flex-wrap:nowrap !important;

  gap:16px !important;

  margin:42px auto 0 !important;
}

.promo-premium-card{

  width:200px !important;

  min-width:200px !important;

  max-width:200px !important;

  margin:0 !important;

  flex:none !important;
}

/* ---------- CAJA OFERTA ---------- */

.promo-premium-right{

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;

  margin-top:60px !important;
}

.promo-offer-box{

  width:88% !important;

  max-width:560px !important;

  margin:0 auto !important;

  padding:78px 42px 52px !important;

  text-align:center !important;
}

.promo-offer-box p{

  max-width:460px !important;

  margin-left:auto !important;

  margin-right:auto !important;

  text-align:center !important;
}

.promo-offer-btn{

  margin-left:auto !important;

  margin-right:auto !important;
}

/* ---------- FRASE FINAL ---------- */

.bl-start-box-section{

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;

  padding:40px 0 60px !important;
}

.bl-start-box{

  width:82% !important;

  max-width:620px !important;

  margin:0 auto !important;
}

/* ---------- BOTÓN SIGUIENTE ---------- */

.bl-next-zone{

  min-height:180px !important;

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;
}

.bl-next-services{

  position:relative !important;

  right:auto !important;

  bottom:auto !important;

  margin:0 auto !important;

  display:flex !important;

  justify-content:center !important;
}
/* ================= FIX REAL FOOTER CENTRADO ================= */

.footer-top{

  display:flex !important;

  flex-direction:column !important;

  justify-content:center !important;

  align-items:center !important;

  text-align:center !important;

  width:100% !important;

  max-width:100% !important;

  gap:38px !important;

  margin:0 auto !important;

  padding-left:20px !important;

  padding-right:20px !important;
}

.footer-brand,
.footer-info,
.footer-contact{

  width:100% !important;

  max-width:100% !important;

  flex:none !important;

  margin:0 auto !important;

  text-align:center !important;

  display:flex !important;

  flex-direction:column !important;

  justify-content:center !important;

  align-items:center !important;
}

.footer-brand img{

  margin:0 auto 14px !important;
}

.footer-contact .social-icons,
.footer-social{

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;

  gap:16px !important;

  width:100% !important;

  margin:20px auto 0 !important;
}

.footer-bottom{

  text-align:center !important;

  display:flex !important;

  flex-direction:column !important;

  justify-content:center !important;

  align-items:center !important;

  width:100% !important;
}

.footer-bottom-links{

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;

  flex-wrap:wrap !important;

  gap:18px !important;

  width:100% !important;

  margin:16px auto 0 !important;
}

}
/* =========================================================
   MOVILES PEQUEÑOS 360px - 420px
========================================================= */

@media (min-width:360px) and (max-width:420px){

  .home-service-card{

    width:88% !important;

    max-width:290px !important;

    min-height:250px !important;

    padding:34px 22px !important;

    margin:0 auto 18px !important;

    border-radius:22px !important;
  }

  .home-service-card-icon{

    width:78px !important;

    height:78px !important;

    margin-bottom:24px !important;
  }

  .home-service-card-icon i{

    font-size:2rem !important;
  }

  .home-service-card h4{

    font-size:1.15rem !important;

    line-height:1.2 !important;

    margin-bottom:18px !important;
  }

  .home-service-card p{

    font-size:.92rem !important;

    line-height:1.7 !important;
  }

}
/* =========================================================
   RESPONSIVE 430px - 480px
   Pantalla tipo 456 x 735
========================================================= */

@media (min-width:430px) and (max-width:480px){

  /* ================= HERO ================= */

  .hero{
    padding-top:110px !important;
    padding-bottom:70px !important;

    min-height:auto !important;
  }

  .hero .row{
    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    justify-content:center !important;
  }

  .hero-text-col,
  .hero-carousel-col{

    width:100% !important;

    max-width:100% !important;

    flex:0 0 100% !important;
  }

  .hero-inner{

    width:100% !important;

    max-width:430px !important;

    padding:0 24px !important;

    margin:0 auto 38px !important;

    text-align:center !important;
  }

  .hero-kicker{

    font-size:1.7rem !important;

    line-height:1.15 !important;

    text-align:center !important;

    margin-bottom:16px !important;
  }

  .hero-title{

    font-size:3.2rem !important;

    line-height:.95 !important;

    text-align:center !important;

    margin-bottom:18px !important;
  }

  .hero-sub{

    max-width:360px !important;

    margin-left:auto !important;

    margin-right:auto !important;

    text-align:center !important;

    font-size:.95rem !important;

    line-height:1.8 !important;
  }

  .hero .d-flex.flex-wrap{

    justify-content:center !important;

    gap:10px !important;

    margin-top:24px !important;
  }

  .hero .chip{

    font-size:.74rem !important;

    padding:.42rem .72rem !important;
  }

  .hero-buttons{

    display:flex !important;

    justify-content:center !important;

    gap:12px !important;

    margin-top:26px !important;
  }

  .hero-buttons .btn{

    min-width:145px !important;

    padding:.8rem .85rem !important;

    font-size:.78rem !important;
  }

  /* ================= CARRUSEL ================= */

  .hero-carousel-col{

    display:flex !important;

    justify-content:center !important;
  }

  .hero-panel{

    width:92% !important;

    max-width:390px !important;

    height:360px !important;

    min-height:360px !important;

    border-radius:22px !important;

    margin:0 auto !important;
  }

  .carousel-caption{

    left:6% !important;

    right:6% !important;

    bottom:5% !important;

    padding:12px !important;
  }

  .carousel-caption h5{

    font-size:.95rem !important;
  }

  .carousel-caption p{

    font-size:.78rem !important;

    line-height:1.5 !important;
  }

  /* ================= EXPERIENCIA ================= */

  .home-services-container,
  .home-services-left{

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    justify-content:center !important;

    text-align:center !important;
  }

  .home-services-title{

    font-size:2.5rem !important;

    line-height:1 !important;

    text-align:center !important;
  }

  .home-services-text{

    max-width:360px !important;

    margin:24px auto 0 !important;

    text-align:center !important;

    font-size:.92rem !important;

    line-height:1.8 !important;
  }

  .home-services-text::before{

    width:320px !important;

    margin-left:auto !important;

    margin-right:auto !important;
  }

  .home-services-features{

    justify-content:center !important;

    gap:12px !important;
  }
    .promo-premium-cards{
  
      width:100% !important;
  
      max-width:320px !important;
  
      margin:36px auto 0 auto !important;
  
      display:grid !important;
  
      grid-template-columns:repeat(2, 140px) !important;
  
      justify-content:center !important;
  
      justify-items:center !important;
  
      gap:18px !important;
  
      padding:0 !important;
    }
  
    .promo-premium-card{
  
      width:140px !important;
  
      height:170px !important;
  
      min-height:170px !important;
  
      margin:0 !important;
  
      padding:52px 10px 14px !important;
    }
  
    .promo-premium-card:nth-child(3){
  
      grid-column:1 / span 2 !important;
  
      justify-self:center !important;
    }
  /* ================= CENTRAR FINAL 456px ================= */

.bl-start-box-section{

  width:100% !important;

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;

  padding:36px 0 50px !important;
}

.bl-start-box{

  width:88% !important;

  max-width:300px !important;

  margin:0 auto !important;

  padding:18px 16px !important;

  text-align:center !important;
}

.bl-start-box h3{

  text-align:center !important;

  font-size:1rem !important;

  line-height:1.3 !important;

  letter-spacing:3px !important;
}

/* ---------- SIGUIENTE ---------- */

.bl-next-zone{

  width:100% !important;

  min-height:140px !important;

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;
}

.bl-next-services{

  position:relative !important;

  right:auto !important;

  bottom:auto !important;

  margin:0 auto !important;

  display:flex !important;

  justify-content:center !important;
}
/* ================= CENTRAR HERO PROMO 456px ================= */

.promo-premium-left{

  width:100% !important;

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;

  justify-content:center !important;

  text-align:center !important;

  padding:0 22px !important;
}

.promo-premium-kicker{

  width:100% !important;

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;

  text-align:center !important;

  margin:0 auto 18px !important;
}

.promo-premium-title{

  width:100% !important;

  max-width:360px !important;

  margin:0 auto !important;

  text-align:center !important;

  font-size:2.2rem !important;

  line-height:.96 !important;

  letter-spacing:-1px !important;

  word-spacing:2px !important;
}

.promo-premium-text{

  width:100% !important;

  max-width:340px !important;

  margin:28px auto 0 !important;

  text-align:center !important;

  font-size:.92rem !important;

  line-height:1.85 !important;
}
/* ================= CAJAS MÁS PEQUEÑAS 456px ================= */

.home-services-grid{

  grid-template-columns:repeat(3, 110px) !important;

  justify-content:center !important;

  gap:10px !important;

  padding:0 !important;
}

.home-service-card{

  width:110px !important;

  max-width:110px !important;

  min-height:235px !important;

  padding:16px 8px !important;

  border-radius:16px !important;

  margin:0 !important;
}

.home-service-card-icon{

  width:52px !important;

  height:52px !important;

  margin-bottom:12px !important;
}

.home-service-card-icon i{

  font-size:1.2rem !important;
}

.home-service-card h4{

  font-size:.72rem !important;

  line-height:1.1 !important;

  margin-bottom:10px !important;
}

.home-service-card p{

  font-size:.60rem !important;

  line-height:1.55 !important;
}
  }
  /* =========================================================
   RESPONSIVE 481px - 520px
   Pantalla tipo 490 x 749
========================================================= */

@media (min-width:481px) and (max-width:520px){

  /* ================= HERO ================= */

  .hero{
    padding-top:105px !important;
    padding-bottom:65px !important;

    min-height:auto !important;
  }

  .hero .row{

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    justify-content:center !important;
  }

  .hero-text-col,
  .hero-carousel-col{

    width:100% !important;

    max-width:100% !important;

    flex:0 0 100% !important;
  }

  .hero-inner{

    width:100% !important;

    max-width:430px !important;

    padding:0 22px !important;

    margin:0 auto 34px !important;

    text-align:center !important;
  }

  .hero-kicker{

    font-size:1.65rem !important;

    line-height:1.12 !important;

    margin-bottom:14px !important;

    text-align:center !important;
  }

  .hero-title{

    font-size:3rem !important;

    line-height:.95 !important;

    margin-bottom:16px !important;

    text-align:center !important;
  }

  .hero-sub{

    max-width:360px !important;

    margin-left:auto !important;

    margin-right:auto !important;

    text-align:center !important;

    font-size:.9rem !important;

    line-height:1.8 !important;
  }

  .hero .d-flex.flex-wrap{

    justify-content:center !important;

    gap:10px !important;

    margin-top:22px !important;
  }

  .hero .chip{

    font-size:.72rem !important;

    padding:.4rem .7rem !important;
  }

  .hero-buttons{

    display:flex !important;

    justify-content:center !important;

    gap:12px !important;

    margin-top:24px !important;
  }

  .hero-buttons .btn{

    min-width:138px !important;

    padding:.76rem .8rem !important;

    font-size:.76rem !important;
  }

  /* ================= CARRUSEL ================= */

  .hero-carousel-col{

    display:flex !important;

    justify-content:center !important;
  }

  .hero-panel{

    width:92% !important;

    max-width:370px !important;

    height:330px !important;

    min-height:330px !important;

    border-radius:20px !important;

    margin:0 auto !important;
  }

  .carousel-caption{

    left:6% !important;

    right:6% !important;

    bottom:5% !important;

    padding:10px !important;
  }

  .carousel-caption h5{

    font-size:.88rem !important;
  }

  .carousel-caption p{

    font-size:.72rem !important;

    line-height:1.45 !important;
  }

  /* ================= EXPERIENCIA ================= */

  .home-services-container,
  .home-services-left{

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    justify-content:center !important;

    text-align:center !important;
  }

  .home-services-title{

    font-size:2.3rem !important;

    line-height:1 !important;
  }

  .home-services-text{

    max-width:340px !important;

    margin:22px auto 0 !important;

    text-align:center !important;

    font-size:.86rem !important;

    line-height:1.75 !important;
  }

  .home-services-text::before{

    width:300px !important;

    margin-left:auto !important;

    margin-right:auto !important;
  }

  /* ================= CAJAS ================= */

  .home-services-grid{

    display:grid !important;

    grid-template-columns:repeat(3, 105px) !important;

    justify-content:center !important;

    gap:10px !important;

    padding:0 !important;
  }

  .home-service-card{

    width:105px !important;

    max-width:105px !important;

    min-height:220px !important;

    padding:14px 8px !important;

    border-radius:16px !important;

    margin:0 !important;
  }

  .home-service-card-icon{

    width:50px !important;

    height:50px !important;

    margin-bottom:12px !important;
  }

  .home-service-card-icon i{

    font-size:1.1rem !important;
  }

  .home-service-card h4{

    font-size:.68rem !important;

    line-height:1.1 !important;

    margin-bottom:10px !important;
  }

  .home-service-card p{

    font-size:.58rem !important;

    line-height:1.5 !important;
  }

  /* ================= PROMO ================= */

  .promo-premium-left{

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    justify-content:center !important;

    text-align:center !important;
  }

  .promo-premium-title{

    max-width:360px !important;

    margin:0 auto !important;

    font-size:2.15rem !important;

    line-height:.96 !important;

    text-align:center !important;
  }

  .promo-premium-text{

    max-width:340px !important;

    margin:24px auto 0 !important;

    text-align:center !important;

    font-size:.88rem !important;

    line-height:1.8 !important;
  }

  .promo-premium-cards{

    width:100% !important;

    max-width:320px !important;

    margin:34px auto 0 auto !important;

    display:grid !important;

    grid-template-columns:repeat(2, 140px) !important;

    justify-content:center !important;

    justify-items:center !important;

    gap:16px !important;

    padding:0 !important;
  }

  .promo-premium-card{

    width:140px !important;

    min-height:165px !important;

    padding:48px 10px 14px !important;
  }

  .promo-premium-card:nth-child(3){

    grid-column:1 / span 2 !important;

    justify-self:center !important;
  }

  /* ================= FOOTER ================= */

  .footer-top{

    grid-template-columns:1fr !important;

    justify-items:center !important;

    gap:32px !important;

    text-align:center !important;
  }

  .footer-brand,
  .footer-info,
  .footer-contact-block{

    width:100% !important;

    padding-left:0 !important;

    margin:0 auto !important;

    align-items:center !important;

    justify-content:center !important;

    text-align:center !important;
  }

  .footer-brand{

    flex-direction:column !important;
  }

  .footer-brand-text{

    text-align:center !important;
  }

  .footer-social{

    justify-content:center !important;
  }

  .footer-links{

    justify-content:center !important;

    gap:14px !important;
  }
  /* ================= CENTRAR TEXTO FRASE ================= */

.bl-start-box{

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;

  text-align:center !important;
}

.bl-start-box h3{

  width:100% !important;

  text-align:center !important;

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;

  gap:10px !important;

  flex-wrap:wrap !important;

  line-height:1.3 !important;

  letter-spacing:2px !important;

  word-spacing:4px !important;

  margin:0 auto !important;
}

.bl-start-box h3 span{

  display:inline-block !important;

  text-align:center !important;
}
}
/* =========================================================
   RESPONSIVE 560px - 620px
   Pantalla tipo 576 x 784
========================================================= */

@media (min-width:560px) and (max-width:620px){

  /* ================= CONTENEDOR ================= */

  .home-services-container,
  .home-services-left{

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    justify-content:center !important;

    text-align:center !important;

    width:100% !important;
  }

  /* ================= TITULOS ================= */

  .home-services-title{

    text-align:center !important;

    margin-left:auto !important;

    margin-right:auto !important;
  }

  .home-services-text{

    max-width:420px !important;

    margin:24px auto 0 !important;

    text-align:center !important;
  }

  .home-services-features{

    justify-content:center !important;

    gap:14px !important;
  }

  /* ================= GRID ================= */

  .home-services-grid{

    width:100% !important;

    display:grid !important;

    grid-template-columns:repeat(3, 120px) !important;

    justify-content:center !important;

    gap:14px !important;

    padding:0 !important;

    margin:34px auto 0 !important;
  }

  /* ================= CAJAS ================= */

  .home-service-card{

    width:120px !important;

    max-width:120px !important;

    min-height:245px !important;

    padding:18px 10px !important;

    border-radius:18px !important;

    margin:0 !important;
  }

  .home-service-card-icon{

    width:58px !important;

    height:58px !important;

    margin-bottom:14px !important;
  }

  .home-service-card-icon i{

    font-size:1.3rem !important;
  }

  .home-service-card h4{

    font-size:.8rem !important;

    line-height:1.15 !important;

    margin-bottom:12px !important;

    text-align:center !important;
  }

  .home-service-card p{

    font-size:.68rem !important;

    line-height:1.6 !important;

    text-align:center !important;
  }
  .promo-premium-cards{
    width:100% !important;
    max-width:360px !important;
    display:grid !important;
    grid-template-columns:repeat(2, 150px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:16px !important;
    margin:34px auto 0 !important;
    padding:0 !important;
  }

  .promo-premium-card{
    width:150px !important;
    max-width:150px !important;
    min-height:190px !important;
    padding:54px 10px 16px !important;
    margin:0 auto !important;
  }

  .promo-premium-card:nth-child(3){
    grid-column:1 / span 2 !important;
    justify-self:center !important;
  }

  .promo-premium-icon{
    width:46px !important;
    height:46px !important;
  }

  .promo-premium-icon i{
    font-size:1.1rem !important;
  }

  .promo-premium-card strong{
    font-size:1.8rem !important;
  }

  .promo-premium-card h4{
    font-size:.78rem !important;
    line-height:1.15 !important;
  }

  .promo-premium-card p{
    font-size:.68rem !important;
    line-height:1.45 !important;
  }

  .promo-offer-box{
    width:86% !important;
    max-width:360px !important;
    margin:42px auto 0 !important;
    padding:56px 24px 36px !important;
    text-align:center !important;
  }

  .promo-offer-percent{
    font-size:4.4rem !important;
  }

  .promo-offer-box h3{
    font-size:1.75rem !important;
  }

  .promo-offer-box p{
    max-width:300px !important;
    font-size:.85rem !important;
    line-height:1.65 !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  /* ================= FIX ICONOS + SLOGAN 576px ================= */

.promo-premium-card{
  padding-top:68px !important;
}

.promo-premium-icon{
  top:14px !important;
  width:42px !important;
  height:42px !important;
}

.promo-premium-icon i{
  font-size:1rem !important;
}

.promo-premium-card strong{
  display:block !important;
  margin-top:6px !important;
  font-size:1.75rem !important;
}

.promo-premium-card h4{
  margin-top:8px !important;
}

/* Slogan inferior */
.bl-start-box{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.bl-start-box span,
.bl-start-box strong{
  text-align:center !important;
  letter-spacing:.28em !important;
}
}
/* =========================================================
   RESPONSIVE 950px - 990px
   Pantalla tipo 976 x 961
========================================================= */

@media (min-width:950px) and (max-width:990px){

  /* HERO */
  .hero{
    min-height:auto !important;
    padding-top:105px !important;
    padding-bottom:85px !important;
  }

  .hero .row{
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }

  .hero-inner{
    max-width:780px !important;
    margin:0 auto 45px !important;
    padding:0 40px !important;
    text-align:center !important;
  }

  .hero-kicker,
  .hero-title,
  .hero-sub{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .hero-title{
    font-size:4.6rem !important;
    line-height:.95 !important;
  }

  .hero-sub{
    max-width:620px !important;
    font-size:1rem !important;
    line-height:1.75 !important;
  }

  .hero .d-flex.flex-wrap,
  .hero-buttons{
    justify-content:center !important;
  }

  .hero-panel{
    width:88% !important;
    max-width:760px !important;
    height:520px !important;
    min-height:520px !important;
    margin:0 auto !important;
  }

  /* EXPERIENCIA */
  .home-services-container,
  .home-services-left,
  .home-services-right{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .home-services-title,
  .home-services-text{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .home-services-text::before{
    width:560px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .home-services-grid{
    display:grid !important;
    grid-template-columns:repeat(3, 170px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:20px !important;
    margin:45px auto 0 !important;
    padding:0 !important;
  }

  .home-service-card{
    width:170px !important;
    max-width:170px !important;
    min-height:260px !important;
    padding:24px 14px !important;
    margin:0 !important;
  }

  .home-service-card-icon{
    width:72px !important;
    height:72px !important;
    margin-bottom:18px !important;
  }

  .home-service-card-icon i{
    font-size:1.7rem !important;
  }

  .home-service-card h4{
    font-size:.95rem !important;
    line-height:1.15 !important;
  }

  .home-service-card p{
    font-size:.78rem !important;
    line-height:1.55 !important;
  }

  /* PROMO */
  .promo-premium-left,
  .promo-premium-right{
    width:100% !important;
    max-width:100% !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .promo-premium-cards{
    display:grid !important;
    grid-template-columns:repeat(3, 180px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:20px !important;
    margin:45px auto 0 !important;
  }

  .promo-premium-card{
    width:180px !important;
    max-width:180px !important;
    min-height:230px !important;
    padding:76px 16px 22px !important;
  }

  .promo-premium-icon{
    width:58px !important;
    height:58px !important;
    top:18px !important;
  }

  .promo-premium-icon i{
    font-size:1.35rem !important;
  }

  .promo-offer-box{
    width:82% !important;
    max-width:560px !important;
    margin:60px auto 0 !important;
    text-align:center !important;
  }

  /* SLOGAN */
  .bl-start-box-section{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .bl-start-box{
    width:80% !important;
    max-width:680px !important;
    margin:0 auto !important;
    text-align:center !important;
  }

  .bl-start-box span,
  .bl-start-box strong{
    text-align:center !important;
  }

  /* FOOTER */
  .footer-top{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    gap:34px !important;
    text-align:center !important;
  }

  .footer-brand,
  .footer-info,
  .footer-contact-block{
    width:100% !important;
    padding-left:0 !important;
    margin:0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .footer-brand{
    flex-direction:column !important;
  }

  .footer-brand-text{
    text-align:center !important;
  }

  .footer-social,
  .footer-links{
    justify-content:center !important;
  }
   /* ================= ZOOM GENERAL ================= */

   body{
    zoom:1.08;
  }

  .container,
  .container-fluid{
    max-width:100% !important;
    width:100% !important;
    padding-left:24px !important;
    padding-right:24px !important;
  }

  /* ================= HERO MÁS GRANDE ================= */

  .hero-inner{
    max-width:860px !important;
  }

  .hero-title{
    font-size:5.2rem !important;
    line-height:.93 !important;
  }

  .hero-sub{
    max-width:720px !important;
    font-size:1.08rem !important;
    line-height:1.85 !important;
  }

  .hero-panel{
    width:92% !important;
    max-width:860px !important;
    height:560px !important;
    min-height:560px !important;
  }

  /* ================= EXPERIENCIA CENTRADA ================= */

  .home-services-container,
  .home-services-left,
  .home-services-right{
    width:100% !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    justify-content:center !important;

    text-align:center !important;

    padding-left:0 !important;

    padding-right:0 !important;
  }

  .home-services-title{
    max-width:760px !important;

    margin:0 auto !important;

    text-align:center !important;
  }

  .home-services-text{
    max-width:700px !important;

    margin:28px auto 0 !important;

    text-align:center !important;
  }

  .home-services-text::before{
    width:620px !important;

    margin-left:auto !important;

    margin-right:auto !important;
  }

  .home-services-grid{
    grid-template-columns:repeat(3, 185px) !important;

    justify-content:center !important;

    justify-items:center !important;

    gap:22px !important;

    margin:48px auto 0 !important;
  }

  .home-service-card{
    width:185px !important;

    max-width:185px !important;

    min-height:270px !important;
  }

  /* ================= PROMO ================= */

  .promo-premium-left,
  .promo-premium-right{
    width:100% !important;

    align-items:center !important;

    justify-content:center !important;

    text-align:center !important;
  }

  .promo-premium-title{
    max-width:760px !important;

    margin:0 auto !important;

    text-align:center !important;
  }

  .promo-premium-text{
    max-width:760px !important;

    margin:28px auto 0 !important;

    text-align:center !important;
  }

  .promo-premium-cards{
    grid-template-columns:repeat(3, 185px) !important;

    justify-content:center !important;

    justify-items:center !important;

    gap:22px !important;

    margin:48px auto 0 !important;
  }

  .promo-premium-card{
    width:185px !important;

    max-width:185px !important;

    min-height:235px !important;
  }

  .promo-offer-box{
    width:86% !important;

    max-width:620px !important;

    margin:70px auto 0 !important;

    text-align:center !important;
  }

  /* ================= ESLOGAN ================= */

  .bl-start-box-section{
    display:flex !important;

    justify-content:center !important;

    align-items:center !important;
  }

  .bl-start-box{
    width:86% !important;

    max-width:760px !important;

    margin:0 auto !important;

    text-align:center !important;
  }

  /* ================= FOOTER ================= */

  .footer-top{
    grid-template-columns:1fr !important;

    justify-items:center !important;

    gap:38px !important;

    text-align:center !important;
  }

  .footer-brand,
  .footer-info,
  .footer-contact-block{
    width:100% !important;

    padding-left:0 !important;

    margin:0 auto !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    justify-content:center !important;

    text-align:center !important;
  }

  .footer-brand{
    flex-direction:column !important;
  }

  .footer-brand-text{
    text-align:center !important;
  }

  .footer-social{
    justify-content:center !important;
  }

  /* DESARROLLADO POR ABAJO */

  .footer-bottom{
    display:flex !important;

    flex-direction:column-reverse !important;

    align-items:center !important;

    justify-content:center !important;

    gap:18px !important;

    text-align:center !important;
  }

  .footer-developer{
    width:100% !important;

    text-align:center !important;

    margin-top:10px !important;
  }

  .footer-links{
    justify-content:center !important;

    gap:22px !important;
  }
  /* ================= CENTRAR KICKER PROMO ================= */

.promo-premium-kicker{

  width:100% !important;

  display:flex !important;

  justify-content:center !important;

  align-items:center !important;

  text-align:center !important;

  margin:0 auto 22px !important;
}

.promo-premium-kicker::before,
.promo-premium-kicker::after{

  flex:none !important;

  width:140px !important;

  margin:0 18px !important;
}

.promo-premium-kicker span{

  text-align:center !important;

  letter-spacing:.28em !important;
}
}
/* =========================================================
   RESPONSIVE 991px - 1010px
   Pantalla tipo 996 x 938
========================================================= */

@media (min-width:991px) and (max-width:1010px){

  body{
    zoom:1.06;
  }

  .container,
  .container-fluid{
    padding-left:24px !important;
    padding-right:24px !important;
  }

  /* HERO */
  .hero{
    min-height:auto !important;
    padding-top:115px !important;
    padding-bottom:90px !important;
  }

  .hero .row{
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }

  .hero-inner{
    max-width:850px !important;
    margin:0 auto 50px !important;
    padding:0 45px !important;
    text-align:center !important;
  }

  .hero-kicker,
  .hero-title,
  .hero-sub{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .hero-title{
    font-size:5rem !important;
    line-height:.94 !important;
  }

  .hero-sub{
    max-width:680px !important;
    font-size:1.05rem !important;
    line-height:1.8 !important;
  }

  .hero .d-flex.flex-wrap,
  .hero-buttons{
    justify-content:center !important;
  }

  .hero-panel{
    width:90% !important;
    max-width:820px !important;
    height:540px !important;
    min-height:540px !important;
    margin:0 auto !important;
  }

  /* EXPERIENCIA */
  .home-services-container,
  .home-services-left,
  .home-services-right{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .home-services-title,
  .home-services-text{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .home-services-text::before{
    width:620px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .home-services-grid{
    display:grid !important;
    grid-template-columns:repeat(3, 185px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:22px !important;
    margin:48px auto 0 !important;
    padding:0 !important;
  }

  .home-service-card{
    width:185px !important;
    max-width:185px !important;
    min-height:270px !important;
    padding:24px 14px !important;
    margin:0 !important;
  }

  .home-service-card-icon{
    width:72px !important;
    height:72px !important;
    margin-bottom:18px !important;
  }

  .home-service-card-icon i{
    font-size:1.7rem !important;
  }

  /* PROMO */
  .promo-premium-container,
  .promo-premium-row,
  .promo-premium-left,
  .promo-premium-right{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .promo-premium-kicker{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
    margin:0 auto 28px !important;
  }

  .promo-premium-title{
    max-width:780px !important;
    margin:0 auto !important;
    text-align:center !important;
  }

  .promo-premium-text{
    max-width:760px !important;
    margin:30px auto 0 !important;
    text-align:center !important;
  }

  .promo-premium-cards{
    display:grid !important;
    grid-template-columns:repeat(3, 190px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:24px !important;
    margin:50px auto 0 !important;
  }

  .promo-premium-card{
    width:190px !important;
    max-width:190px !important;
    min-height:235px !important;
    padding:74px 16px 22px !important;
  }

  .promo-premium-icon{
    width:60px !important;
    height:60px !important;
    top:18px !important;
  }

  .promo-premium-icon i{
    font-size:1.35rem !important;
  }

  .promo-offer-box{
    width:86% !important;
    max-width:620px !important;
    margin:70px auto 0 !important;
    text-align:center !important;
  }

  /* SLOGAN */
  .bl-start-box-section{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .bl-start-box{
    width:86% !important;
    max-width:760px !important;
    margin:0 auto !important;
    text-align:center !important;
  }

  .bl-start-box span,
  .bl-start-box strong{
    text-align:center !important;
  }

  /* SIGUIENTE */
  .bl-next-zone{
    min-height:180px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .bl-next-services{
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    margin:0 auto !important;
  }

  /* FOOTER */
  .footer-top{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    gap:38px !important;
    text-align:center !important;
  }

  .footer-brand,
  .footer-info,
  .footer-contact-block{
    width:100% !important;
    padding-left:0 !important;
    margin:0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .footer-brand{
    flex-direction:column !important;
  }

  .footer-brand-text{
    text-align:center !important;
  }

  .footer-social,
  .footer-links{
    justify-content:center !important;
  }

  .footer-bottom{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    gap:14px !important;
  }

  .footer-developer{
    order:3 !important;
    width:100% !important;
    margin-top:12px !important;
    text-align:center !important;
  }
}

/* =========================================================
   RESPONSIVE 1500px - 1550px
   Pantalla tipo 1524 x 847
========================================================= */

@media (min-width:1500px) and (max-width:1550px){

  .hero{
    min-height:100vh !important;
    padding-top:95px !important;
    padding-bottom:55px !important;
  }

  .hero .row{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .hero-text-col{
    flex:0 0 36% !important;
    max-width:36% !important;
  }

  .hero-carousel-col{
    flex:0 0 64% !important;
    max-width:64% !important;
  }

  .hero-inner{
    padding:0 20px 0 65px !important;
    text-align:left !important;
    max-width:100% !important;
    margin:0 !important;
  }

  .hero-kicker,
  .hero-title,
  .hero-sub{
    text-align:left !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .hero-title{
    font-size:clamp(4rem, 5.2vw, 5rem) !important;
    line-height:.95 !important;
  }

  .hero-sub{
    max-width:460px !important;
    font-size:1rem !important;
    line-height:1.75 !important;
  }

  .hero .d-flex.flex-wrap{
    justify-content:flex-start !important;
  }

  .hero-buttons{
    justify-content:flex-start !important;
    gap:35px !important;
  }

  .hero-panel{
    width:100% !important;
    max-width:880px !important;
    height:560px !important;
    min-height:560px !important;
    margin:0 auto !important;
  }

  .carousel-caption{
    left:6% !important;
    right:6% !important;
    bottom:6% !important;
  }

  /* ABAJO CENTRADO SIN ROMPER HERO */

  .home-services-left,
  .promo-premium-left{
    text-align:center !important;
  }

  .home-services-title,
  .home-services-text,
  .promo-premium-title,
  .promo-premium-text{
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  .home-services-text::before{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .home-services-grid,
  .promo-premium-cards{
    justify-content:center !important;
    justify-items:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .bl-start-box{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .footer-container{
    max-width:1180px !important;
  }
  .hero-text-col{
    flex:0 0 40% !important;
    max-width:40% !important;
  }
  
  .hero-carousel-col{
    flex:0 0 60% !important;
    max-width:60% !important;
  }
  
  .hero-title{
    font-size:4.1rem !important;
    line-height:.98 !important;
    max-width:520px !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }
  
  .hero-inner{
    padding:0 20px 0 55px !important;
  }
  /* Caja descuento más chica */
.promo-offer-box{
  max-width:430px !important;
  min-height:420px !important;
  padding:58px 34px 38px !important;
  margin:50px auto 0 !important;
}

.promo-offer-badge{
  width:88px !important;
  height:58px !important;
}

.promo-offer-badge i{
  font-size:1.35rem !important;
}

.promo-offer-label{
  font-size:.82rem !important;
  margin-bottom:12px !important;
}

.promo-offer-percent{
  font-size:5.2rem !important;
}

.promo-offer-box h3{
  font-size:2rem !important;
  margin:14px 0 20px !important;
}

.promo-offer-box p{
  max-width:330px !important;
  font-size:.92rem !important;
  line-height:1.55 !important;
  margin-bottom:24px !important;
}

.promo-offer-btn{
  max-width:300px !important;
  min-height:52px !important;
  font-size:.82rem !important;
}

}
/* =========================================================
   FOOTER RESPONSIVE 1500px - 1550px
   Pantalla tipo 1524 x 847
========================================================= */

@media (min-width:1500px) and (max-width:1550px){

  .footer-main{
    padding:55px 0 32px !important;
  }

  .footer-container{
    max-width:100% !important;
    padding-left:28px !important;
    padding-right:28px !important;
  }

  .footer-top{
    display:grid !important;
    grid-template-columns:1fr 1.15fr 1fr !important;
    align-items:center !important;
    justify-items:center !important;
    gap:40px !important;
  }

  .footer-brand{
    width:100% !important;
    display:flex !important;
    flex-direction:row !important;
    justify-content:flex-start !important;
    align-items:center !important;
    text-align:left !important;
    padding-left:0 !important;
  }

  .footer-brand-text{
    text-align:left !important;
  }

  .footer-logo{
    width:66px !important;
    height:66px !important;
  }

  .footer-info{
    width:100% !important;
    text-align:center !important;
    align-items:center !important;
  }
  .footer-contact-block{
    width:100% !important;
  
    padding-right:35px !important;
  
    display:flex !important;
    flex-direction:column !important;
  
    align-items:flex-end !important;
  
    text-align:right !important;
  }
  
  .footer-contact-block h4,
  .footer-contact-block p,
  .footer-contact-block a{
    text-align:center !important;
  }
  
  .footer-social{
    width:100% !important;
  
    display:flex !important;
  
    justify-content:flex-end !important;
  
    padding-right:8px !important;
  
    gap:18px !important;
  }


  .footer-bottom{
    position:relative !important;
    margin-top:34px !important;
    padding-top:28px !important;
    text-align:center !important;
  }

  .footer-bottom p{
    text-align:center !important;
  }

  .footer-links{
    justify-content:center !important;
    gap:36px !important;
  }

  .footer-developer{
    position:absolute !important;
    left:0 !important;
    top:28px !important;
    width:260px !important;
    text-align:left !important;
  }
}


/* =========================================================
   RESPONSIVE 1551px - 1580px
   Pantalla tipo 1564 x 857
========================================================= */

@media (min-width:1551px) and (max-width:1580px){

  .hero-text-col{
    flex:0 0 38% !important;
    max-width:38% !important;
  }

  .hero-carousel-col{
    flex:0 0 62% !important;
    max-width:62% !important;
  }

  .hero-inner{
    padding-left:55px !important;
    padding-right:20px !important;
  }

  .hero-title{
    font-size:4.15rem !important;
    line-height:.98 !important;
    max-width:540px !important;

    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  .hero-sub{
    max-width:500px !important;
  }

  .hero-panel{
    max-width:900px !important;
  }
}
/* =========================================================
   RESPONSIVE 1581px - 1610px
   Pantalla tipo 1590 x 880
========================================================= */

@media (min-width:1581px) and (max-width:1610px){

  .hero{
    min-height:100vh !important;
    padding-top:105px !important;
    padding-bottom:60px !important;
  }

  .hero .row{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .hero-text-col{
    flex:0 0 39% !important;
    max-width:39% !important;
  }

  .hero-carousel-col{
    flex:0 0 61% !important;
    max-width:61% !important;

    display:flex !important;
    justify-content:center !important;
  }

  .hero-inner{
    padding-left:50px !important;
    padding-right:22px !important;
  }

  .hero-title{
    font-size:4rem !important;
    line-height:.96 !important;

    max-width:520px !important;

    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  .hero-sub{
    max-width:500px !important;

    font-size:1rem !important;
    line-height:1.75 !important;
  }

  .hero-panel{
    width:100% !important;
    max-width:900px !important;

    height:560px !important;
    min-height:560px !important;

    margin:0 auto !important;
  }

  .carousel-caption{
    left:7% !important;
    right:7% !important;
    bottom:5% !important;
  }

  .hero-buttons{
    gap:24px !important;
  }

  .hero .d-flex.flex-wrap{
    gap:12px !important;
  }
}
/* =========================================================
   RESPONSIVE 1630px - 1670px
   Pantalla tipo 1653 x 895
   Evita que se corte el título
========================================================= */

@media (min-width:1630px) and (max-width:1670px){

  .hero-text-col{
    flex:0 0 40% !important;
    max-width:40% !important;
  }

  .hero-carousel-col{
    flex:0 0 60% !important;
    max-width:60% !important;
  }

  .hero-inner{
    padding-left:60px !important;
    padding-right:25px !important;
  }

  .hero-title{
    font-size:4.05rem !important;
    line-height:.98 !important;
    max-width:560px !important;

    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  .hero-sub{
    max-width:520px !important;
  }

  .hero-panel{
    max-width:920px !important;
  }
}
/* =========================================================
   RESPONSIVE 1700px - 1750px
   Pantalla tipo 1721 x 924
   Evita corte del título
========================================================= */

@media (min-width:1700px) and (max-width:1750px){

  .hero{
    min-height:100vh !important;
    padding-top:105px !important;
    padding-bottom:65px !important;
  }

  .hero .row{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .hero-text-col{
    flex:0 0 39% !important;
    max-width:39% !important;
  }

  .hero-carousel-col{
    flex:0 0 61% !important;
    max-width:61% !important;

    display:flex !important;
    justify-content:center !important;
  }

  .hero-inner{
    padding-left:65px !important;
    padding-right:28px !important;
  }

  .hero-title{
    font-size:4.2rem !important;
    line-height:.97 !important;

    max-width:580px !important;

    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  .hero-sub{
    max-width:540px !important;

    font-size:1.02rem !important;
    line-height:1.8 !important;
  }

  .hero-panel{
    width:100% !important;
    max-width:950px !important;

    height:600px !important;
    min-height:600px !important;

    margin:0 auto !important;
  }

  .carousel-caption{
    left:6% !important;
    right:6% !important;
    bottom:5% !important;
  }

  .hero-buttons{
    gap:28px !important;
  }

  .hero .d-flex.flex-wrap{
    gap:14px !important;
  }
  
}
/* =========================================================
   RESPONSIVE 1751px - 1780px
   Pantalla tipo 1755 x 925
   Evita corte del título
========================================================= */

@media (min-width:1751px) and (max-width:1780px){

  .hero{
    min-height:100vh !important;
    padding-top:105px !important;
    padding-bottom:65px !important;
  }

  .hero .row{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .hero-text-col{
    flex:0 0 40% !important;
    max-width:40% !important;
  }

  .hero-carousel-col{
    flex:0 0 60% !important;
    max-width:60% !important;
    display:flex !important;
    justify-content:center !important;
  }

  .hero-inner{
    padding-left:70px !important;
    padding-right:30px !important;
  }

  .hero-title{
    font-size:4.25rem !important;
    line-height:.98 !important;
    max-width:600px !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  .hero-sub{
    max-width:560px !important;
    font-size:1.03rem !important;
    line-height:1.8 !important;
  }

  .hero-panel{
    width:100% !important;
    max-width:960px !important;
    height:600px !important;
    min-height:600px !important;
    margin:0 auto !important;
  }

  .hero .d-flex.flex-wrap{
    gap:14px !important;
  }

  .hero-buttons{
    gap:28px !important;
  }
}
/* =========================================================
   RESPONSIVE 1040px - 1090px
   Pantalla tipo 1070 x 961
========================================================= */

@media (min-width:1040px) and (max-width:1090px){

  /* HERO */
  .hero{
    min-height:auto !important;
    padding-top:105px !important;
    padding-bottom:80px !important;
  }

  .hero .row{
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }

  .hero-inner{
    max-width:px !important;
    margin:0 auto 45px !important;
    padding:0 40px !important;
    text-align:center !important;
  }

  .hero-kicker,
  .hero-title,
  .hero-sub{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .hero-title{
    font-size:4.5rem !important;
    line-height:.95 !important;
  }

  .hero-sub{
    max-width:640px !important;
    font-size:1rem !important;
    line-height:1.75 !important;
  }

  .hero .d-flex.flex-wrap,
  .hero-buttons{
    justify-content:center !important;
  }

  .hero-panel{
    width:88% !important;
    max-width:760px !important;
    height:500px !important;
    min-height:500px !important;
    margin:0 auto !important;
  }

  /* CAJAS EXPERIENCIA */
  .home-services-container,
  .home-services-left,
  .home-services-right{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .home-services-title,
  .home-services-text{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .home-services-text::before{
    width:560px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .home-services-grid{
    display:grid !important;
    grid-template-columns:repeat(3, 160px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:18px !important;
    margin:42px auto 0 !important;
    padding:0 !important;
  }

  .home-service-card{
    width:160px !important;
    max-width:160px !important;
    min-height:245px !important;
    padding:22px 12px !important;
    margin:0 !important;
  }

  .home-service-card-icon{
    width:66px !important;
    height:66px !important;
    margin-bottom:16px !important;
  }

  .home-service-card-icon i{
    font-size:1.5rem !important;
  }

  .home-service-card h4{
    font-size:.9rem !important;
  }

  .home-service-card p{
    font-size:.74rem !important;
    line-height:1.55 !important;
  }

  /* PROMO */
  .promo-premium-container,
  .promo-premium-row,
  .promo-premium-left,
  .promo-premium-right{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .promo-premium-title,
  .promo-premium-text{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .promo-premium-cards{
    display:grid !important;
    grid-template-columns:repeat(3, 165px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:18px !important;
    margin:45px auto 0 !important;
  }

  .promo-premium-card{
    width:165px !important;
    max-width:165px !important;
    min-height:220px !important;
    padding:70px 14px 20px !important;
  }

  .promo-offer-box{
    width:82% !important;
    max-width:520px !important;
    margin:60px auto 0 !important;
    text-align:center !important;
  }

  /* ESLOGAN */
  .bl-start-box-section{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .bl-start-box{
    width:82% !important;
    max-width:680px !important;
    margin:0 auto !important;
    text-align:center !important;
  }

  /* SIGUIENTE */
  .bl-next-zone{
    min-height:170px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .bl-next-services{
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    margin:0 auto !important;
  }

  /* FOOTER */
  .footer-top{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    gap:34px !important;
    text-align:center !important;
  }

  .footer-brand,
  .footer-info,
  .footer-contact-block{
    width:100% !important;
    padding-left:0 !important;
    margin:0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .footer-brand{
    flex-direction:column !important;
  }

  .footer-brand-text{
    text-align:center !important;
  }

  .footer-social,
  .footer-links{
    justify-content:center !important;
  }
}
/* =========================================================
   RESPONSIVE 1110px - 1160px
   Pantalla tipo 1136 x 961
========================================================= */

@media (min-width:1110px) and (max-width:1160px){

  .hero{
    min-height:auto !important;
    padding-top:105px !important;
    padding-bottom:85px !important;
  }

  .hero .row{
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }

  .hero-inner{
    max-width:820px !important;
    margin:0 auto 45px !important;
    padding:0 42px !important;
    text-align:center !important;
  }

  .hero-kicker,
  .hero-title,
  .hero-sub{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .hero-title{
    font-size:4.6rem !important;
    line-height:.95 !important;
  }

  .hero-sub{
    max-width:660px !important;
    font-size:1rem !important;
    line-height:1.75 !important;
  }

  .hero .d-flex.flex-wrap,
  .hero-buttons{
    justify-content:center !important;
  }

  .hero-panel{
    width:88% !important;
    max-width:820px !important;
    height:520px !important;
    min-height:520px !important;
    margin:0 auto !important;
  }

  .home-services-container,
  .home-services-left,
  .home-services-right,
  .promo-premium-container,
  .promo-premium-row,
  .promo-premium-left,
  .promo-premium-right{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .home-services-grid{
    display:grid !important;
    grid-template-columns:repeat(3, 165px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:20px !important;
    margin:44px auto 0 !important;
    padding:0 !important;
  }

  .home-service-card{
    width:165px !important;
    max-width:165px !important;
    min-height:250px !important;
    padding:22px 12px !important;
    margin:0 !important;
  }

  .promo-premium-cards{
    display:grid !important;
    grid-template-columns:repeat(3, 170px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:20px !important;
    margin:46px auto 0 !important;
  }

  .promo-premium-card{
    width:170px !important;
    max-width:170px !important;
    min-height:220px !important;
    padding:70px 14px 20px !important;
  }

  .promo-offer-box{
    width:82% !important;
    max-width:530px !important;
    margin:60px auto 0 !important;
    text-align:center !important;
  }

  .bl-start-box{
    width:82% !important;
    max-width:700px !important;
    margin:0 auto !important;
    text-align:center !important;
  }

  .bl-next-zone{
    min-height:170px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .bl-next-services{
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    margin:0 auto !important;
  }

  .footer-top{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    gap:34px !important;
    text-align:center !important;
  }

  .footer-brand,
  .footer-info,
  .footer-contact-block{
    width:100% !important;
    padding-left:0 !important;
    margin:0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .footer-brand{
    flex-direction:column !important;
  }

  .footer-brand-text{
    text-align:center !important;
  }

  .footer-social,
  .footer-links{
    justify-content:center !important;
  }
  /* FIX iconos promo + más zoom hero/carrusel */

.hero-title{
  font-size:5rem !important;
  line-height:.94 !important;
}

.hero-kicker{
  font-size:1.95rem !important;
}

.hero-panel{
  width:94% !important;
  max-width:900px !important;
  height:560px !important;
  min-height:560px !important;
}

/* Corrige iconos que tapan el porcentaje */
.promo-premium-card{
  padding-top:88px !important;
}

.promo-premium-icon{
  top:18px !important;
  width:54px !important;
  height:54px !important;
}

.promo-premium-icon i{
  font-size:1.25rem !important;
}

.promo-premium-card strong{
  margin-top:6px !important;
  font-size:2.2rem !important;
  display:block !important;
}
}
/* =========================================================
   RESPONSIVE 930px - 960px
   Pantalla tipo 946 x 898
========================================================= */

@media (min-width:930px) and (max-width:960px){

  /* HERO */
  .hero{
    min-height:auto !important;
    padding-top:105px !important;
    padding-bottom:85px !important;
  }

  .hero .row{
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }

  .hero-inner{
    max-width:760px !important;
    margin:0 auto 42px !important;
    padding:0 38px !important;
    text-align:center !important;
  }

  .hero-kicker,
  .hero-title,
  .hero-sub{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .hero-kicker{
    font-size:1.75rem !important;
    line-height:1.15 !important;
  }

  .hero-title{
    font-size:4.35rem !important;
    line-height:.95 !important;
  }

  .hero-sub{
    max-width:620px !important;
    font-size:1rem !important;
    line-height:1.75 !important;
  }

  .hero .d-flex.flex-wrap,
  .hero-buttons{
    justify-content:center !important;
  }

  .hero-panel{
    width:88% !important;
    max-width:720px !important;
    height:500px !important;
    min-height:500px !important;
    margin:0 auto !important;
  }

  .carousel-caption{
    left:6% !important;
    right:6% !important;
    bottom:5% !important;
  }

  /* EXPERIENCIA */
  .home-services-container,
  .home-services-left,
  .home-services-right{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .home-services-grid{
    display:grid !important;
    grid-template-columns:repeat(3, 150px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:18px !important;
    margin:42px auto 0 !important;
    padding:0 !important;
  }

  .home-service-card{
    width:150px !important;
    max-width:150px !important;
    min-height:235px !important;
    padding:22px 12px !important;
    margin:0 !important;
  }

  .home-service-card-icon{
    width:62px !important;
    height:62px !important;
  }

  /* PROMO */
  .promo-premium-container,
  .promo-premium-row,
  .promo-premium-left,
  .promo-premium-right{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .promo-premium-cards{
    display:grid !important;
    grid-template-columns:repeat(3, 155px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:18px !important;
    margin:44px auto 0 !important;
  }

  .promo-premium-card{
    width:155px !important;
    max-width:155px !important;
    min-height:215px !important;
    padding:78px 12px 18px !important;
  }

  .promo-premium-icon{
    top:18px !important;
    width:52px !important;
    height:52px !important;
  }

  .promo-premium-icon i{
    font-size:1.2rem !important;
  }

  .promo-premium-card strong{
    font-size:2rem !important;
  }

  .promo-offer-box{
    width:82% !important;
    max-width:500px !important;
    margin:58px auto 0 !important;
    text-align:center !important;
  }

  /* ESLOGAN */
  .bl-start-box{
    width:82% !important;
    max-width:650px !important;
    margin:0 auto !important;
    text-align:center !important;
  }

  /* SIGUIENTE */
  .bl-next-zone{
    min-height:165px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .bl-next-services{
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    margin:0 auto !important;
  }

  /* FOOTER */
  .footer-top{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    gap:34px !important;
    text-align:center !important;
  }

  .footer-brand,
  .footer-info,
  .footer-contact-block{
    width:100% !important;
    padding-left:0 !important;
    margin:0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .footer-brand{
    flex-direction:column !important;
  }

  .footer-brand-text{
    text-align:center !important;
  }

  .footer-social,
  .footer-links{
    justify-content:center !important;
  }
}
/* =========================================================
   RESPONSIVE 1160px - 1190px
   Pantalla tipo 1175 x 941
========================================================= */

@media (min-width:1160px) and (max-width:1190px){

  .hero{
    min-height:auto !important;
    padding-top:105px !important;
    padding-bottom:85px !important;
  }

  .hero .row{
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }

  .hero-inner{
    max-width:px !important;
    margin:0 auto 45px !important;
    padding:0 42px !important;
    text-align:center !important;
  }

  .hero-kicker,
  .hero-title,
  .hero-sub{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .hero-title{
    font-size:4.6rem !important;
    line-height:.95 !important;
  }

  .hero-sub{
    max-width:670px !important;
    font-size:1rem !important;
    line-height:1.75 !important;
  }

  .hero .d-flex.flex-wrap,
  .hero-buttons{
    justify-content:center !important;
  }

  .hero-panel{
    width:88% !important;
    max-width:850px !important;
    height:530px !important;
    min-height:530px !important;
    margin:0 auto !important;
  }

  .home-services-container,
  .home-services-left,
  .home-services-right,
  .promo-premium-container,
  .promo-premium-row,
  .promo-premium-left,
  .promo-premium-right{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .home-services-grid{
    display:grid !important;
    grid-template-columns:repeat(3, 170px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:20px !important;
    margin:44px auto 0 !important;
    padding:0 !important;
  }

  .home-service-card{
    width:170px !important;
    max-width:170px !important;
    min-height:250px !important;
    padding:22px 12px !important;
    margin:0 !important;
  }

  .promo-premium-cards{
    display:grid !important;
    grid-template-columns:repeat(3, 175px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:20px !important;
    margin:46px auto 0 !important;
  }

  .promo-premium-card{
    width:175px !important;
    max-width:175px !important;
    min-height:225px !important;
    padding:72px 14px 20px !important;
  }

  .promo-premium-icon{
    top:18px !important;
    width:54px !important;
    height:54px !important;
  }

  .promo-premium-icon i{
    font-size:1.25rem !important;
  }

  .promo-offer-box{
    width:82% !important;
    max-width:540px !important;
    margin:60px auto 0 !important;
    text-align:center !important;
  }

  .bl-start-box{
    width:82% !important;
    max-width:720px !important;
    margin:0 auto !important;
    text-align:center !important;
  }

  .bl-next-zone{
    min-height:170px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .bl-next-services{
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    margin:0 auto !important;
  }

  .footer-top{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    gap:34px !important;
    text-align:center !important;
  }

  .footer-brand,
  .footer-info,
  .footer-contact-block{
    width:100% !important;
    padding-left:0 !important;
    margin:0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .footer-brand{
    flex-direction:column !important;
  }

  .footer-brand-text{
    text-align:center !important;
  }

  .footer-social,
  .footer-links{
    justify-content:center !important;
  }
}
/* =========================================================
   RESPONSIVE 1200px - 1240px
   Pantalla tipo 1224 x 952
========================================================= */

@media (min-width:1200px) and (max-width:1240px){

  .hero{
    min-height:auto !important;
    padding-top:105px !important;
    padding-bottom:85px !important;
  }

  .hero .row{
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }

  .hero-inner{
    max-width:920!important;
    margin:0 auto 46px !important;
    padding:0 45px !important;
    text-align:center !important;
  }

  .hero-kicker,
  .hero-title,
  .hero-sub{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .hero-title{
    font-size:4.7rem !important;
    line-height:.95 !important;
  }

  .hero-sub{
    max-width:680px !important;
    font-size:1rem !important;
    line-height:1.75 !important;
  }

  .hero .d-flex.flex-wrap,
  .hero-buttons{
    justify-content:center !important;
  }

  .hero-panel{
    width:88% !important;
    max-width:880px !important;
    height:540px !important;
    min-height:540px !important;
    margin:0 auto !important;
  }

  .home-services-container,
  .home-services-left,
  .home-services-right,
  .promo-premium-container,
  .promo-premium-row,
  .promo-premium-left,
  .promo-premium-right{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .home-services-grid{
    display:grid !important;
    grid-template-columns:repeat(3, 175px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:20px !important;
    margin:44px auto 0 !important;
    padding:0 !important;
  }

  .home-service-card{
    width:175px !important;
    max-width:175px !important;
    min-height:255px !important;
    padding:22px 12px !important;
    margin:0 !important;
  }

  .promo-premium-cards{
    display:grid !important;
    grid-template-columns:repeat(3, 180px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:20px !important;
    margin:46px auto 0 !important;
  }

  .promo-premium-card{
    width:180px !important;
    max-width:180px !important;
    min-height:230px !important;
    padding:76px 14px 20px !important;
  }

  .promo-premium-icon{
    top:18px !important;
    width:56px !important;
    height:56px !important;
  }

  .promo-premium-icon i{
    font-size:1.25rem !important;
  }

  .promo-offer-box{
    width:82% !important;
    max-width:550px !important;
    margin:60px auto 0 !important;
    text-align:center !important;
  }

  .bl-start-box{
    width:82% !important;
    max-width:730px !important;
    margin:0 auto !important;
    text-align:center !important;
  }

  .bl-next-zone{
    min-height:170px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .bl-next-services{
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    margin:0 auto !important;
  }

  .footer-top{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    gap:34px !important;
    text-align:center !important;
  }

  .footer-brand,
  .footer-info,
  .footer-contact-block{
    width:100% !important;
    padding-left:0 !important;
    margin:0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .footer-brand{
    flex-direction:column !important;
  }

  .footer-brand-text{
    text-align:center !important;
  }

  .footer-social,
  .footer-links{
    justify-content:center !important;
  }
}
/* =========================================================
   RESPONSIVE 1091px - 1115px
   Pantalla tipo 1107 x 957
========================================================= */

@media (min-width:1091px) and (max-width:1115px){

  .hero{
    min-height:auto !important;
    padding-top:105px !important;
    padding-bottom:85px !important;
  }

  .hero .row{
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }

  .hero-inner{
    max-width:980px !important;
    margin:0 auto 45px !important;
    padding:0 40px !important;
    text-align:center !important;
  }

  .hero-kicker,
  .hero-title,
  .hero-sub{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .hero-title{
    font-size:4.5rem !important;
    line-height:.95 !important;
  }

  .hero-sub{
    max-width:650px !important;
    font-size:1rem !important;
    line-height:1.75 !important;
  }

  .hero .d-flex.flex-wrap,
  .hero-buttons{
    justify-content:center !important;
  }

  .hero-panel{
    width:88% !important;
    max-width:800px !important;
    height:520px !important;
    min-height:520px !important;
    margin:0 auto !important;
  }

  .home-services-container,
  .home-services-left,
  .home-services-right,
  .promo-premium-container,
  .promo-premium-row,
  .promo-premium-left,
  .promo-premium-right{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .home-services-grid{
    display:grid !important;
    grid-template-columns:repeat(3, 165px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:20px !important;
    margin:44px auto 0 !important;
    padding:0 !important;
  }

  .home-service-card{
    width:165px !important;
    max-width:165px !important;
    min-height:250px !important;
    padding:22px 12px !important;
    margin:0 !important;
  }

  .promo-premium-cards{
    display:grid !important;
    grid-template-columns:repeat(3, 170px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:20px !important;
    margin:46px auto 0 !important;
  }

  .promo-premium-card{
    width:170px !important;
    max-width:170px !important;
    min-height:225px !important;
    padding:72px 14px 20px !important;
  }

  .promo-premium-icon{
    top:18px !important;
    width:54px !important;
    height:54px !important;
  }

  .promo-premium-icon i{
    font-size:1.25rem !important;
  }

  .promo-offer-box{
    width:82% !important;
    max-width:530px !important;
    margin:60px auto 0 !important;
    text-align:center !important;
  }

  .bl-start-box{
    width:82% !important;
    max-width:700px !important;
    margin:0 auto !important;
    text-align:center !important;
  }

  .bl-next-zone{
    min-height:170px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .bl-next-services{
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    margin:0 auto !important;
  }

  .footer-top{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    gap:34px !important;
    text-align:center !important;
  }

  .footer-brand,
  .footer-info,
  .footer-contact-block{
    width:100% !important;
    padding-left:0 !important;
    margin:0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .footer-brand{
    flex-direction:column !important;
  }

  .footer-brand-text{
    text-align:center !important;
  }

  .footer-social,
  .footer-links{
    justify-content:center !important;
  }
}
/* =========================================================
   RESPONSIVE 1180px - 1210px
   Pantalla tipo 1193 x 957
========================================================= */

@media (min-width:1180px) and (max-width:1210px){

  .hero{
    min-height:auto !important;
    padding-top:105px !important;
    padding-bottom:85px !important;
  }

  .hero .row{
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .hero-text-col,
  .hero-carousel-col{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }

  .hero-inner{
    max-width:1040px !important;
    margin:0 auto 45px !important;
    padding:0 44px !important;
    text-align:center !important;
  }

  .hero-kicker,
  .hero-title,
  .hero-sub{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .hero-title{
    font-size:4.65rem !important;
    line-height:.95 !important;
  }

  .hero-sub{
    max-width:680px !important;
    font-size:1rem !important;
    line-height:1.75 !important;
  }

  .hero .d-flex.flex-wrap,
  .hero-buttons{
    justify-content:center !important;
  }

  .hero-panel{
    width:88% !important;
    max-width:850px !important;
    height:535px !important;
    min-height:535px !important;
    margin:0 auto !important;
  }

  .home-services-container,
  .home-services-left,
  .home-services-right,
  .promo-premium-container,
  .promo-premium-row,
  .promo-premium-left,
  .promo-premium-right{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .home-services-grid{
    display:grid !important;
    grid-template-columns:repeat(3, 170px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:20px !important;
    margin:44px auto 0 !important;
    padding:0 !important;
  }

  .home-service-card{
    width:170px !important;
    max-width:170px !important;
    min-height:255px !important;
    padding:22px 12px !important;
    margin:0 !important;
  }

  .promo-premium-cards{
    display:grid !important;
    grid-template-columns:repeat(3, 175px) !important;
    justify-content:center !important;
    justify-items:center !important;
    gap:20px !important;
    margin:46px auto 0 !important;
  }

  .promo-premium-card{
    width:175px !important;
    max-width:175px !important;
    min-height:225px !important;
    padding:72px 14px 20px !important;
  }

  .promo-premium-icon{
    top:18px !important;
    width:54px !important;
    height:54px !important;
  }

  .promo-premium-icon i{
    font-size:1.25rem !important;
  }

  .promo-offer-box{
    width:82% !important;
    max-width:540px !important;
    margin:60px auto 0 !important;
    text-align:center !important;
  }

  .bl-start-box{
    width:82% !important;
    max-width:720px !important;
    margin:0 auto !important;
    text-align:center !important;
  }

  .bl-next-zone{
    min-height:170px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .bl-next-services{
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    margin:0 auto !important;
  }

  .footer-top{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    gap:34px !important;
    text-align:center !important;
  }

  .footer-brand,
  .footer-info,
  .footer-contact-block{
    width:100% !important;
    padding-left:0 !important;
    margin:0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .footer-brand{
    flex-direction:column !important;
  }

  .footer-brand-text{
    text-align:center !important;
  }

  .footer-social,
  .footer-links{
    justify-content:center !important;
  }
}
/* =========================================================
   iPhone XR - 414px
   Fondo más alejado / menos zoom
========================================================= */

@media (min-width:400px) and (max-width:430px){

  .hero,
  .hero-section,
  .hero-slide,
  .carousel-item{
    overflow:hidden !important;
  }

  .hero-slide img,
  .hero-image,
  .carousel-item img{
    object-fit:cover !important;

    /* MÁS ALEJADA */
    transform:scale(2) !important;

    /* REPOSICIONA LA FOTO */
    object-position:center center !important;
  }

  /* OSCURECIDO MÁS SUAVE */
  .hero-overlay{
    background:rgba(0,0,0,.38) !important;
  }
}
/* =========================================================
   HEADER ACTIVO EN VERDE LIMA
========================================================= */

/* LINK ACTIVO */
.navbar .nav-link.active,
.navbar .nav-link.activo,
.navbar .nav-link[aria-current="page"]{

    color: #b8ff2c !important;

    text-shadow:
    0 0 8px rgba(184,255,44,.7),
    0 0 18px rgba(184,255,44,.45);

    position: relative;
}

/* RAYA INFERIOR */
.navbar .nav-link.active::after,
.navbar .nav-link.activo::after,
.navbar .nav-link[aria-current="page"]::after{

    content: "";

    position: absolute;
    left: 50%;
    bottom: -8px;

    transform: translateX(-50%);

    width: 65%;
    height: 2px;

    background: #b8ff2c;

    box-shadow:
    0 0 10px rgba(184,255,44,.9),
    0 0 18px rgba(184,255,44,.5);

    border-radius: 20px;
}