:root {
  --color-1: #172c85;
  --color2: #2bb5e6;
  --body: #0F1F1F;
  --black: #000;
  --white: #fff;
  --header: #161616;
  --text: #49515B;
  --border: #49515b4d;
  --bg: #F8F8F8;
  --bg-2: #000;
  --box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
}



/*#chatWidget .chat-ventas .chat-button {bottom:100px !important;z-index:99999999999999 !important;}*/
/*#chatWidget .chat-ventas .chat-panel {bottom:200px !important;}*/



#larespuesta .respuesta2 .mitad:nth-child(2) img{
    position:sticky;
    top:150px;
    max-width:100%;
}

#larespuesta .respuesta2 .mitad:nth-child(2){
    height:100%;
}


#resultado .mt30.mb10{
    grid-template-columns:100% !important;


}

#resultado .mt30.mb10 h3{
    font-size:23px !important;
    color:var(--color-1);
    margin-top:20px !important;
    margin-bottom:20px !important;

}


.nuevo-paso-2 input{
    padding:5px 10px !important;
}


.nuevo-paso-2 i{
    width:35px !important;
    height:35px !important;
}


.paso-nuevo form, .paso-nuevo .sec-info{
 
    border: 1px solid rgba(255,255,255,0.6);
    box-shadow: 
        0 35px 80px -12px rgba(0,0,0,0.18),
        0 15px 35px rgba(0,0,0,0.10);
}




.paso-nuevo .form-clt i{
    position:absolute;
    left:0px;
    top:0px;
}

.paso-nuevo form input, .paso-nuevo form textarea{
    background:transparent !important;
    border:0px !important;
    
}

.paso-nuevo form  label{
    font-family: "Instrument Sans", sans-serif;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
    color: var(--text);
}

.paso-nuevo .form-clt{
    background-color:#f2f1ef;
    padding:20px 15px;
    border-radius:10px;
    display:grid;
    grid-template-columns:80px 1fr;
    grid-template-rows:auto auto;
    align-items:center;
    column-gap:10px;
}

.paso-nuevo .nano-conatct-box-item  .form-clt i{
    grid-column:1;
    grid-row:1 / span 2;
    bottom:auto !important;
    top:0px !important;
    color:var(--color-1) !important;
    background-color: rgb(23 44 133 / 10%);
}

.paso-nuevo .nano-contact-wrapper .nano-conatct-box-item .form-clt  label{
    grid-column:2;
    grid-row:1;
}

.paso-nuevo .nano-contact-wrapper .nano-conatct-box-item .form-clt input, .paso-nuevo .nano-contact-wrapper .nano-conatct-box-item .form-clt textarea, .paso-nuevo .nano-contact-wrapper .nano-conatct-box-item .form-clt .item-c{
    grid-column:2;
    grid-row:2;
    padding:0px !important;
    border-radius:0px !important;
}


.paso-nuevo .nano-contact-wrapper .nano-conatct-box-item .form-clt textarea{
    padding-bottom:10px !important;
    padding-top:10px !important;
}

.paso-nuevo .nano-contact-wrapper .nano-conatct-box-item .form-clt textarea i{
    top:0px !important;
}


.pago-linea-2.paso-nuevo .row .col-lg-12:nth-last-child(2) i {top:0px !important;}


.title-icon{
    display:flex !important;
    flex-direction:row !important;
    align-items:center;
    gap:20px;
}






#formulariopag{
    display:none !important;
}






.d-p .footer-section{
    padding-top:0px !important;
}


.img-cancelado img{
    width:100%;
}


.mt {
  margin-top: 100px;
}

.mb {
  margin-bottom: 100px;   
}
  
.pt {
  padding-top: 100px;
}

.pb {
  padding-bottom: 100px;
}


p a:hover{
    color:var(--color-1);
    transition:all ease 0.4s;
}

p span.br{
    display:block;
}

#google_translate_element {
    display:none !important;
}

/* BOTÓN Y PANEL */
#a11y-toggle {
  position: fixed;
  top: 140px;
  left: 10px;
  z-index: 999999;
  background: var(--color-1);
  border: 1px solid #ffffff;
  padding: 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 18px;
  width:50px;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: box-shadow ease 0.3s;
}

#a11y-toggle:hover,
#a11y-toggle:focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 22px 8px rgba(43, 181, 230, 1);
}

.title-accesibilidad{
    font-size:22px;
    margin-bottom:20px;
}

#a11y-toggle i{
    color:white;
    font-size:28px;
}

#a11y-panel {
  position: fixed;
  top: 190px;
  left: 10px;
  width: 400px;
  background: white;
  border-radius: 6px;
  padding: 15px;
  box-shadow: 0 5px 15px rgba(0,0,0,.25);
  z-index: 999999;
}

#a11y-panel .buttons{
    display: grid;
    grid-template-columns: 48% 48%;
    gap: 10px;
    row-gap:20px
}

#a11y-panel .button-r{
    background: var(--color-1);
    color:white;
    padding: 8px 10px;
}

#a11y-panel .button-r:hover{
    background-color: var(--color2);
    transition:all ease 0.4s;
}

#a11y-panel .label{
        overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    text-align:center;
    line-height:normal;
}

#a11y-panel button {
    width: 100%;
    margin-bottom: 3px;
    padding: 18px 10px;
    border-radius: 10px;
    cursor: pointer;
    text-align: left;
    font-size: 17px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style: ce;
    align-items: center;
    gap: 5px;
    border: 1px solid var(--color-1);
}


#a11y-panel button:hover{
    background: var(--color-1);
    color:white;
    transition:all ease 0.4s;
}


.secc-informacion img {max-width:100%;}

/*#imgPrincipal {position:relative;}*/
/*#imgPrincipal .container{padding-top:60px;padding-bottom:60px;display:flex;align-items:center;justify-content:flex-start;position:relative;position:relative;z-index:5;}*/
/*#imgPrincipal::before {position:absolute;top:0px;bottom:0px;left:0px;right:0px;width:100%;height:100%;background-color:black;content:"";opacity:0.5;}*/

/*.secc-informacion {margin-top:60px;}*/
/*.secc-informacion h2, .secc-informacion h2 a {color:var(--color-1) !important;font-size:38px;margin-bottom:30px;}*/
/*.secc-informacion h2 a:hover {color:var(--color2) !important;}*/
/*.secc-informacion p {text-align: justify !important;}*/
/*img.imgseo {height: 715px;}*/
/*.secc-informacion h3, .secc-informacion h3 a {color:black !important;font-size:28px;margin-bottom:20px;}*/
/*.secc-informacion h3 a:hover {color:var(--color2) !important;}*/
/*.secc-informacion  .btngreen3, .secc-informacion  .btngreen2 {display:flex;align-items:center;justify-content:center;position: relative;z-index: 2; overflow: hidden; vertical-align: middle;display: inline-block;border: none;text-transform: capitalize;text-align: center;border-radius: 30px;background: var(--color-1);font-family: Instrument Sans;color: var(--white);font-size: 18px;font-weight: 500; line-height: 1;padding: 16px 20px;letter-spacing: -0.18px;}*/
/*.secc-informacion  .btngreen2 {background-color: transparent; color: var(--black);border: 1px solid var(--color2);}*/
/*.secc-informacion  .btngreen3 {margin-right:20px;}*/

#imgPrincipal h2 a {color:white !important;}
#imgPrincipal h2::before {color:white !important;}
#imgPrincipal .breadcrums p a, #imgPrincipal .breadcrums p  {color:white !important;}
#imgPrincipal .breadcrums p a:hover {color:var(--color2) !important;transition:all ease 0.4s;}
.secc-ofrecemos h2, .secc-informacion h2, .secc-informacion h2 a, .secc-ofrecemos h2 a{color:#007CA8 !important;}
.paginas-web h3, .secc-informacion h3 {font-size:24px !important;font-weight:400 !important;}
.paginas-web h1, .paginas-web h1 a {line-height:normal !important;font-size:30px;}
.secc-tecnologiaweb, .secc-informacion  {background-color:white !important;}


/* MODOS VISUALES */
html.high-contrast { filter: contrast(1.4); }
html.grayscale { filter: grayscale(1); }

/* ICONO DEL NARRADOR */
#voice-cursor {
  position: fixed;
  pointer-events: none;
  font-size: 22px;
  display: none;
  z-index: 9999999;
}

html.underline-links a,
html.underline-links a:visited,
html.underline-links a:hover {
  text-decoration: underline !important;
}

/* RESALTAR FOCO TECLADO */
html.focus-highlight :focus {
  outline: 3px solid #ff9800 !important;
  outline-offset: 2px;
}

html.focus-highlight :focus-visible {
  outline: 3px solid #ff9800 !important;
  outline-offset: 2px;
}


/* ESPACIADO DE TEXTO */
html.text-spacing {
  letter-spacing: 0.12em;
  word-spacing: 0.16em;
  line-height: 1.8;
}

/* FUENTE LEGIBLE */

html.readable-font,
html.readable-font body,
html.readable-font * {
  font-family: Arial, Verdana, Tahoma, sans-serif !important;
}



/* CONTRASTE NEGATIVO */
html.negative-contrast {
  filter: invert(1) hue-rotate(180deg);
}

/* Evitar que imágenes y videos se vean raros */
html.negative-contrast img,
html.negative-contrast video {
  filter: invert(1) hue-rotate(180deg);
}




html.readable-font i,
html.readable-font i::before,
html.readable-font i::after,
html.readable-font .fa,
html.readable-font [class^="fa-"],
html.readable-font [class*=" fa-"] {
     font-family: "Font Awesome 6 Pro" !important;
}

html.readable-font .fa-brands,
html.readable-font .fa-brands::before,
html.readable-font .fa-brands::after{
    font-family: "Font Awesome 6 Brands" !important;

}


.btn-1 {
  position: relative;
  z-index: 2;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  border: none;
  text-align: center;
  border-radius: 30px;
  background: var(--color-1);
  font-family: Instrument Sans;
  color: var(--white);
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  padding: 16px 20px;
  letter-spacing: -0.18px;
}


.nano-faq-wrapper .col-lg-7 ul, .nano-faq-wrapper .col-lg-12 ul{
    padding-left:28px;
}

.nano-faq-wrapper .col-lg-7 ul li , .nano-faq-wrapper .col-lg-12 ul li a, .nano-faq-wrapper .col-lg-12 ul li{
    color:black;
    list-style-type:disc;
}

.nano-faq-wrapper .col-lg-7 ul li a:hover {
    color:var(--color2);
    transition:all ease 0.4s;
}


.field-error {
    border: 2px solid #e63946 !important;
    background-color: #fff5f5;
}



form.was-submitted input:required:invalid,
form.was-submitted select:required:invalid,
form.was-submitted textarea:required:invalid {
    border: 3px solid #e63946 !important;
    background-color: #fff5f5 !important;
}


.error-message {
    color: #e63946;
    font-size: 0.85rem;
    margin-top: 4px;
}


.sec-text a:hover{
    color:var(--color-1) ;
    transition:all ease 0.4s;
}

.nano-faq-wrapper .col-lg-7 h3,
.nano-faq-wrapper .col-lg-12 h3{
    font-size:28px;
}

.main-bg {
  background-color: var(--color-1);
}

.btn-t {
  background-color: transparent;
  color: var(--black);
  border: 1px solid var(--color2);

}

.btn-1 i {
  margin-left: 5px;
  transform: rotate(-40deg);
  transition: all 0.4s ease-in-out;
}

.btn-2 {
  background-color: var(--color2);
  color: white;
}

.btn-2::before {
  background-color: var(--color-1);
}

.btn-1::before {
  content: "";
  position: absolute;
  height: 100%;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: var(--color2);
  z-index: -1;
  transition: all 0.4s ease-out;
  border-radius: inherit;
}

.btn-1:hover {
  color: var(--white);
  box-shadow: none;
}

.btn-1:hover i {
  transform: rotate(0);
}

.btn-1:hover::before {
  width: 100%;
}

/* "Ver proyectos" (diseno-paginas-web): degradado con los dos azules institucionales, para distinguirse de los demás botones */
.btn-proyectos {
  background: linear-gradient(135deg, var(--color-1) 0%, #1f5bb5 55%, var(--color2) 100%);
  box-shadow: 0 8px 20px -8px rgba(23, 44, 133, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.18);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.btn-proyectos::before {
  background-color: var(--color-1);
}
.btn-proyectos:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px -10px rgba(23, 44, 133, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}
.btn-proyectos i {
  transform: none;
}
.btn-proyectos:hover i {
  animation: btn-proyectos-flecha 0.8s ease-in-out infinite;
}
@keyframes btn-proyectos-flecha {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(3px); }
}

@media (max-width: 767px) {
  .btn-1 {
    padding: 18px 32px;
  }
}

.s-h h2 {
    text-align:center;
}

.s-h h2 a:hover{
    color:var(--color-1);
    transition:all ease 0.4s;
}


.s-h .card-oservice img{
    max-width:350px;
    border-radius:15px;
}



.nano-link-btn {
  font-size: 19px;
  font-weight: 600;
  display: inline-block;
  font-family: "Instrument Sans", sans-serif;
  text-transform: capitalize;
  color: var(--header);
  border-bottom: 1px solid var(--header);
  margin-bottom: 20px;
}

.nano-link-btn i {
  transform: rotate(-40deg);
  transition: all 0.4s ease-in-out;
  font-weight: 400;
  margin-left: 8px;
}

.nano-link-btn.nano-style-2 {
  color: var(--white);
  border-color: var(--white);
}



.nano-link-btn.nano-style-2:hover {
  color: var(--color2) !important;
  border-color: var(--color2);
}


.nano-link-btn.nano-style-2 a:hover {
  color: var(--color) !important;
}

.nano-link-btn:hover {
  color: var(--color-1) !important;
  border-bottom: 1px solid var(--color-1);
}

.nano-link-btn:hover i {
  transform: rotate(0);
}

/* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
body {
  font-family: "Instrument Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: var(--text);
  background-color: var(--white);
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

button {
  border: none;
  background-color: transparent;
  padding: 0;
}

input:focus {
  color: var(--text);
  outline: none;
}

input {
  color: var(--text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Instrument Sans", sans-serif;
  margin: 0px;
  padding: 0;
  color: var(--black);
  /* transition: all 0.4s ease-in-out; */
}

h2 span {
  color: var(--color2);
}

h3 span {
  color: var(--color2);
}


h2 a:hover span,
h3 a:hover span{
     color: var(--color-1) !important;
     transition:all ease 0.4s;
}

h1 {
  font-size: 140px;
  font-weight: 600;
  line-height: 108%;
}

@media (max-width: 1199px) {
  h1 {
    font-size: 60px;
  }
}

@media (max-width: 991px) {
  h1 {
    font-size: 55px;
  }
  .response .respuesta2, .response .respuesta1{
      grid-template-columns: 100% !important;
      width:100% !important;
      padding: 50px 0px !important;
  }
  
  #larespuesta .respuesta2 .mitad:nth-child(2) img{
      max-width:300px;
      margin:0 auto;
      margin-top:50px;
  }
  
  #larespuesta .respuesta2 .mitad:nth-child(2){
      display:flex;
      align-items:center;
      justify-content:center;
  }
  
  #resultado .mt30.mb10 h3{
      font-size:20px !important;
  }
  
  
  
  
}

@media (max-width: 767px) {
  h1 {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  h1 {
    font-size: 40px;
  }
}

h2 {
  font-size: 66px;
  font-weight: 600;
  line-height: 113%;
}

@media (max-width: 1600px) {
  h2 {
    font-size: 70px;
  }
}

@media (max-width: 1199px) {
  h2 {
    font-size: 55px;
  }
}

@media (max-width: 991px) {
  h2 {
    font-size: 50px;
  }
}

@media (max-width: 767px) {
  h2 {
    font-size: 40px;
  }
}

@media (max-width: 575px) {
  h2 {
    font-size: 30px;
  }
}

@media (max-width: 470px) {
  h2 {
    font-size: 30px;
  }
}

h3 {
  font-size: 50px;
  font-weight: 600;
  line-height: 123%;
}

@media (max-width: 1199px) {
  h3 {
    font-size: 35px;
  }
}

@media (max-width: 767px) {
  h3 {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 28px;
  font-weight: 600;
  line-height: 136%;
}

@media (max-width: 1199px) {
  h4 {
    font-size: 22px;
  }
}

@media (max-width: 575px) {
  h4 {
    font-size: 20px;
  }
}

h5 {
  font-size: 24px;
  font-weight: 600;
}

@media (max-width: 575px) {
  h5 {
    font-size: 20px;
  }
}

h6 {
  font-size: 16px;
  font-weight: 600;
}

a {
  text-decoration: none;
  outline: none !important;
  cursor: pointer;
  color: var(--header);
  transition: all 0.4s ease-in-out;
}

p {
  /* margin: 0px; */
  transition: all 0.4s ease-in-out;
  line-height: 30px;
  color:black;
}

/* span {
  margin: 0px;
  transition: all 0.4s ease-in-out;
} */

.nano-about-wrapper .nano-about-content .text {
  margin-top: 25px;
  max-width: 680px;
}



.nano-about-wrapper .nano-about-item .nano-about-image {
  margin-bottom: 10px;
}

@media (max-width: 1199px) {
  .nano-about-wrapper .nano-about-item .nano-about-image {
    margin-bottom: 30px;
  }
}

.nano-about-wrapper .nano-about-item .nano-about-image img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.nano-about-wrapper .nano-about-item .nano-count-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 60px;



}

@media (max-width: 991px) {
  .nano-about-wrapper .nano-about-item .nano-count-item {
    flex-wrap: wrap;
    gap: 30px;
  }
}

@media (max-width: 991px) {
  .nano-about-wrapper .nano-about-item .nano-count-item .nano-count h2 {
    font-size: 40px;
  }
}

.nano-about-wrapper .nano-about-item .nano-count-item .nano-count p {
  max-width: 100%;
  margin-top: 5px;
}



.nano-about-wrapper .nano-about-item .nano-count-item .nano-count.style-2 {
  position: relative;
}

.nano-about-wrapper .nano-about-item .nano-count-item .nano-count.style-2::before {
  content: "";
  background-color: gray;
  width: 2px;
  height: 150px;
  position: absolute;
  right: 30px;
  display: block;
  top: 0px;
  bottom: 0px
}

.nano-about-section .nano-hero-video-wrapper iframe {
  top: 0px !important;

}



.nano-about-wrapper .nano-about-item .nano-count-item .nano-count h2,
.nano-about-wrapper .nano-about-item .nano-count-item .nano-count h2 span {
  color: var(--color-1) !important;
  font-size: 50px;
}

.nano-about-wrapper .nano-about-item .nano-count-item .nano-count:last-child {
  margin-left: auto;

}


.valores .nano-content img {
  width: auto !important;
}

.valores .nano-content {
  padding: 40px 30px;
}

.valores .nano-content h4 {
  text-align: left !important;
}

.valores .nano-content p {
  color: var(--text) !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
}


.valores .nano-service-cards-items-3 {
  background-color: white;
}


.valores .nav {
  position: absolute;
  top: 40%;
  z-index: 999;
  width: 100%;
  display: flex;
  justify-content: space-between !important;

}

.valores .nav .array-prev {
  left: -50px;
  position: relative;

}

.valores .nav .array-next {
  right: -20px;
  position: relative;
}

.valores .nav .array-prev:hover,
.valores .nav .array-next:hover {
  color: var(--color2);
  transition: all ease 0.4s;
}

.valores .container {
  position: relative;
}


.formas-p .row {
  align-items: stretch;
}

.formas-p .bank-card {
  background-color: #f6f6f6;
  padding: 20px 50px;
  height: 100%;
}

.formas-p .bank-card .bank-card-header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
}




.formas-p .bank-card .bank-card-header .btn-1 {
  padding: 18px 25px !important;
  font-weight: bold;
}

.formas-p .bank-card .bank-card-header .btn-1::before {
  display: none;
}

.formas-p .bank-card .bank-card-header .btn-1:hover {
  background-color: var(--color-1);
  cursor: auto;
}

.formas-p  .btn-e::before {
    display:inline-block;
    background-color: var(--color-1);
    
}



.formas-p .bank-card .bank-card-body {
  margin-top: 45px;
}

.formas-p .bank-card .bank-card-body div {
  border-top: 1px solid rgba(128, 128, 128, 0.5);
  display: flex;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 18px;
  color: black;
  flex-wrap:wrap;
}

.formas-p .bank-card .bank-card-body div .bank-info-title {
  font-weight: bold;
}

.formas-p .bank-card .bank-card-body div span:first-child {
  margin-right: 10px;
}

.formas-p .bank-card .bank-card-body img {
  width: 100%;
  max-width: 100%;
}

.formas-p .bank-card .bank-card-body div.d-flex p {
  text-align: center;
  font-weight: 500;
}


.formas-p .bank-card .bank-card-body ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.formas-p .bank-card .bank-card-body ul li {
  padding: 0px 10px;
}


.pago-linea .d-flex ul {
  display: flex;
  flex-direction: row;
  gap: 35px;
}

.pago-linea form .nice-select {
  width: 100%;
  border-radius: 40px;
  font-size: 20px;
  padding: 10px 20px;
  height: 100%;
  padding-left: 70px;
  border: 1px solid rgba(51, 51, 51, 0.5);
  color: var(--header);
}


.pago-linea form .nice-select i {
  width: 58px;
  height: 58px;
  position: absolute;
  top: 2px;
  background-color: #ebebeb;
  left: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 25px;
  color: #9c9c9c;
}


.pago-linea ul li span {
  background-color: var(--color-1);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 28px;
}

.pago-linea ul li span.selected {
  background-color: var(--color2);
}

.pago-linea .container .section-title {
  align-items: center !important;

}


.pago-linea-2 {
  background-color: #f6f6f6;
}


.pago-linea-2 form, .pago-linea-2 .sec-info{
  background-color: white;
  padding: 50px 100px;
  border-radius: 20px;
}

.pago-linea-2 .sec-info .col-lg-12{
    margin-top: var(--bs-gutter-y);
}

.pago-linea-2 .sec-info .col-lg-12:first-child{
    margin-top:0px !important;
}



.pago-linea-2 form h4, .pago-linea-2 .sec-info  h4 {
  color: var(--color-1);
  text-align: center;
  font-weight: bold;
  font-size: 45px;
  margin-bottom: 20px;
}

.pago-linea-2 .contact-btn {
  gap: 15px;
}

.pago-linea-2 .contact-btn a,
.pago-linea-2 .contact-btn button {
  padding: 18px 40px !important;

}

.c-s .nice-select{
    width:100%;
    border: 1px solid rgba(51, 51, 51, 0.5);
    border-radius: 40px;
    font-size:20px;
    color:black;
    padding-left:30px;
}

.c-s .nice-select:hover{
    cursor:default !important;
}

.c-s .nice-select .list{
    display:none;
}


.c-s .nice-select::after{
    display:none;
}



@media (max-width: 1600px) {
  .nano-about-wrapper .nano-about-item .nano-count-item .nano-count.style-2 {
    border-right: none;
    padding-right: 0;
  }
}

@-webkit-keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}

@keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}

@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rounded {
  50% {
    transform: rotate(15deg);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes letters-loading {

  0%,
  75%,
  100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

@keyframes letters-loading {

  0%,
  75%,
  100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

@keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes tpswing {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes width {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes width {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes loaderpulse {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.2);
  }
}

@keyframes rounded {
  50% {
    transform: rotate(20deg);
  }
}

@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

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

  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}

@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

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

  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}

@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(30px);
  }

  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}

@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}

@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }

  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }

  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}

@keyframes criss-cross-right {
  0% {
    right: -20px;
  }

  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }

  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}

@keyframes rotated2 {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(-360deg);
  }
}

@keyframes wave {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-25%);
  }

  100% {
    transform: translateX(-50%);
  }
}

/*img-animation**********************/
.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.img-custom-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes img-anim-bottom {
  0% {
    transform: translateY(5%);
    clip-path: inset(100% 0 0 0);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes moving {
  0% {
    transform: translatey(0px);
  }

  20% {
    transform: translateX(-50px);
  }

  50% {
    transform: translatey(-40px);
  }

  100% {
    transform: translatey(0px);
  }
}

@keyframes translateX2 {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  100% {
    -webkit-transform: translatXY(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes translateY2 {
  0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes arryLeftRight {
  0% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(10px);
  }
}

@keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }

  to {
    -webkit-mask-position: -50%;
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

@keyframes scrolly {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-60%);
  }
}

@keyframes scrolls {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(100%);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


.clientes-i .c-cliente{
    border:1px solid var(--color-1);
    height:100%;
    border-radius:15px;
    padding:25px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.clientes-i .c-cliente img{
    max-width:100%;
    max-height:80px;
}

.nano-our-process-section {
  background-color: white;
}

.nano-our-process-section #show-more-btn {
  background-color: transparent;
  color: var(--color-1);
  font-size: 30px;
}


.nano-our-process-section #show-more-btn:hover {
  background-color: var(--color2);
  color: white;
  transition: all ease 0.4s;
}


.nano-hero-video-wrapper iframe {
  position: absolute !important;
  top: -25% !important;
}


.bg-t {
  background-color: transparent !important;
}

.nano-our-process-section h2 {
  color: var(--black);
}

.nano-our-process-section h2 span {
  color: var(--color2);
}

.nano-our-process-section h5 {
  color: var(--black);
}

.nano-our-process-section p {
  color: black;
  width: 85%;
}


.nano-our-process-section .col-lg-6 {
  position: relative;
}


.contact h3 {
  color: black;
  font-size: 24px;
  font-weight: 600;
}





.nano-our-process-section .contact a span i {
  transform: none;
}




.nano-our-process-section .col-lg-6 .nano-process-card-item:last-child {
  margin-bottom: 0px;
}

.nano-counter-wrapper {
  margin-top: 30px;
}

.nano-counter-wrapper .nano-counter-image {
  height: 100% !important;

}

/* .nano-counter-wrapper .nano-counter-image iframe {
  border-radius: 20px !important;
} */


.nano-counter-wrapper .nano-counter-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;

}

.nano-counter-wrapper .nano-counter-box {

  background-color: var(--color2);
  padding: 30px 100px;
  width: 100%;
  padding-top: 40px;
  max-width: 85%;
  /* height: fit-content; */
  border-radius: 15px;
}



.image-wrapper2 {
  position: relative;
  height: 450px;
  /* altura inicial del hero */
  overflow: hidden;
}

.image-wrapper2 {
  position: relative;
  height: 450px;
  overflow: hidden;
}

.img-h {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nano-hero-video-wrapper iframe.img-p {
  /*opacity: 0;*/
  top: 0 !important;
}


.img-rod {

    position: absolute; 
    top: 0; 
    left: 0;

    width: 100%; 
    height: 100%; 
    object-fit: cover; 
}

.nano-counter-image {
  position: relative;
  height: 400px;
  /* tamaño final donde se incrusta */
  overflow: hidden;
}

.img-p {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  /* Oculta al inicio */
  transform: scale(1.2);
  /* Le da efecto de profundidad */
}






/* .hero-img2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    z-index: 10;
    pointer-events: none;
} */



.nano-counter-wrapper .nano-counter-box h2 span {
  color: var(--white) !important;
  font-size: 60px;
}


@media (max-width: 1199px) {
  .nano-counter-wrapper .nano-counter-box {
    width: initial;
    height: initial;
  }
}

.nano-counter-wrapper .nano-counter-box .nano-counter-item {
  border-bottom: 1px solid var(--white);
  padding-bottom: 15px;
  margin-bottom: 10px;
}

.nano-counter-wrapper .nano-counter-box .nano-counter-item.nano-style-2 {


  margin-bottom: 0;
}

.nano-counter-wrapper .nano-counter-box .nano-counter-item h2 {
  color: var(--bg);
}

.nano-counter-wrapper .nano-counter-box .nano-counter-item p {
  color: var(--white);
  font-size: 24px;
  font-weight: 600;
}

.nano-feature-logo-wrapper {
  position: relative;
}

.nano-feature-logo-wrapper .nano-right-content p {
  max-width: 672px;
  color: #333;
  margin-bottom: 40px;
}

@media (max-width: 1199px) {
  .nano-feature-logo-wrapper .nano-right-content p {
    font-size: 16px;
  }
}

.nano-feature-logo-wrapper .nano-right-content .nano-link-btn {
  margin-bottom: 50px;
}

.nano-feature-logo-wrapper .nano-shape {
  position: absolute;
  top: 47%;
  right: 2%;
}

@media (max-width: 1199px) {
  .nano-feature-logo-wrapper .nano-shape {
    display: none;
  }
}






.btn-g {
  border: 1px solid var(--color-1);
  padding: 15px 15px !important;
  border-radius: 30px;
  font-size: 24px;
  font-weight: bold;
  color: white;
}

.btn-g i {
  transform: none;
}


.nano-feature-logo-section .section-title .btn-1 i {
  margin-left: 5px;
  transform: none;
  transition: all 0.4s ease-in-out;
}

.nano-feature-logo-section .info-contact h3 {
  font-size: 23px;
  font-weight: bold;
  display: block;
  padding-bottom: 15px;
  border-bottom: 1px solid gray;
  margin-bottom: 20px;
  margin-top: 20px;
}

.nano-feature-logo-section .info-contact ul li:first-child h4 {
  margin-top: 0px;
}


.nano-feature-logo-section .info-contact ul li ul li div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 14px;
}


.nano-feature-logo-section .info-contact ul li ul li address {
  color: black;
}

.nano-feature-logo-section .info-contact ul li ul li address span {
  font-weight: bold;
}

.nano-feature-logo-section .info-contact ul li ul li p {
  color: black;
}

.nano-feature-logo-section .info-contact ul li ul li {
  margin-bottom: 12px;
}

.nano-feature-logo-section .info-contact p span {
  font-weight: bold;
}



.nano-feature-logo-section .info-contact ul li ul li:last-child {
  border-bottom: 1px solid gray;
  padding-bottom: 20px;
}


.nano-feature-logo-section .info-contact ul li ul li a {
  padding: 5px 15px;
  height: 100%;
  min-height: 100%;
  line-height: normal;
  font-weight: 600;
}

.nano-feature-logo-section .info-contact ul li ul li a {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}


.nano-feature-logo-section .info-contact ul li ul li.address address{
    width:50%;
}


.nano-feature-logo-section .info-contact ul li span.br{
    display:block;
    font-weight:500;
    width:60%;
}

.nano-contact-wrapper .nano-conatct-box-item {

  padding: 50px 50px;

}


.nano-conatct-box-item .form-clt {
  position: relative;
}

.nano-conatct-box-item .form-clt i {
  width: 58px;
  height: 58px;
  position: absolute;
  top: 5px;
  background-color: #ebebeb;
  left: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 25px;
  color: #9c9c9c;
}

.nano-conatct-box-item .form-clt i.fa-phone-volume {
  transform: rotate(320deg);
}


.nano-conatct-box-item .form-text i {
  top: 1.5%;
  left: 0.5%;
  background-color: transparent;

}


.nano-conatct-box-item .check a {
  text-decoration: underline;
}


.check input[type="checkbox"]{
    accent-color: var(--color-1);
    
}

.nano-conatct-box-item .check input {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  color: black;
}



.nano-conatct-box-item .check a:hover {
  color: var(--color-1);
  transition: all ease 0.4s;
}


.nano-conatct-box-item .contact-btn .btn-1 {
  padding: 25px 200px;
  font-size: 20px;

}


@media (max-width: 1199px) {
  .nano-contact-wrapper .nano-conatct-box-item {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .nano-contact-wrapper .nano-conatct-box-item {
    padding: 40px;
  }
}

@media (max-width: 575px) {
  .nano-contact-wrapper .nano-conatct-box-item {
    padding: 30px;
  }
}

.nano-contact-wrapper .nano-conatct-box-item .form-clt input,
.nano-contact-wrapper .nano-conatct-box-item .form-clt textarea {
  width: 100%;
  outline: none;
  border: none;
  border: 1px solid rgba(51, 51, 51, 0.5);
  background: var(--white);
  padding: 15px 20px;
  padding-left: 70px;
  font-weight: 400;
  color: var(--header);
  font-size: 20px;
  border-radius: 40px;
}




.nano-contact-wrapper .nano-conatct-box-item .form-clt input::placeholder,
.nano-contact-wrapper .nano-conatct-box-item .form-clt textarea::placeholder {
  color: var(--header);
}

.nano-contact-wrapper .nano-conatct-box-item .form-clt textarea {
  padding-bottom: 150px;
  resize: none;
}

@media (max-width: 575px) {
  .nano-contact-wrapper .nano-conatct-box-item .form-clt textarea {
    padding-bottom: 100px;
  }
}

.nano-faq-wrapper .nano-faq-content .nano-faq-text {
  max-width: 652px;
  margin-top: 30px;
}

.nano-faq-wrapper .nano-faq-item .accordion-item {
  background: white;
  border: none;
}

.nano-faq-wrapper .nano-faq-item .accordion-item .accordion-header {
  position: relative;
  background: white;
  color: var(--white);
}

.nano-faq-wrapper .nano-faq-item .accordion-item .accordion-header .accordion-button {
  font-size: 24px;
  font-weight: 600;
  color: var(--black);
  background: white;
  padding: 30px 24px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  text-align: left;
  width: 100%;
  background: white;
  border: 1px solid var(--color-1);
  border-radius: 15px;
  line-height:normal !important;
  text-transform:lowercase !important;
}

@media (max-width: 1199px) {
  .nano-faq-wrapper .nano-faq-item .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
  }
}

.nano-faq-wrapper .nano-faq-item .accordion-item .accordion-header .accordion-button::after {
  display: none;
}

.nano-faq-wrapper .nano-faq-item .accordion-item .accordion-header .accordion-button.collapsed {
  background: white;
  border: 1px solid var(--color-1);
  border-radius: 15px;
}

.nano-faq-wrapper .nano-faq-item .accordion-item .accordion-header .faq-toggle-icon {
  position: absolute;
  right: -57px;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--white);
  color: var(--header);
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 18px;
  text-align: center;
  line-height: 48px;
  transition: all 0.3s ease;
  cursor: pointer; /* abre/cierra su pregunta (main.js > "PREGUNTAS FRECUENTES: ícono") */
}

/* hover en el título de la pregunta: fondo suave para ver en cuál está el cursor */
.nano-faq-wrapper .nano-faq-item .accordion-item .accordion-header .accordion-button:hover,
.nano-faq-wrapper .nano-faq-item .accordion-item .accordion-header .accordion-button.collapsed:hover {
  background: #eaf6fc;
  border-color: var(--color2);
}
.nano-faq-wrapper .nano-faq-item .accordion-item .accordion-header .faq-toggle-icon:hover {
  box-shadow: 0 0 0 2px var(--color2);
}

/* enlace "Posicionamiento SEO básico" dentro de "Que incluye" de los servicios */
.include-list .enlace-incluye {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.include-list .enlace-incluye:hover {
  color: var(--color2);
}

/* pregunta abierta: fondo azul institucional y letras blancas (cerrada: sin fondo y letras normales) */
.nano-faq-wrapper .nano-faq-item .accordion-item .accordion-header .accordion-button:not(.collapsed),
.nano-faq-wrapper .nano-faq-item .accordion-item .accordion-header .accordion-button:not(.collapsed):hover {
  background: #172C85;
  border-color: #172C85;
  color: #ffffff;
}

@media (max-width: 1199px) {
  .nano-faq-wrapper .nano-faq-item .accordion-item .accordion-header .faq-toggle-icon {
    display: none;
  }
}

/* cerrada: flecha hacia abajo */
.nano-faq-wrapper .nano-faq-item .accordion-item .accordion-header .faq-toggle-icon::before {
  content: "\f063";
  display: block;
}

.nano-faq-wrapper .nano-faq-item .accordion-item .accordion-header .accordion-button:not(.collapsed)+.faq-toggle-icon {
  background: var(--color-1);
  color: #fff;
}

/* abierta: signo menos */
.nano-faq-wrapper .nano-faq-item .accordion-item .accordion-header .accordion-button:not(.collapsed)+.faq-toggle-icon::before {
  content: "\f068";
  font-family: "Font Awesome 6 Pro";
}

.nano-faq-wrapper .nano-faq-item .accordion-item .accordion-collapse .accordion-body {
  padding: 24px 24px 20px 24px;
  color: var(--black);
  font-size: 18px;
  font-weight: 400;
  background: white;
}

@media (max-width: 991px) {
  .nano-faq-wrapper .nano-faq-item .accordion-item .accordion-collapse .accordion-body {
    padding-right: 30px;
  }
}

.nano-faq-wrapper.nano-style-2 .nano-faq-item .accordion-item {
  background: var(--bg);
  border: none;
}

.nano-faq-wrapper.nano-style-2 .nano-faq-item .accordion-item .accordion-header {
  position: relative;
  background: var(--bg);
  color: var(--white);
}

.nano-faq-wrapper.nano-style-2 .nano-faq-item .accordion-item .accordion-header .accordion-button {
  color: var(--header);
  background: var(--bg);
}

.nano-faq-wrapper.nano-style-2 .nano-faq-item .accordion-item .accordion-header .accordion-button::after {
  display: none;
}

.nano-faq-wrapper.nano-style-2 .nano-faq-item .accordion-item .accordion-header .accordion-button.collapsed {
  background: var(--bg);
}

.nano-faq-wrapper.nano-style-2 .nano-faq-item .accordion-item .accordion-header .faq-toggle-icon {
  background: var(--header);
  color: var(--white);
}

.nano-faq-wrapper.nano-style-2 .nano-faq-item .accordion-item .accordion-header .faq-toggle-icon::before {
  content: "+";
  display: block;
}

.nano-faq-wrapper.nano-style-2 .nano-faq-item .accordion-item .accordion-header .accordion-button:not(.collapsed)+.faq-toggle-icon {
  background: #6B5AED;
  color: #fff;
}

.nano-faq-wrapper.nano-style-2 .nano-faq-item .accordion-item .accordion-header .accordion-button:not(.collapsed)+.faq-toggle-icon::before {
  content: "\f00d";
  font-family: "Font Awesome 6 Pro";
}

.nano-faq-wrapper.nano-style-2 .nano-faq-item .accordion-item .accordion-collapse .accordion-body {
  color: #333;
  background: var(--bg);
}

.nano-process-card-item a {
  display: block;
  background: var(--white);
  padding: 50px;
  margin-bottom: 28px;
  border-radius: 20px;
  padding-bottom: 85px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  /* border: 1px solid #E4E4E4; */
  border: 1px solid var(--color-1);
}



@media (max-width: 767px) {
  .nano-process-card-item {
    padding: 40px;
  }
}

@media (max-width: 575px) {
  .nano-process-card-item {
    padding: 30px;
  }
}

.nano-process-card-item h5 {
  color: var(--black);
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  .nano-process-card-item h5 {
    margin-bottom: 30px;
  }
}

.nano-process-card-item h3 {
  font-size: 40px;
  color: var(--black);
  letter-spacing: -1px;
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  .nano-process-card-item h3 {
    font-size: 30px;
  }
}

.nano-process-card-item p {
  max-width: 716px;
  color: var(--black);
  width: 100%;
}

.nano-process-card-item a:hover {
  background-color: var(--color-1);
  transition: all ease 0.5s;
}


.nano-process-card-item a:hover h2,
.nano-process-card-item a:hover h3,
.nano-process-card-item a:hover h5,
.nano-process-card-item a:hover p {
  color: white;
  transition: all ease 0.5s;
}



.nano-counter-section h2 {
  color: white;
}



.nano-counter-section {
    position: relative; 
}

.img-rod {
    position: absolute; 
    /* Los estilos de width/height/borderRadius iniciales serán manejados por GSAP en el .fromTo */
}


.nano-counter-section h2 span {
  color: var(--color2);
}


.companies {
  background-color: #f8f8f8;
}

.companies li img{
    max-width:100%;
    max-height:80px;
}

.companies li{
    display:flex;
    align-items:center;
    justify-content:center;
}

.bg-red {
    background-color: red !important;
}

.companies div a .img2 {
  display: none;

}


.companies p {
  width: 90%;
  margin-left: auto;
  margin-top: 44px;
}

.companies .company-logos {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  row-gap: 50px;
}


.companies .company-logos div {
  /* background-color: var(--white); */
  padding: 7px;
  width: fit-content;
  border-radius: 15px;
  border: 1px solid var(--white);
}

.companies .company-logos div a {
  display: inline-block;
  height: 100%;
  width: 100%;
  border: 1px solid var(--white);
  border-radius: 15px;
}

.companies .company-logos div a:hover {
  border-color: var(--color-1);

}

.projects .nano-brand-slide-3,
.projects .nano-brand-slide-4 {
  overflow: hidden;
  width: 100%;
  padding-bottom: 20px;
}


/*.nano-brand-slide-3{*/
/*    visibility:visible !important;*/
/*}*/


.casos-i .row{
    row-gap:50px;
}

.casos-i .row a:hover img{
    transform:scale(1.1) !important;
    transition:all ease 0.4s !important;
}

.casos-i .row a{
    width:100%;
    display:block;
    overflow:hidden;
    border-radius:15px;
}


.projects .swiper-wrapper {
  display: flex;
  align-items: stretch;
}

.projects .swiper-slide {
  flex-shrink: 0;
  width: calc((100% - 2 * 20px) / 3);
  margin-right: 50px;

}


.projects .swiper-slide {
  box-shadow: 0px 10px 20px -3px rgba(0, 0, 0, 0.3);
  height: 100%;
  border-radius: 15px;
}

.projects .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  border: 5px solid white;
}


.projects .swiper-slide a {
  display: block;
  overflow: hidden;
}

.projects .swiper-slide a:hover img {
  transform: scale(1.1);
  transition: all ease 0.4s;

}






.projects .swiper-slide a img {
  width: 100%;
  max-width: 100%;
  border-radius: 10px;
}

.projects .nano-barnd-image,
.projects .nano-barnd-image a,
.projects .nano-barnd-image img {
  height: 100%;
  object-fit: cover;
  border-radius: 10px;

}

.nano-brand-slide-3 {
  visibility: hidden;
}

.nano-video-play-section {
  position: relative;
  height: 800px;
  background-attachment: fixed;
}


.nano-video-play-section::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.3;
}


@media (max-width: 991px) {
  .nano-video-play-section {
    height: 600px;
  }
}

@media (max-width: 767px) {
  .nano-video-play-section {
    height: 400px;
  }
}

.nano-video-play-section .video-btn {
  background-color: var(--color-1);
  color: var(--white);
  display: inline-block;
  font-size: 16px;
  height: 180px;
  width: 180px;
  line-height: 180px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  font-size: 20px;
}

@media (max-width: 1199px) {
  .nano-video-play-section .video-btn {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

@media (max-width: 767px) {
  .nano-video-play-section .video-btn {
    width: 120px;
    height: 120px;
    line-height: 120px;
  }
}


.footer-section .container-fluid {
  background-color: #f6f6f6;
  width: 95.5%;
  margin: 0 auto;
  border-radius: 25px;
  padding: 50px 80px;
}


.nano-footer-widget-wrapper .nano-footer-single-widget {
  margin-top: 30px;
}

.widget-redes ul{
    display:flex;
    flex-direction:row;
    gap:15px;
}


.widget-redes ul li a:hover{
    padding-left:0px !important;
}

.widget-redes ul li a::before{
    display:none;
}

.widget-redes ul li a:hover i{
    color:#2bb5e6;
    transition:all ease 0.4s;
}

.widget-redes ul li svg{
    fill: color: var(--header);
}


.widget-redes ul li a:hover svg{
        fill: #2bb5e6;
        transition:all ease 0.4s;
}




.fa-twitter:before{content:"\f099"}

.fa-twitter-square:before{content:"\f081"}

.fa-youtube:before{content:"\f167"}

.fa-youtube-square:before{content:"\f431"}

.fa-instagram:before{content:"\f16d"}

.fa-instagram-square:before{content:"\e055"}


.nano-footer-widget-wrapper .nano-footer-single-widget .nano-widget-head {
  margin-bottom: 30px;
}

.nano-footer-widget-wrapper .nano-footer-single-widget .nano-widget-head h5 {
  color: var(--white);
}

.nano-footer-widget-wrapper .nano-footer-single-widget .list-area li {
  font-size: 19px;
  font-weight: 400;
}

.nano-footer-widget-wrapper .nano-footer-single-widget .list-area li:not(:last-child) {
  margin-bottom: 5px;
}

.nano-footer-widget-wrapper .nano-footer-single-widget .list-area li a {
  color: var(--white);
  position: relative;
}

.nano-footer-widget-wrapper .nano-footer-single-widget .list-area li a::before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 6px;
  content: "";
  border-radius: 50%;
  background-color: var(--color-1);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}

.nano-footer-widget-wrapper .nano-footer-single-widget .list-area li a:hover {
  padding-left: 20px;
  color: var(--color-1);
}

.nano-footer-widget-wrapper .nano-footer-single-widget .list-area li a:hover::before {
  opacity: 1;
  visibility: visible;
}

.nano-footer-widget-wrapper .nano-footer-single-widget form {
  max-width: 385px;
  width: 100%;
}

.nano-footer-widget-wrapper .nano-footer-single-widget .form-clt {
  position: relative;
}

.nano-footer-widget-wrapper .nano-footer-single-widget .form-clt input {
  width: 100%;
  border: none;
  background-color: transparent;
  position: relative;
  font-size: 18px;
  font-weight: 400;
  padding: 21px 18px;
  color: rgba(255, 255, 255, 0.5);
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  line-height: 1;
  text-transform: capitalize;
  max-width: 385px;
}

.nano-footer-widget-wrapper .nano-footer-single-widget .form-clt input::placeholder {
  color: var(--text);
}

.nano-footer-widget-wrapper .nano-footer-single-widget .form-clt .icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: var(--color-1);
  color: var(--white);
  border-radius: 100%;
  position: absolute;
  right: 8px;
  top: 8px;
  bottom: 4px;
}

/* .nano-footer-widget-wrapper.nano-style-2 {
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
} */

.nano-footer-widget-wrapper.nano-style-2 .nano-footer-single-widget {
  position: relative;
}



.nano-footer-widget-wrapper.nano-style-2 .col-xl-3:first-child {
  padding-left: 0px;
}

.nano-footer-widget-wrapper.nano-style-2 .col-xl-3 {
  position: relative;
  padding-left: 50px;
}

.nano-footer-widget-wrapper.nano-style-2 .col-xl-3::before {
  position: absolute;
  content: "";
  top: 0px;
  bottom: 0px;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.3);
}


.nano-footer-widget-wrapper.nano-style-2 .col-xl-3:last-child::before {
  display: none;

}

.footer-section .payments {
  margin-top: 80px;
  margin-bottom: 50px;
}

.footer-section .payments span {
  font-size: 20px !important;
  font-weight: normal;
  margin-bottom: 15px;
}

.footer-section .payments img {
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
}

.footer-section .d-flex:first-child img {
  margin-left: 0px;

}

.accordion-cities .accordion-button {
  background-color: white;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-1);
  font-weight: bold;
  font-size: 20px;
  border: 0px !important;
  outline: 0px !important;
  box-shadow: none !important;
  padding-top: 10px;
  padding-bottom: 10px;
}




/* CONTENEDOR DEL BOTÓN */
#whatsapp-container {
  position: fixed;
  bottom: 20px!important;
  left: 30px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 999999;
}

/* BURBUJA DE TEXTO */
#whatsapp-label {
  background: white;
  padding: 10px 14px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  font-size: 14px;
  opacity: 1;
  line-height: normal;
  white-space: nowrap;
}

#whatsapp-label strong{
    display:block;
}

/* BOTÓN */
#whatsapp-btn {
  width: 55px;
  height: 55px;
  background: #25d366;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
}

/* icono del botón: dibujado en SVG (includes/footer.php), nítido en cualquier pantalla. Con la lista abierta
   (clase "wp-abierto", la pone assets/js/menu.js) el botón muestra una X en su lugar */
#whatsapp-btn .wp-icono {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
/* (en proporción al botón, que cambia de tamaño según la pantalla) */
#whatsapp-btn .wp-icono-whatsapp {display: block; width: 58%; height: 58%;}
#whatsapp-btn .wp-icono-cerrar {display: none; width: 50%; height: 50%;}
#whatsapp-btn.wp-abierto .wp-icono-whatsapp {display: none;}
#whatsapp-btn.wp-abierto .wp-icono-cerrar {display: block;}
/* el mismo icono en cada fila de la lista de WhatsApp: círculo verde con el icono blanco */
.wp-user-icon-svg {display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; aspect-ratio: 1 / 1; background: #25d366; border-radius: 50%;}
.wp-user-icon-svg .wp-icono-whatsapp {display: block; width: 60%; height: 60%;}

/* hover del botón flotante de WhatsApp: se eleva levemente, sombra verde y una onda suave que se expande */
#whatsapp-btn {
  position: relative;
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease;
}
#whatsapp-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid rgba(37, 211, 102, 0.7);
  opacity: 0;
  pointer-events: none;
}
#whatsapp-btn:hover {
  transform: translateY(-3px) scale(1.08);
  box-shadow: 0 10px 26px rgba(37, 211, 102, 0.45), 0 4px 12px rgba(0, 0, 0, 0.18);
}
#whatsapp-btn:hover::after {
  animation: whatsapp-onda 1.4s ease-out infinite;
}
@keyframes whatsapp-onda {
  0% { opacity: 0.85; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.65); }
}
#whatsapp-label {
  transition: box-shadow 0.35s ease, transform 0.35s ease;
}
#whatsapp-container:hover #whatsapp-label {
  transform: translateX(3px);
  box-shadow: 0 8px 22px rgba(23, 44, 133, 0.18);
}
@media (prefers-reduced-motion: reduce) {
  #whatsapp-btn:hover::after { animation: none; }
}

.chat-author-hover-target:hover .tooltip2 {
    display: block !important;
}

.tooltip2 a:hover {
    text-decoration: underline !important;
}

.tooltip2 a {
    color: #172c85;
    text-decoration: none;
    font-weight: 600;
}



/* TARJETA */
#wp-card {
  position: fixed;
  bottom: 90px !important;
  left: 20px;
  width: 340px;
  background: white;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  opacity: 0;
  pointer-events: none;
  transform: translateY(30px);
  z-index: 9999999999;
}

#wp-card span[title="Diseño web colombia"]:hover + .tooltip2 {
    display: block;
}

#wp-card .header-texts p{
    color:white;
}

/* HEADER */
.wp-header {
  background: #25d366;
  color: white;
  padding: 20px;
  display: flex;
  gap: 10px;
  position: relative;
}

#wp-card .chat-author-footer {
    background: #fff;
    border-top: 1px solid #f0f0f0;
    padding: 20px 16px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 15px 15px;
}

#wp-card  .chat-author-brand {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    color: #333;
    -webkit-user-select: none;
    user-select: none;
}


#wp-card .chat-author-label {
    color: #333;
}



#wp-card .chat-author-hover-target {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}



#wp-card  .chat-author-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    color: #333;
    text-decoration: none;
    cursor: pointer;
}


#wp-card .tooltip2 {
    display: none;
    position: absolute;
    bottom: calc(100% + 10px);
    left: 0;
    transform: none;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 12px;
    color: #374151;
    white-space: nowrap;
    box-shadow: 0 6px 24px #0000001f;
    z-index: 10001;
    pointer-events: auto;
    line-height: 1.6;
}


#wp-card .chat-author-hover-target:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: -20px;
    right: -20px;
    height: 12px;
}

#wp-card .tooltip2 a {
    color: #172c85;
    text-decoration: none;
    font-weight: 600;
}

#wp-card  .chat-author-logo {
    height: 15px;
    width: auto;
    object-fit: contain;
    vertical-align: middle;
}




.parallax-container {
  position: relative;
  width: 100%;
  height: 650px;
  overflow: hidden;
}


.parallax-layer {
  position: absolute;


  width: 100%;
  height: 650px;

  will-change: transform;
  overflow: hidden;
}


.parallax-layer iframe {

  object-fit: cover;
  pointer-events: none;
}


.ripple.banner-video {
  display: flex;
  justify-content: center;
  align-items: center;
}


.video-languages {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
}

.video-languages img {
  border-radius: 5px;
}

.banner-video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}


.video-languages img:hover {
  cursor: pointer;
  transform: scale(1.1);
  transition: all ease 0.4s;
}

.title {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}

.subtitle {
  margin: 0;
  font-size: 13px;
  line-height: 18px;
}

/* INFO */
.wp-info {
  padding: 15px;
  font-size: 14px;
  color: #3e3e3e;
  padding-bottom: 0px;
  line-height: 20px;
}

/* LISTA */
.wp-list {
  padding: 15px;
}

.wp-list .wp-item:last-child{
    margin-bottom:0px !important;
}

.wp-item {
  background: #E4E4E4;
  padding: 12px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  gap: 10px;
  border-left: 4px solid #25d366;
}


.wp-item:hover {
  background-color: #25d366;
  transition: all ease 0.4s;
}

.wp-item:hover .name,
.wp-item:hover .role {
  color: white;
  transition: all ease 0.4s;
}


.wp-user-icon {
  width: 40px;
}

.wp-mini {
  width: 22px;
  margin-left: auto;
}

.name {
  font-size: 16px;
  margin: 0;
  font-weight: bold;
  line-height: normal;
}

.role {
  margin: 0;
  font-size: 13px;
  color: #212121;
}


.accordion-cities .accordion-button i {
  margin-left: 15px;
  font-size: 25px;
}

.accordion-cities .accordion-button::after {
  display: none;
}

.accordion-cities div a:hover {
  color: var(--color-1);
  transition: all ease 0.4s;
}

/* Atribución de una fotografía (includes/bd-sitio.php > credito_imagen_html): pequeña, abajo a la derecha, dentro de la
   imagen. Va en las tarjetas del blog (listado e inicio) y en las imágenes del artículo. */
.nano-news-card-item-2 .nano-news-image,
.imagen-con-credito {position: relative;}
.credito-imagen {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 3;
  max-width: calc(100% - 16px);
  padding: 2px 8px;
  border-radius: 9px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
  text-align: right;
}
.credito-imagen a,
.nano-news-card-item-2 .nano-news-image .credito-imagen a,
.details-blog-i .contenido-blog .credito-imagen a {display: inline; width: auto; height: auto; padding: 0; border: 0; border-radius: 0; background: none; color: #fff; font-weight: 400; text-decoration: underline;}
.credito-imagen a:hover {color: #2bb5e6;}
@media (max-width: 575px) {.credito-imagen {right: 6px; bottom: 6px; font-size: 10px;}}

/* pie de página > "Ciudades donde ofrecemos nuestros servicios": un acordeón por país; cada uno despliega sus ciudades */
.paises-acordeon {display: grid; gap: 10px; max-width: 1100px; margin: 0 auto;}
.paises-acordeon .pais-item {
  border: 1px solid #e3e8f3;
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.paises-acordeon .pais-item:hover,
.paises-acordeon .pais-item:has(.pais-boton[aria-expanded="true"]) {border-color: var(--color2); box-shadow: 0 10px 24px -16px rgba(23, 44, 133, 0.55);}
.paises-acordeon .pais-boton {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  padding: 15px 22px;
  border: 0;
  background: transparent;
  color: var(--color-1);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
}
.paises-acordeon .pais-boton[aria-expanded="true"] {background: #f5f8fe;}
.paises-acordeon .pais-nombre i {margin-right: 8px; color: var(--color2); font-size: 17px;}
.paises-acordeon .pais-total {display: inline-flex; align-items: center; gap: 10px; color: #5b6478; font-size: 14px; font-weight: 500; white-space: nowrap;}
.paises-acordeon .pais-total i {color: var(--color-1); font-size: 13px; transition: transform 0.3s ease;}
.paises-acordeon .pais-boton[aria-expanded="true"] .pais-total i {transform: rotate(180deg);}
/* lista de ciudades de un país: columnas de zonas (departamento / estado / provincia), cada una con sus ciudades */
.paises-acordeon .pais-ciudades {border-top: 1px solid #e3e8f3; background: #fbfcff; text-align: left;}
.paises-acordeon .pais-intro {margin: 0; padding: 18px 24px 0; color: #5b6478; font-size: 14px; line-height: 1.4; text-align: left;}
.paises-acordeon .pais-zonas {column-count: 4; column-gap: 26px; padding: 16px 24px 22px;}
.paises-acordeon .pais-zona {break-inside: avoid; -webkit-column-break-inside: avoid; margin: 0 0 16px;}
.paises-acordeon .pais-zona h4 {
  margin: 0 0 7px;
  padding: 0 0 6px 11px;
  border-bottom: 1px solid #e3e8f3;
  border-left: 3px solid var(--color2);
  color: var(--color-1);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.3;
  text-align: left;
  text-transform: uppercase;
}
.paises-acordeon .pais-zona ul {margin: 0; padding: 0; list-style: none;}
.paises-acordeon .pais-zona li {margin: 0; padding: 0; text-align: left;}
.paises-acordeon .pais-zona a {
  display: block;
  padding: 3px 8px 3px 11px;
  border-radius: 7px;
  color: #2f3545;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 1.45;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
}
.paises-acordeon .pais-zona a:hover {padding-left: 15px; background: #eaf1fd; color: var(--color-1);}
@media (max-width: 1199px) {.paises-acordeon .pais-zonas {column-count: 3;}}
@media (max-width: 767px) {.paises-acordeon .pais-zonas {column-count: 2; column-gap: 16px; padding: 14px 16px 18px;} .paises-acordeon .pais-intro {padding: 16px 16px 0;}}
@media (max-width: 400px) {.paises-acordeon .pais-zonas {column-count: 1;}}
@media (max-width: 575px) {
  .paises-acordeon .pais-boton {padding: 13px 16px; font-size: 16px;}
  .paises-acordeon .pais-total {font-size: 13px;}
}

.copy,
.copy a {
  background-color: var(--color-1);
  text-align: center;
  color: white;
  padding: 14px 0px;
}

.copy a:hover {
  color: var(--color2);
  transition: all ease 0.4s;
}

.copy p{
  margin-bottom: 0px !important;
  color:white;
}


@media (max-width: 1199px) {
  .nano-footer-widget-wrapper.nano-style-2 .nano-footer-single-widget::before {
    display: none;
  }
}

.nano-footer-widget-wrapper.nano-style-2 .nano-footer-single-widget.nano-style-2::before {
  display: none;
}

.nano-footer-widget-wrapper.nano-style-2 .nano-footer-single-widget .nano-widget-head {
  margin-bottom: 30px;
}

.nano-footer-widget-wrapper.nano-style-2 .nano-footer-single-widget h3 {
  color: var(--color-1);
  font-size: 30px;
  font-weight: bold;
}

.nano-footer-widget-wrapper.nano-style-2 .nano-footer-single-widget .list-area li a {
  color: var(--header);
  position: relative;
}

.nano-footer-text {
  color: var(--black);
  text-align: center;
  font-size: 180px;
  font-weight: 600;
  letter-spacing: -15.6px;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: -75px;
  text-wrap: nowrap;
  white-space: nowrap;
}

.header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* padding: 17px 0; */
}

.header-main .mean__menu-wrapperc {
  gap: 8%;

}

.header-main .main-menu ul {
  margin-bottom: 0;
}

.header-main .main-menu ul li {

  list-style: none;
  display: inline-block;
  margin-inline-start: 40px;
}

.header-main .main-menu ul li:last-child {
  margin-inline-end: 0;
}

.header-main .main-menu ul li a {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.34px;
  color: var(--white);
  font-family: "Instrument Sans", sans-serif;
  padding: 40px 0;
  text-align: left;
  position: relative;
  text-transform: capitalize;
  transition: all 0.4s ease-in-out;
  border-bottom: 5px solid white;
}

.nav-selected {
  border-bottom: 5px solid var(--color-1) !important;


}

.header-main .main-menu ul li a i {
  margin-left: 4px;
  font-size: 14px;
}

.header-main .main-menu ul li a:hover {
  color: var(--color-1) !important;
}

.header-main .main-menu ul li .submenu {
  position: absolute;
  top: 100%;
  width: 100%;
  inset-inline-start: 0;
  min-width: 260px;
  padding: 20px 0;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  transform-origin: top center;
  color: var(--header);
  transform: translateY(-10px);
  transition: all 0.4s ease-in-out;
  max-width: 100%;


}


.header-main .main-menu ul li .submenu .img-s {
  max-width: 100%;
  width: 130px;

}


.header-main .main-menu ul li .submenu .container {
  background-color: #ffffff;
  padding: 50px;
  border-radius: 30px;
  box-shadow: 0px 10px 15px -3px rgb(0 0 0 / 10%);
  border: 1px solid #E4E4E4;
}






.header-main .main-menu ul li .submenu h4 {
  color: var(--color-1);
  width: auto;
  white-space: nowrap;
}


.header-main .main-menu ul li .submenu h4::after {
  content: "";
  background-color: white;
  width: 100%;
  position: absolute;

}



.header-main .main-menu ul li .submenu .submenu-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}


.header-main .main-menu ul li .submenu .submenu-items p {
  color: var(--black);
  width: 90%;
}


.header-main .main-menu ul li .submenu .submenu-items li a {
  position: relative;
  color: var(--black) !important;
  padding-left: 20px;
  font-size: 19px;
  font-weight: 400 !important;
}

.header-main .main-menu ul li .submenu .submenu-items li a:hover {
  position: relative;
  color: var(--color-1) !important;

}

.header-main .main-menu ul li .submenu .submenu-items li:hover a,
.header-main .main-menu ul li .submenu .submenu-items li a:hover::after {
  color: var(--color-1) !important;
  transition: all ease 0.4s;
}



.header-main .main-menu ul li .submenu .submenu-items li a::after {
  position: absolute;
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  left: 0px;
  color: var(--color2);
  font-size: 17px;
}

.header-main .main-menu ul li .submenu .submenu-items ul {
  margin-top: 10px;
  height: 100%;
}


.header-main .main-menu ul li .submenu .submenu-items li {
  margin-bottom: 30px;
}


.header-main .main-menu ul li .submenu .submenu-items ul:first-child li:last-child {
  margin-bottom: 0px;
  border: 0px;
  padding-bottom: 0px;
}

.header-main .main-menu ul li .submenu .submenu-items li:last-child {
  padding-bottom: 40px;
}







.header-main .main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
}

.header-main .main-menu ul li .submenu li a {
  position: relative;
  z-index: 11;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.34px;
  color: var(--header);
  line-height: 38px;
  padding: 0px 0px 0px 32px;
  padding-right: 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* .header-main .main-menu ul li .submenu li a::before {
  content: "";
  position: absolute;
  width: 0px;
  height: 2px;
  background: var(--color-1);
  left: 14px;
  bottom: 18px;
  transition: all 0.4s ease-in-out;
} */

.header-main .main-menu ul li .submenu li a:hover {
  color: var(--color-1) !important;
}

.header-main .main-menu ul li .submenu li:last-child a {
  border: none;
}

.header-main .main-menu ul li .submenu li .submenu {
  inset-inline-start: 100%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}

.header-main .main-menu ul li .submenu li:hover>a {
  color: var(--color-1) !important;
  margin-left: 10px;
}

.header-main .main-menu ul li .submenu li:hover>a::before {
  width: 10px;
}

.header-main .main-menu ul li .submenu li:hover>a::after {
  color: var(--color-1);
}

.header-main .main-menu ul li .submenu li:hover>.submenu {
  -webkit-transform: translateY(1);
  -moz-transform: translateY(1);
  -ms-transform: translateY(1);
  -o-transform: translateY(1);
  transform: translateY(1);
  visibility: visible;
  opacity: 1;
}

.header-main .main-menu ul li .submenu li.has-dropdown>a::after {
  position: absolute;
  top: 50%;
  inset-inline-end: 25px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--color-1);
}

.header-main .main-menu ul li:hover>a {
  color: var(--color-1);
}

.header-main .main-menu ul li:hover>a::after {
  color: var(--color-1);
}

.header-main .main-menu ul li:hover>.submenu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}

.header-main .sidebar__toggle {
  cursor: pointer;
  font-size: 20px;
}

.header-1 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
}

.header-wrapper {
  height: 118px;
}

#header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transform: translateY(0);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  z-index: 999999;
  background-color:white;
}

#header-sticky.sticky {
  box-shadow: 0 4px 10px rgba(0,0,0,.1);
}



.header-1 .container-fluid {
  padding-left: 2%;
  padding-right: 2%;
}

.header-1 .header-button .dropdown button {
  background-color: transparent;
  padding: 7px;
  color: black;
  border: 0px;
  font-size:17px !important;
  font-weight: bold;
}



.header-1 .header-button .dropdown button.show,
.header-1 .header-button .dropdown button:hover {
  background-color: var(--color-1);
  color: white;
  transition: all ease 0.4s;
}


.header-main {
  position: relative;
  width: 100%;
  justify-content: center;
  align-items: center;
}


.header-1 .sub-menus .submenu {
  position: absolute;
  width: 100%;
  padding: 50px 30px;
  border-radius: 15px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  border: 1px solid #E4E4E4;
  /* border: 1px solid var(--color-1); */
  display: none;
  z-index: 9999;
  background-color: var(--white);
}

.header-1 .sub-menus .submenu {
  width: fit-content;
  padding: 50px;
}

.header-1 [data-menu] {
  width: fit-content;
}

.header-1 [data-menu] .row {
  column-gap: 15px;
}


.mfp-content {
  max-width: 800px;
  margin: 0 auto;
}

.menu-show {
  display: block !important;
}

.header-1 .sub-menus .submenu img {
  max-width: 100px;
}

.container-menu {
  max-width: 1200px;
}

.header-1 .sub-menus .submenu h4 {
  color: var(--color-1);
  margin-bottom: 15px;
}

.header-1 .sub-menus .submenu p {
  color: var(--black);
  margin-bottom: 15px;
  width: 100%;
  font-weight: 400;
  max-width: 321px;
}

.header-1 .sub-menus .submenu ul li a {
  padding: 0px;
  font-weight: 500;
  font-size: 20px;
  font-weight: 400;
}

.header-1 .sub-menus .submenu ul li:last-child {
  margin-bottom: 0px;
}


.header-1 .sub-menus .submenu ul li a:hover {
  position: relative;
  color: var(--color-1) !important;
}

.header-1 .sub-menus .submenu ul li a:hover {
  transition: all ease 0.4s;
  text-decoration:underline;
}



.header-1 .sub-menus .submenu ul li {
  margin-bottom: 15px;
  margin-right: 0px;
}


.header-1 .sub-menus .submenu ul li :last-child {
  margin-bottom: 0px;
}

.header-1 .sub-menus .submenu .submenu-items li a::after {
  position: absolute;
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  left: 0px;
  color: #0066FF;
  font-size: 17px;
}

.header-1 .sub-menus .submenu .submenu-items li a {
  position: relative;
  color: var(--black) !important;
  padding-left: 20px;
  font-size: 19px;
  font-weight: 400 !important;
}


.header-1 .header-button .dropdown button i {
  margin-left: 5px;
}


.header-1 .header-button .dropdown button::after {
  display: none;
}


.header-1 .header-button .dropdown .dropdown-menu {
  top: 20px !important;
  padding: 0px;
  min-width: 100px;
  right: -70px;
}

.header-1 .header-button .dropdown .dropdown-menu li a {
  /* font-size: 19px; */
  color: black;
  font-weight: 500;
}

.header-1 .header-button .dropdown .dropdown-menu li a {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.header-1 .header-button .dropdown .dropdown-menu li a img {
  width: 100%;
  max-width: 30px;
  object-fit: contain;
  border-radius: 5px;
}


.header-1 .header-button .dropdown .dropdown-menu li a:hover {
  background-color: var(--color-1);
  transition: all 0.4s ease-in-out;
  color: white;
}


/* fondo rojo aplicado al "menu grande" (submenu) cuando vienes de otro item */

.header-1.header-2 {
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
}

.header-1.header-2 .main-menu ul li a {
  color: var(--header) !important;
}

.header-1.header-2 .main-menu ul li a:hover {
  border-bottom: 5px solid var(--color-1);
}

.sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: 99999;
  transition: all 0.9s;
  background-color: var(--white);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.sticky.header-1 .header-main .main-menu ul li a {
  color: var(--header);
}

.offcanvas__info {
  background: var(--white) none repeat scroll 0 0;
  border-left: 2px solid var(--color-1);
  position: fixed;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 999999999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}

.offcanvas__info.info-open {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.offcanvas__logo a img {
  width: 200px;
}

.offcanvas__wrapper {
  position: relative;
  height: 100%;
  padding: 30px 30px;
}

.offcanvas__wrapper .offcanvas-title {
  font-size: 28px;
  margin-bottom: 15px;
}

.offcanvas__wrapper .offcanvas__content p {
  color: var(--header);
}

.offcanvas__wrapper .offcanvas__content .offcanvas__close {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--color-1);
  position: relative;
  z-index: 9;
  cursor: pointer;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__close i {
  color: var(--white);
}

.offcanvas__wrapper .offcanvas__content .social-icon {
  margin-top: 30px;
  gap: 10px;
  margin-bottom: 30px;
}


.offcanvas__wrapper .offcanvas__content .social-icon li{
    list-style-type:none;
}

.offcanvas__wrapper .offcanvas__content .social-icon a {
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  font-size: 16px;
  display: block;
  background: transparent;
  color: var(--header);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  border: 1px solid var(--border);
}

.offcanvas__wrapper .offcanvas__content .social-icon a:hover {
  background-color: var(--color-1);
  color: var(--white);
  border: 1px solid var(--color-1);
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact {
  margin-top: 20px;
  margin-bottom: 40px;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li {
  font-size: 16px;
  color: var(--header);
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li:not(:last-child) {
  margin-bottom: 10px;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li span {
  font-weight: 600;
  color: var(--header);
  font-size: 18px;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li a {
  font-size: 16px;
  color: var(--header);
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact span {
  text-transform: initial;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button {
  display: flex;
  align-items: center;
}

.offcanvas__wrapper .offcanvas__content .btn-1 {
  width: 100%;
  padding: 18px 30px;
  text-align: center;
}

.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #151515;
  z-index: 9999999;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
}

.offcanvas__overlay.overlay-open {
  opacity: 0.8;
  visibility: visible;
}

@media (max-width: 450px) {
  .offcanvas__info {
    width: 350px;
  }
}

@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}

.nano-breadcrumb-wrapper {
  position: relative;
  margin-top: 40px;
}



.nano-breadcrumb-wrapper .container {
  position: relative;
  z-index: 5;
}


.nano-breadcrumb-wrapper .hero-video-container {
  height: 350px;
  display: flex;
  align-items: center;
  padding-bottom: 5%;

}

.nano-breadcrumb-wrapper .hero-video-title {
  left: 4%;
  right: auto;
  z-index: 9999;
  position: absolute;
  top: auto;
  text-shadow: 2px 2px 5px rgb(0 0 0);
}

.nano-breadcrumb-wrapper .hero-video-title span.br{
    display:block;
}



/* sombra difuminada de izquierda a derecha sobre la imagen del breadcrumb (páginas internas): fuerte en el primer
   30% y se desvanece, para que el título resalte; queda entre la imagen y el título (z-index 9999) */
.nano-breadcrumb-wrapper .hero-video-container::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(90deg, #020929d4 0%, #020929ad 30%, rgba(23, 44, 133, 0) 55%);
}


.nano-breadcrumb-wrapper .nav {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.nano-breadcrumb-wrapper .nav li {
  font-style: italic;
  font-size: 18px;
}

.nano-breadcrumb-wrapper .nav li a:hover {
  color: var(--color-1);
}


.nano-breadcrumb-wrapper [data-video-wrapper] {
  position: relative;
  overflow: hidden;
  background: transparent !important;
}

.nano-breadcrumb-wrapper .video-preview {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.nano-breadcrumb-wrapper [data-video-iframe] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: none !important;
}

.header-logo img {
  width: 100%;
  max-width: 100%;
}



.fix {
  overflow: hidden;
}

.ripple {
  position: relative;
}

.ripple::before,
.ripple::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  -webkit-animation: rippleOne 3s infinite;
  animation: rippleOne 3s infinite;
}

.ripple::before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

.ripple::after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (max-width: 767px) {
  br {
    display: none;
  }
}

/* background */
.bg-cover {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
}

.sticky-style {
  position: sticky !important;
  top: 120px !important;
}

.sticky-style {
  position: sticky !important;
  top: 100px;
}

.nano-hero-2 {
  padding: 100px 0 0;
  padding-bottom: 120px;
}

@media (max-width: 991px) {
  .nano-hero-2 {
    padding: 120px 0 0;
  }
}


.char {
  display: inline-block;
  will-change: transform, opacity;
}

.nano-hero-2 .nano-hero-content h1 {
  font-size: 160px;
  letter-spacing: -4.8px;
  color: var(--black);
  width: 93%;
}



@media (max-width: 1199px) {
  .nano-hero-2 .nano-hero-content h1 {
    font-size: 70px;
    letter-spacing: initial;
  }
}

@media (max-width: 991px) {
  .nano-hero-2 .nano-hero-content h1 {
    font-size: 70px;
  }
}

@media (max-width: 767px) {
  .nano-hero-2 .nano-hero-content h1 {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .nano-hero-2 .nano-hero-content h1 {
    font-size: 40px;
  }
}

.nano-hero-2 .nano-hero-content h1 span {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--header);
  color: black;
  font-size: 160px;
}

.nano-hero-2 .nano-hero-right-content .nano-radius-image {
  position: relative;
  margin-bottom: 70px;
}

.nano-hero-2 .nano-hero-right-content .nano-radius-image .ripple::before,
.nano-hero-2 .nano-hero-right-content .nano-radius-image .ripple::after {}


.nano-hero-2 .row {
  position: relative;
}

.nano-hero-content {
  padding-bottom: 70px;
}

.nano-hero-2 .col-lg-3 {
  position: absolute;
  right: 0px;
  max-width: 40%;
  width: 40%;
}

.icon-wsp{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    border-radius:50% !important;
    background:#25D366 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    flex-shrink:0 !important;
    padding:0 !important;
}

.icon-wsp i{
    color:#fff !important;
    font-size:19px !important;
    line-height:1 !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    transform:translate(0.8px, 0.2px) scale(1.12) !important;
    -webkit-transform:translate(0.8px, 0.2px) scale(1.12) !important;
}


span.conocoerservicio {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-1);
}

.hero-video-container {
  position: relative;
  width: 100%;
  height: 760px;
  overflow: hidden;
  border-radius: 20px;
}

#ajusttopp {
    margin-top: 115px;
}

#espaciotop{
    margin-top: 50px;
}

.nano-hero-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  border-radius: 20px;
}

.hero-video-title {
  position: absolute;
  top: 27%;
  right: 25%;
  color: var(--white);
  font-size: 45px;
  font-weight: 500;
  text-align: center;
  pointer-events: none;
  z-index: 2;
}

.hero-video-title span {
  color: #00fff2;
}

#video-popup iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #000;
}


.video-2 .hero-video-container {
  border-radius: 0px;
}

.video-2 .hero-video-title {
  top: auto;
  bottom: 14%;
  right: auto;
  left: 8.5%;
  text-align: left;
  font-size: 70px;
  font-weight: bold;
  color:white !important;
}


.video-2 .hero-video-title span{
    color:white !important;
}




.mfp-bg {
  z-index: 9999999;
}

.mfp-wrap {

  z-index: 99999999999999999;

}

.nano-testimonial-section-2 {
  padding-top: 80px !important;
  padding-bottom: 0px !important;
}



.nano-testimonial-section-2 .open-video {
  display: flex;
  justify-content: center;
  align-items: center;


}



.nano-testimonial-content-slider .open-video {
  pointer-events: auto;
  z-index: 10;
  position: relative;
}




@media (max-width: 1199px) {
  .nano-hero-2 .nano-hero-right-content .nano-radius-image {
    margin-bottom: 30px;
  }
}

.nano-hero-2 .nano-hero-right-content .nano-radius-image img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
}

.nano-hero-2 .nano-hero-right-content .nano-radius-image {
  display: flex;
  justify-content: flex-start;
  padding-left: 44%;
  padding-top: 5.7%;

}

.nano-hero-2 .nano-hero-right-content .nano-radius-image .video-btn {
  background-color: var(--color2);
  color: var(--white);
  display: inline-block;
  font-size: 20px;
  height: 100px;
  width: 100px;
  line-height: 100px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  left: 0px;
  top: 15px;
  bottom: 15px;
}

.nano-hero-2 .nano-hero-right-content .nano-radius-image .video-btn:hover {
  background-color: var(--color-1);
  transition: all ease 0.4s;
}

/*@media (max-width: 1199px) {*/
/*  .nano-hero-2 .nano-hero-right-content .nano-radius-image .video-btn {*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    width: 70px;*/
/*    height: 70px;*/
/*    line-height: 70px;*/
/*  }*/
/*}*/

@media (max-width: 991px) {
  .nano-hero-2 .nano-hero-right-content .nano-radius-image .video-btn {
    height: 100px;
    width: 100px;
    line-height: 100px;
  }
}

@media (max-width: 767px) {
  .nano-hero-2 .nano-hero-right-content .nano-radius-image .video-btn {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}



.nano-hero-2 .nano-hero-right-content .nano-content {
  margin-left: -220px;
}


@media (max-width: 991px) {
  .nano-hero-2 .nano-hero-right-content .nano-content {
    margin-left: 0;
  }
}

.nano-hero-2 .nano-hero-right-content .nano-content {
  width: 95%;
  margin-left: auto;
}

.nano-hero-2 .nano-hero-right-content .nano-content p {
  color: var(--header);
  max-width: 700px;
  margin-bottom: 10px !important;
  line-height: 30px;



}


.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav>ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: var(--header);
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
  border-bottom: 1px solid var(--border) !important;
  border: none;
}

.mean-container .mean-nav ul li a:hover {
  color: var(--color-1);
}

.mean-container .mean-nav ul li a:last-child {
  border-bottom: 0;
}

.mean-container .mean-nav ul li a:hover {
  color: var(--color-1);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
}

.mean-container .mean-nav ul li>a>i {
  display: none;
}

.mean-container .mean-nav ul li>a.mean-expand i {
  display: inline-block;
  font-size: 18px;
}

.mean-container .mean-nav>ul>li:first-child>a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transition: all 0.4s ease-in-out;
}

.nano-news-card-item-2 {
  margin-top: 30px;
}

.nano-news-card-item-2 h3 {
  font-size: 26px;
  font-weight: bold;
  line-height: 136%;
}


.nano-news-card-item-2 .nano-news-image a,
.nano-news-card-item-2 .nano-news-image a img {
  border-radius: 15px;
  border: 1px solid #dbdbdb;
}


.nano-news-card-item-2 .nano-news-image img {
  width: 100%;
  height: 100%;
}

.nano-news-card-item-2 .nano-news-content {
  margin-top: 30px;
}

.nano-news-card-item-2 .nano-news-content .nano-news-post {
  display: flex;
  align-items: center;
  gap: 30px;
}

.nano-news-card-item-2 .nano-news-content .nano-news-post li {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
  position: relative;
}

.nano-news-card-item-2 .nano-news-content .nano-news-post h4,
.nano-news-card-item-2 .nano-news-content .nano-news-post h4 a {
  color: black;
}

.nano-faq-section h2 {
  color: var(--black);
}


.tecnologias ul {
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}
.tecnologias ul li{
    width:48%;
    display:inline-block;
    border:1px solid var(--color-1);
    padding:30px;
    border-radius:15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap:10px;
}

.tecnologias ul li h4{
    font-size:25px;
}

.tecnologias ul li img{
    max-width:50px;
    margin-bottom:15px;
        
}



.tecnologias ul li .c-img{

    
}

.nano-faq-section {
  background-color: #f8f8f8;
}

.nano-faq-section p {
  color: var(--black);
}

.detail-service .detail-service-price {
  background-color: #f3f3f3;
  width: fit-content;
  padding: 25px 90px;
  border-radius: 15px;
}

.detail-service .detail-service-price .service-header {
  text-align: center;
  margin-bottom: 20px;
}

.detail-service .detail-service-price .service-header h3 {
  color: var(--color-1);
  font-size: 40px;
  line-height: normal;
  line-height: 40px;
}

.detail-service .detail-service-price .service-header h3 span {
  font-size: 38px;
  font-weight: bold;
  color: var(--color-1);
}


.detail-service .detail-service-price .service-header h3 span:last-child {
  font-size: 30px;
}


.detail-service .detail-service-price .service-header span {

  color: var(--black);
  font-weight: 500;
}


.detail-service .detail-service-price .service-buttons {
  display: flex;
  flex-direction: row;
  gap: 10px;
}


.detail-service .detail-service-price .service-buttons li form{
    height:100%;
}

.detail-service .detail-service-price .service-buttons li form button{
    height:100%;
    padding:16px 30px;
}

.detail-service .detail-service-price .service-buttons a {
  padding: 20px 40px;
}


.other-services-i .icon-s{
    margin-bottom:20px;
    color: var(--color-1);
    font-size:30px;
}

.other-services-i p{
    margin-bottom:15px;
}

.other-services-i  .nano-process-card-item{
    margin-top:0px;
}

.other-services-i  .nano-process-card-item a:hover .icon-s, .other-services-i  .nano-process-card-item a:hover  .nano-link-btn{
    color:white;
    transition:all ease 0.4s;
}

.other-services-i  .nano-process-card-item a:hover  .nano-link-btn{
    border-color:white;
    color: white !important;
}

.other-services-i  .nano-process-card-item a:hover  .nano-link-btn:hover{
    color:white !important;
}

.other-services-i .card-s{
    display: block;
    background: var(--white);
    padding: 50px;
    margin-bottom: 28px;
    border-radius: 20px;
    padding-bottom: 85px;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
    /* border: 1px solid #E4E4E4; */
    border: 1px solid var(--color-1);
    height:100%;
}

.other-services-i .row {
    row-gap:40px;
}


.other-services-i p a{
    all: unset;
}



.other-services-i p a:hover{
    color: var(--color-1) !important;
    transition:all ease 0.4s !important;
    cursor:pointer !important;
}

.other-services-i  .nano-process-card-item a{
    padding:0px;
}

.other-services-i  .nano-process-card-item a:hover{
    all: unset;
}

.other-services-i .nano-link-btn{
         all: unset;
}

.other-services-i .nano-link-btn{
    
    font-size: 19px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    font-family: "Instrument Sans", sans-serif !important;
    text-transform: capitalize !important;
    color: var(--header) !important;
    border-bottom: 1px solid var(--header) !important;
}


.other-services-i h3 a{
     all: unset;
}




.other-services-i h3 a:hover{
    color: var(--color-1) !important;
    transition:all ease 0.4s !important;
    cursor:pointer !important; 
}

.other-services-i .nano-link-btn:hover{
    color: var(--color-1) !important;
    transition:all ease 0.4s !important;
    cursor:pointer !important;
}

.other-services .other-services-slide-3 .card-oservice {
  background-color: #f8f8f8;
  border-radius: 20px;
  width: 78%;
  gap: 100px;
  margin: 0 auto;
  padding: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.ofrecemos-2{
    background-color:#f8f8f8;
}

.ofrecemos-2 .card-oservice{
    background-color:white !important;
}

.ofrecemos-2 .card-oservice .card-oservice-image{
    max-width:30%;
    margin:0 auto;
    border-radius:15px;
    
}


.other-services .other-services-slide-3 .card-oservice h2 {
  font-size: 34px;
  font-weight: bold;
}

.other-services .other-services-slide-3 .card-oservice p {
  text-align: center;
  margin-top: 15px;
}

.other-services .other-services-slide-3 .card-oservice .card-oservice-price {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}


.other-services .other-services-slide-3 .card-oservice .card-oservice-price .service-header {
  text-align: center;
}

.other-services .other-services-slide-3 .card-oservice .card-oservice-price .service-header h3 {
  color: var(--color2);
  font-weight: bold;
  font-size: 35px;
}

.other-services .other-services-slide-3 .card-oservice .card-oservice-price .service-header h3 .date {
  color: var(--text);
  font-size: 18px;
  font-weight: 500;
}


.other-services .other-services-slide-3 .nav button {
  width: 40px;
  height: 40px;
  border: 1px solid black;
  border-radius: 50%;
}

.other-services .other-services-slide-3 .nav button:hover {
  background-color: var(--color2);
  transition: all ease 0.4s;
  color: white;
}


.domains .domains-form {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}

.domains .domains-form span:first-child {
  color: var(--black);
  font-weight: bold;
}

.domains .domains-form input,
.domains .domains-form select {
  background-color: #ebebeb;
  border: 0px;
  padding: 18px 30px;
  border-radius: 999px;
  font-size: 20px;
}

.domains .domains-form .btn-s{
    background-color: var(--color-1) !important;
}


.domains .domains-form input {
  width: 500px;
  max-width: 100%;
}

.nice-select .list {
  z-index: 99999999999999999999999999;
}


.domains .domains-form .nice-select {
  border-radius: 999px;
  padding: 13px 30px !important;
  display: flex;
  align-items: center;
  background-color: #ebebeb;
  border: 1px solid var(--color2);
  width: 180px;
  max-width: 100%;
  font-weight: normal !important;
  height: 100%;
}

.domains .domains-form .nice-select .current {
  font-weight: normal;
  color: #6E6E6E;
  font-size: 20px;
}


.domains .nice-select .option {
  font-size: 20px;
}

.domains .nice-select .option:hover {
  background-color: var(--color2);
  color: white;
  transition: all ease 0.4s;
}


.domains-section-2 {
  background-color: var(--color-1);
}

.domains-section-2 h3 {
  font-size: 45px;
}

.domains-section-2 h3,
.domains-section-2 li,
.domains-section-2 p {
  color: white;
}

.domains-section-2 ul li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
}

.domains-section-2 ul li::before {
  content: "\f00c";
  position: absolute;
  left: 0;
  top: 3px;
  width: 24px;
  height: 24px;
  background-color: var(--color2);
  border-radius: 50%;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  font-size: 14px;
}

.domains-section-2 ul li div {
  display: flex;
  flex-direction: column;
}

.domains-section-2 ul li {
  font-size: 18px;
}

.domains-section-2 .special-box {
  background-color: white;
  padding: 40px;
  border-radius: 20px;

}

.domains-section-2 .special-box h3 {
  color: var(--color-1);
}

.domains-section-2 .special-box p {
  color: black;
}

.domains-section-2 .special-box li {
  color: black;
}

.domains-section-2 .special-box li::before {
  display: none;

}

.domains-section-2 .special-box span {
  display: block;
  position: relative;
  color: black;
  padding-left: 35px;
  font-weight: 500;
  margin-bottom: 20px;
}

.domains-section-2 .special-box span::before {
  content: "\f00c";
  position: absolute;
  left: 0;
  top: 3px;
  width: 24px;
  height: 24px;
  background-color: var(--color-1);
  border-radius: 50%;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
  font-size: 14px;
}

.domains-section-2 .special-box li {
  margin-bottom: 0px;
  list-style-type: disc;
  padding-left: 0px;
  line-height: normal;
}

.domains-section-2 .special-box div ul {
  padding-left: 50px;
  margin-bottom: 20px;
}

.domains-section-2 .special-box div p {
  padding-left: 30px;
}


.domains-section-2 .special-item {
  margin-bottom: 20px;
}

.domains-section-2 .special-item:last-child {
  margin-bottom: 0px;
}





.domains .domains-form .nice-select::after {
  border-color: var(--color2);
  transform: scale(2) rotate(45deg);
  right: 15px !important;
}



.domains .domains-form .btn-1 {
  height: 100% !important;
  padding: 24px 50px;
}

.domains .domains-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 86%;
  margin: 0 auto;
  flex-wrap:wrap;
  row-gap:30px;
  column-gap:1%;
}

.domains .domains-list li {
  text-align: center;
  border: 1px solid var(--color2);
  border-radius: 999px;
  padding: 10px 55px;
  width:19%;
}

.domains .domains-list li h3 {
  font-size: 29px;
  line-height: normal;
  margin-bottom: 0px;
}

.response .respuesta2, .response .respuesta1{
    display: grid;
    grid-template-columns: 55% 40%;
    flex-direction: row;
    justify-content: space-between;
    background-color: white;
    width: 75%;
    margin: 0 auto;
    align-items: center;
    border-radius: 25px;
    padding:50px 70px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* botones del dominio disponible ("Pagar con otros metodos de pago" y, a su derecha, "Pagar Online"): los dos en la misma
   fila, cada texto en un solo renglón (un poco más compactos para que quepan); en pantallas angostas el segundo baja */
.response .sec-btns{
    flex-wrap: nowrap;
    gap: 8px;
}

.response .sec-btns a{
    flex: 0 0 auto; /* no se encogen: el texto siempre completo */
    white-space: nowrap;
    padding: 15px 14px;
    font-size: 15px;
}

@media (max-width: 1199px){
    .response .sec-btns{
        flex-wrap: wrap;
    }
}

/* botón "Buscar otro dominio", centrado bajo "INFORMACIÓN ADICIONAL" al final del resultado del buscador de dominios */
.response .buscar-otro-dominio{
    display: flex;
    justify-content: center;
    margin-top: 34px;
}

/* la flecha apunta hacia arriba (el tema gira los iconos de .btn-1) */
.response .buscar-otro-dominio .btn-1 i{
    transform: none;
}

/* aviso de "Consultando www.dominio.com" mientras llega el resultado del buscador de dominios */
.response .consultando-dominio{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 75%;
    margin: 0 auto;
    padding: 34px 20px;
    border-radius: 25px;
    background-color: white;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    color: black;
    font-size: 20px;
}

.response .consultando-dominio b{
    display: inline;
    margin: 0;
    font-size: inherit;
}

.response .consultando-dominio-giro{
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    border: 3px solid rgb(0 0 0 / 12%);
    border-top-color: var(--color-1);
    border-radius: 50%;
    animation: consultando-dominio 0.7s linear infinite;
}

@keyframes consultando-dominio{
    to{ transform: rotate(360deg); }
}

.response .respuesta2 .mitad h4, .response .respuesta1 .mitad h4{
     color: red;
     font-weight:900;
     font-size:40px;
}


.response .respuesta2 .mitad div{
    /*display:flex;*/
    /*flex-direction:column;*/
}


.response img{
    max-height:400px;
}


.response #resultado .mb10{
    display:grid;
    grid-template-columns:45% 55%;
    border:1px solid gray;
    border-bottom:0px;
    gap:10px;
    padding:0px 5px;
    align-items:center;
    padding-left:15px;
    padding-right:15px;
}



.response #resultado .mb10:first-child{
    border-top-left-radius:15px;
    border-top-right-radius:15px;
}

.response #resultado .mb10:last-child{
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    border-bottom:1px solid gray;
}


.response #resultado .mb10 {
    color:black;
}

.response #resultado .mb10 u{
    text-decoration: none;
    border-right:1px solid gray;
    padding-top:5px;
    padding-bottom:5px;
    color:black;
    font-weight:600;
    height:100%;
}


.response  h3, .response p b{
    margin-top:30px;
    font-size:29px;
    margin-bottom:10px;
    display:block;
}


.response .numdomain{
    color: var(--color-1);
    width:fit-content;
    font-size:33px;
    font-weight:bold;
}

.response .subti{
  margin-top:10px;
  background: rgb(255 0 0 / 10%);
  color: red;
  padding: 6px 20px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 600;
  width:fit-content;
}

.response .sec-btns{
    display:flex;
    flex-direction:row;
    margin-top:30px;
    gap:10px;
}

.response .d1 a:hover{
    color: var(--color-1);
    transition:all ease 0.4s;
    
}


.response .respuesta1 .subti{
    color:green;
    background: rgb(0 128 0 / 10%);
}

.response .respuesta1 .mitad h4{
    color:green;
    
}


.contact-i h2 {
  font-size: 45px;
}

.contact-i .section-title {
  align-items: flex-start !important;
}

.contact-i .nano-conatct-box-item {
  margin-left: 0px;
  padding: 0px;
}

.contact-i>.row {
  align-items: stretch;
}

.contact-i .nano-contact-section {
  position: sticky;
  top: 0px;

}

.contact-i .location {
  align-items: stretch;
}

.contact-i .location iframe{
  top:0px !important;
}


.contact-i .location img {
  height: 100%;
  object-fit: cover;
}

.contact-i .location .hero-video-container{
  height: 450px;
}

.contact-i.pqrs .section-title{
    align-items:center !important;
}

.file-upload {
  display: none;
}

.custom-file-label {
  background-color: var(--color2);
  color: white;
  padding: 15px 20px;
  display: inline-block;
  cursor: pointer;
  border-radius: 5px;
  font-family: sans-serif;
  transition: background-color 0.3s;
  text-transform: uppercase;
  font-weight: bold;
}

.custom-file-label:hover {
  background-color: var(--color-1);
}

.file{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    
}






/* WRAPPER: fondo y grandes bordes redondeados */



.col-content {
  background-color: var(--color-1);
  padding: 50px;
  border-top-right-radius: 50px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.col-tabs .content-right {
  background-color: blue;
  padding: 50px 0px !important;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
}


.tab-panel p {
  color: var(--white);
}




.col-content-1 .clock {
  max-width: 54%;
}


/* .col-content-1  .schedule-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
} */

.schedule-list li {
  gap: 20px;
  margin-bottom: 60px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
}

.schedule-list li:last-child {
  margin-bottom: 0px;
}



.schedule-list li div {
  display: grid;
  grid-template-columns: 20% 76%;
  gap: 4%;
  align-items: flex-end;
}


.schedule-list li span {
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  color: var(--color-1);
  background-color: white;
  display: inline-block;
  width: fit-content;
  border-radius: 5px;
  padding: 5px 10px;
}


.c-btn-more button{
    background-color: transparent;
    color: var(--color-1);
    font-size: 30px;
}

.c-btn-more button:hover {
    background-color: var(--color2);
    color: white;
    transition: all
ease 0.4s;
}

/* VER MÁS (#show-more-btn del inicio y de los servicios): "Leer más" pequeño encima de la flecha; al abrir la flecha
   gira hacia arriba y el texto pasa debajo como "Ocultar" (menu.js solo cambia aria-expanded) */
#show-more-btn.btn-ver-mas {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 8px 20px 10px;
    line-height: 1;
    border-radius: 12px;
}
#show-more-btn.btn-ver-mas[aria-expanded="true"] {
    padding: 10px 20px 8px;
}
.btn-ver-mas .ver-mas-texto {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.btn-ver-mas i {
    transition: transform .3s ease;
}
.btn-ver-mas[aria-expanded="true"] i {
    transform: rotate(180deg);
}
.btn-ver-mas[aria-expanded="true"] .ver-mas-leer,
.btn-ver-mas[aria-expanded="false"] .ver-mas-ocultar {
    display: none;
}


.detail-service #more-services {
    display: none;             
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.35s ease, transform 0.35s ease;
}

.detail-service #more-services.is-visible {
    display: block;
    opacity: 1;
    transform: translateY(0);
}


.schedule-list li h3 {
  color: white;
  font-size: 20px;
  margin-top: 10px;
}

.schedule-list li img {
  width: 100%;
  max-width: 140px;
}


.info-service .position-relative,
.info-service .position-relative .row {
  background-color: white;
}


.experience ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
}

.experience ul li {
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
}

.experience ul li button {
  border: 1px solid var(--color-1);
  padding: 10px 20px;
  border-radius: 999px;
}

.experience ul li button:hover {
  background-color: var(--color2);
  color: white;
  transition: all ease 0.4s;
}


.experience ul li button.active {
  background-color: var(--color2);
  color: white;
}


.experience .projects-img img {
  width: 100%;
  border-radius: 15px;
  height: 100%;
  object-fit: cover;
}

.projects .experience .projects-img .nano-barnd-image {
  display: block;
  overflow: hidden;
  border-radius: 15px;
  height: 100%;
}

.experience .projects-img a:hover img {
  transform: scale(1.1);
  transition: all ease 0.4s;
}

.experience .projects-img .row {
  display: flex;
  align-items: stretch;
}

.projects .nano-barnd-image {
  width: 100%;
  display: block;
  overflow: hidden;
}

.projects .nano-barnd-image:hover img {
  transform: scale(1.1);
  transition: all ease 0.4s;
  height: 100%;
}

.projects .nano-barnd-image img {
  width: 100%;
  object-fit: cover;
}


.planes .row {
  width: 95%;
  margin: 0 auto;
}

.planes .card-plan {
  box-shadow: 0px 0px 44px -5px rgba(0, 0, 0, 0.20);
  padding: 50px 20px;
  border-radius: 20px;
}

.planes-a .current-price{
    display:flex;
    flex-direction:column;
    gap:10px;
}


.planes-a  .card-plan-content-header .name span{
    display:block;
}

.planes-a .card-plan{
    height:100%;
}




.planes .card-plan.recommended {
  position: relative;
  background-color: var(--color-1);
}

.planes .card-plan.recommended .label {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  background-color: #ebebeb;
  top: -25px;
  padding: 10px 23px;
  border-radius: 999px;
  color: black;
  font-weight: 600;
}

.planes .card-plan.recommended .name {
  color: var(--white);
}

.planes .card-plan.recommended .previus-price {
  color: var(--white) !important;
  opacity: 1;
}


.planes .card-plan.recommended .card-plan-content-header .discount-percentage {
  background-color: var(--color2);
  color: var(--color-1);
}

.planes .card-plan.recommended .card-plan-content-header .current-price {
  color: var(--white);
}

.planes .card-plan.recommended .card-plan-content-header .current-price span {
  color: var(--white);
}

.planes .card-plan.recommended ul li {
  color: var(--white);
}

.planes .card-plan.recommended hr {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}

.planes .card-plan hr {
  width: 80%;
  margin: 0 auto;
}


.planes .card-plan.recommended .card-plan-content-button .btn-t {
  color: white;

}

.planes .card-plan.recommended .card-plan-content-button .btn-1:last-child {
  background-color: white;
  color: var(--color-1)
}

.planes .card-plan.recommended .card-plan-content-button .btn-1:last-child:hover {
  color: var(--white);
}


.planes .card-plan .card-plan-content-header {
  text-align: center;
}


.planes .card-plan .card-plan-content-header .name {
  font-size: 35px;
  margin-bottom: 25px;
}

.planes .card-plan .card-plan-content-header .name span {
  color: var(--color2);
}

.planes .card-plan .card-plan-content-header .previus-price {
  text-decoration: line-through;
  color: gray;
  opacity: 0.5;
  margin-bottom: 0px;
}




.planes .card-plan .card-plan-content-header .discount-percentage {
  color: var(--white);
  background-color: var(--color-1);
  width: fit-content;
  margin: 0 auto;
  padding: 12px 35px;
  border-radius: 999px;
  font-weight: bold;
}


.planes .card-plan hr {
  opacity: 0.2;
}

.planes .card-plan .card-plan-content-header .current-price {
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 48px;
  color: var(--color-1);
  font-weight: bold;
}

.planes .card-plan .card-plan-content-header .current-price span {
  font-size: 18px;
  color: var(--text);
  font-weight: 400;
}


.planes .card-plan ul {
  margin-top: 25px;
}

.planes .card-plan ul li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  color: black;
  font-size: 18px;
  font-weight: 500;
}


.planes .card-plan ul li:last-child {
  margin-bottom: 0px;
}

.planes .card-plan ul li::before {
  content: "\f00c";
  position: absolute;
  left: 0;
  top: 3px;
  width: 24px;
  height: 24px;
  background-color: var(--color2);
  border-radius: 50%;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  font-size: 14px;
}







.top-tabs {
  position: relative;
  z-index: 10;
  padding: 6px;

  display: flex;
  flex-direction: row;
  height: fit-content;
  position: absolute;
  top: 40px;
  right: 0px;
  left: auto;
  padding-left: 9%;
  padding-bottom: 7%;
  border-bottom-left-radius: 50px;
  width: 50%;

}

.top-tabs .c-buttons {
  border: 1px solid var(--color-1);
  padding: 10px 20px;
  border-radius: 50px;
}

.top-tabs button {
  height: fit-content;
  color: black;
  line-height: normal;
  font-size: 18px;
}

.top-tabs button .br{
    display:block;
}

.tab-btn {
  background: transparent;
  border: none;
  padding: 10px 20px;
  border-radius: 999px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  transition: all .25s ease;
  outline: none;
  font-size: 14px;

}


.col-tabs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 11%;
  padding-left: 0px;
  padding-right: 0px;
}

.col-tabs h2 {
  color: white;
}


.col-tabs .content-right {
  padding-left: 0px;
  position: relative;
  height: 100%;



}

.col-tabs .content-right {
  background-color: var(--color-1);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 0px;
  padding: 50px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
}


.col-tabs .content-right .cta-wrap{
    position:sticky;
    top:124px;
}

.col-tabs .content-right p{
    width:90%;
}

.top-tabs .figura {
  background-color: var(--color-1);
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 67px;
  left: -3px;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background-color: var(--color-1);
  z-index: 50;
}


.top-tabs .figura2 {
  width: 130px;
  height: 130px;
  position: absolute;
  bottom: 68px;
  left: 0px;
  background-color: var(--color-1);
  border-bottom-left-radius: 50px;
  z-index: 100;
  background-color: white;
}







.tab-btn:hover {
  transform: translateY(-2px);
}

.tab-btn:hover,
.tab-btn.active {
  background: var(--color2);
  color: white;
  box-shadow: 0 6px 18px rgba(23, 166, 255, 0.18);
}


.title-left,
.title-right {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 40px;
  color: var(--color2);
}


.include-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.include-list li {
  padding-left: 36px;
  position: relative;
  margin-bottom: 15px;
  line-height: 1.5;
  font-size: 17px;
  font-weight: 600;
  color: white;
}

.include-list li:last-child {
  margin-bottom: 0px;
}

/* CHECK */
.include-list li::before {
  content: "\f00c";
  position: absolute;
  left: 0;
  top: 3px;
  width: 24px;
  height: 24px;
  background-color: var(--color2);
  border-radius: 50%;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
}


.divider {
  margin-top: 30px;
  border-color: rgba(255, 255, 255, 0.5);
}


.cta-wrap .interesa {
  color: #ffffff;
  margin-bottom: 18px;
  font-size: 30px;
}

.cta-buttons a,
.cta-buttons button{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 15px 30px;
  border-radius: 999px;
  font-weight: 700;
  background-color: var(--color2);
  color: white;
}


.cta-buttons a::before,
.cta-buttons button::before{
  background-color: white;
}

.cta-buttons a:hover,
.cta-buttons button:hover{
  color: var(--color-1);
}



/* ocultar paneles con utilidad */
.d-none {
  display: none !important;
}




.nano-news-card-item-2 .nano-news-content .nano-news-post li.style-2::before {
  display: none;
}

.nano-news-card-item-2 .nano-news-content h4 a:hover {
  color: var(--color-1);
}

.nano-news-card-item-2 .nano-news-content .nano-link-btn {
  margin-top: 20px;
}

/*=======================
    Preloader
=======================*/
.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  background-color: #ffffff;
}

.preloader:after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 158px;
  margin-left: -55px;
  margin-top: -70px;
  height: 110px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-animation: pulse 1s infinite linear;
  animation: pulse 1s infinite linear;
  background-image: url(../../assets/img/prealoader.png);
  content: "";
}

.preloader:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
  color: var(--header);
  font-weight: 600;
  font-size: 14px;
  font-family: "Instrument Sans", sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  content: "Loading";
  -webkit-transition: none;
  transition: none;
  left: 30px;
}

.back-to-top {
  border-radius: 50%;
  background-color: var(--color2);
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: var(--color-1);
  font-size: 18px;
  position: fixed;
  display: inline-block;
  z-index: 999999;
  right: 1%; 
  transform: translateX(-50%);
  bottom: 30px!important;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

#back-top img {width:100%;}

.back-to-top:hover {
  background-color: var(--color-1);
  color: var(--color2);
}

.back-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}

.cursor-outer {
  -webkit-margin-start: -12px;
  margin-inline-start: -12px;
  margin-top: -12px;
  width: 30px;
  height: 30px;
  border: 1px solid var(--color-1);
  background-color: var(--color-1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.34;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.cursor-outer.cursor-hover {
  opacity: 0.14;
}

.mouseCursor {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
  text-align: center;
}

.cursor-inner {
  -webkit-margin-start: -3px;
  margin-inline-start: -3px;
  margin-top: -3px;
  width: 10px;
  height: 10px;
  z-index: 10000001;
  background-color: var(--color-1);
  opacity: 1;
  -webkit-transition: all 0.24s ease-out 0s;
  transition: all 0.24s ease-out 0s;
}

.cursor-inner span {
  color: var(--text);
  line-height: 60px;
  opacity: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}

.cursor-inner.cursor-hover {
  -webkit-margin-start: -10px;
  margin-inline-start: -10px;
  margin-top: -10px;
  width: 30px;
  height: 30px;
  background-color: var(--color-1);
  border: 1px solid #686363;
  opacity: 0;
}

.search-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  -webkit-transition: all 1s ease;
  -khtml-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.search-popup.active {
  z-index: 9999;
}

.section-title {
  position: relative;
  z-index: 99;
  margin-bottom: 30px;
  margin-top: -6px;
}



.section-title-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 9;
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .section-title-area {
    flex-wrap: wrap;
    gap: 30px;
  }
}

@media (max-width: 767px) {
  .section-title-area {
    margin-bottom: 0;
  }
  
  .back-to-top{
      left:45% !important;
  }
  
  
  
  
}

.section-title-area .section-title {
  margin-bottom: 0;
}

.section-title-area p {
  max-width: 532px;
}

.section-title-area .nano-content p {
  color: var(--white);
  padding-bottom: 0px;
  max-width: 544px;
}

.center {
  text-align: center;
  margin: 0 auto;
}

.section-bg {
  background-color: var(--bg);
}

.nano-service-wrapper {
  transition: all 0.4s ease-in-out;
  padding: 50px 0;
  position: relative;
  background-color: #ebebeb;
}

@media (max-width: 1399px) {
  .nano-service-wrapper {
    padding: 30px 0;
  }
}

@media (max-width: 1399px) {
  .nano-service-wrapper {
    padding: 30px 0;
  }
}

@media (max-width: 575px) {
  .nano-service-wrapper {
    margin-top: 30px;
  }
}

.nano-service-wrapper .service-image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16%;
  max-width: 340px;
  opacity: 0;
  visibility: visible;
  transition: all 0.4s ease-in-out;
}

@media (max-width: 1399px) {
  .nano-service-wrapper .service-image {
    display: none;
  }
}

.nano-service-wrapper .service-image img {
  width: 100%;
  height: 100%;
}

.nano-service-wrapper .nano-service-item {
  display: flex;
  align-items: center;
  gap: 50px;
  position: relative;
}

.nano-service-wrapper .nano-service-item .service-content-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.nano-service-wrapper .nano-service-item .service-content-item::before {
  position: absolute;
  content: "";
  width: 86%;
  left: 134px;
  top: 25px;
  height: 1px;
  background: var(--color2);
}

@media (max-width: 1199px) {
  .nano-service-wrapper .nano-service-item .service-content-item::before {
    display: none;
  }
}

.nano-service-wrapper .nano-service-item .service-content-item .service-content h6 {
  font-size: 18px;
  padding: 16px 47px;
  border-radius: 30px;
  border: 1px solid var(--color2);
  margin-bottom: 10px;
  display: inline-block;
  line-height: 1;
}

.paso-2 .form-clt i{
    bottom:3px !important;
    top:auto !important;
}

.paso-2 .row .col-lg-12:nth-last-child(2) i{
    bottom:auto !important;
    top:35px !important;
}




.nano-service-wrapper .nano-service-item .service-content-item .service-content h3 {
  margin-bottom: 10px;
  color: var(--color-1);
}

#chatWidget .chat-ventas .chat-panel{
    z-index:999999999 !important;
}

.nano-service-wrapper:hover {
  background-color: var(--color-1);
}

.nano-service-wrapper:hover h3 {
  color: var(--white) !important;
}


/* .nano-service-wrapper:hover p{
  width: 70%;
  transition: all ease 0.4s;
}
 */

.nano-service-wrapper:hover .number {
  color: var(--white);
}

.nano-service-wrapper:hover .service-image {
  opacity: 1;
  visibility: visible;
}

.nano-service-wrapper:hover .nano-service-item .service-content-item::before {
  background: var(--color2);
}

.nano-service-wrapper:hover .nano-service-item .service-content-item .service-content h6 {
  color: var(--white);
  border-radius: 30px;
  border: 1px solid var(--color2);
}

.nano-service-wrapper:hover .nano-service-item .service-content-item .service-content h3 a {
  color: var(--white);
}

.nano-service-wrapper:hover .nano-service-item .service-content-item .service-content p {
  color: var(--white);
}

.nano-service-wrapper.active {
  background-color: var(--color-1);
}

.nano-service-wrapper.active h3 {
  color: var(--white) !important;
}

.nano-service-wrapper.active .number {
  color: var(--white);
}

.nano-service-wrapper.active .service-image {
  opacity: 1;
  visibility: visible;
}

.nano-service-wrapper.active .nano-service-item .service-content-item::before {
  background: var(--color2);
}

.nano-service-wrapper.active .nano-service-item .service-content-item .service-content h6 {
  color: var(--white);
  border-radius: 30px;
  border: 1px solid var(--color2);
}

.nano-service-wrapper.active .nano-service-item .service-content-item .service-content h3 a {
  color: var(--white);
}

.nano-service-wrapper.active .nano-service-item .service-content-item .service-content p {
  color: var(--white);
}

.nano-service-cards-items-3 {
  background: #1E1E1E;
  margin-top: 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  height: 100%;
}

.nano-service-cards-items-3 .nano-content {
  border-radius: 15px;
  background-color: #f6f6f6;

}


.nano-service-cards-items-3 .nano-content img {
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.nano-service-cards-items-3 .nano-content .nano-icon {
  margin-bottom: 30px;
}

.nano-service-cards-items-3 .nano-content .nano-icon a {
  display: block;
  overflow: hidden;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.nano-service-cards-items-3 .nano-content .nano-icon a:hover img {
  transform: scale(1.1);
  transition: all ease 0.4s;
}

.nano-service-cards-items-3 .nano-content h4 {
  margin-bottom: 15px;
  text-align: center;
  color: var(--color-1);
}

.nano-service-cards-items-3 .nano-content h4 a {
  color: var(--color-1) !important;
  font-size: 40px
}

.nano-service-cards-items-3 .nano-content h4 a:hover {
  color: var(--color2) !important;
}

.nano-service-cards-items-3 .nano-content h4 a:hover {
  color: var(--color-1);
}

.nano-service-cards-items-3 .nano-content p {
  color: var(--white);
  width: 70%;
  margin: 0 auto;
  text-align: center;
}

.nano-service-cards-items-3 .nano-content .text-btn {
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  margin-top: 20px;
  text-decoration: underline;
  color: var(--white);
  text-align: right;
  width: 100%;
  padding-right: 10%;
  padding-bottom: 5%;
}

.nano-service-cards-items-3 .nano-content .text-btn:hover {
  color: var(--color-1);
}

.nano-service-cards-items-3 .nano-content .text-btn i {
  margin-left: 5px;
  /* transform: rotate(-40deg); */
  transition: all 0.4s ease-in-out;
  color: var(--color2);
  font-size: 30px;
}

.nano-service-cards-items-3 .nano-content .text-btn i:hover {
  transform: rotate(-40deg);
}

.nano-service-cards-items-3 .nano-image {
  opacity: 0;
  visibility: visible;
  transition: all 0.4s ease-in-out;
}

.nano-service-cards-items-3 .nano-image img {
  width: 100%;
  height: 100%;
}

.nano-service-cards-items-3.active .nano-image {
  opacity: 1;
  visibility: visible;
}

.nano-service-cards-items-3:hover .nano-image {
  opacity: 1;
  visibility: visible;
}

.nano-service-cards-items-3.style-2 {
  background: none;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  background: var(--White, #FFF);
}

.nano-service-cards-items-3.style-2 .nano-content h4 {
  margin-top: 60px;
}

.nano-service-cards-items-3.style-2 .nano-content h4 a {
  color: var(--black);
}

.nano-service-cards-items-3.style-2 .nano-content h4 a:hover {
  color: var(--color-1);
}

.nano-service-cards-items-3.style-2 .nano-content p {
  color: var(--black);
}

.nano-service-cards-items-3.style-2 .nano-content .text-btn {
  color: var(--black);
}

.nano-service-cards-items-3.style-2 .nano-content .text-btn:hover {
  color: var(--color-1);
}

.nano-service-section-4 {
  background: #F8F8F8;
}


.software .card-soft .soft-content {
  /* background-color: var(--color-1); */
  background-color: #f6f6f6;
  padding: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
}

.software .card-soft .soft-content:hover {
  background-color: var(--color-1);
}

.software .card-soft .soft-content:hover p {
  color: var(--white);
  transition: all ease 0.4s;
}


.software .card-soft .soft-content:hover .soft-btns a:first-child {
  background-color: var(--color2);
  transition: all ease 0.4s;
}


.software .card-soft .soft-content:hover .soft-btns a:first-child:hover::before {
  background: white !important;
}

.software .card-soft .soft-content:hover .soft-btns a:first-child:hover {
  color: var(--color-1);
}


.software .card-soft .soft-content:hover .soft-btns a:last-child {
  background-color: transparent;
  color: white;
}


.software .card-soft .soft-content .soft-number {
  background-color: var(--color2);
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--white);
  font-weight: 500;
  font-size: 25px;
}

.software .card-soft .soft-content .soft-logo {
  border-radius: 0px;
  margin-top: 20px;
  margin-bottom: 15px;
}

.software .card-soft .soft-content .soft-logo img {
  border-radius: 0px;
  border-radius: 10px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.software .card-soft .soft-content p {
  color: var(--color);
  margin-bottom: 20px;
  width: 90%;
}

.software .card-soft .soft-content .soft-btns {}

@keyframes load {
  0% {
    width: 0;
  }

  100% {
    width: 90%;
  }
}

@keyframes load2 {
  0% {
    width: 0;
  }

  100% {
    width: 70%;
  }
}

@keyframes load3 {
  0% {
    width: 0;
  }

  100% {
    width: 55%;
  }
}

.nano-testimonial-wrapper-2 {
  margin-top: 60px;
  position: relative;
}

@media (max-width: 767px) {
  .nano-testimonial-wrapper-2 {
    margin-top: 30px;
  }
 #chatWidget .chat-ventas .chat-panel {height: 500px !important;}
}

.nano-testimonial-wrapper-2 .array-items {
  display: grid;
  height: 100%;
  justify-content: space-between;
  align-items: center;
}

.nano-testimonial-wrapper-2 .array-items::before {
  position: absolute;
  top: 46px;
  bottom: 0;
  left: 7px;
  height: 74%;
  width: 1px;
  background-color: gray;
  content: "";
}

@media (max-width: 1399px) {
  .nano-testimonial-wrapper-2 .array-items::before {
    display: none;
  }
}

.nano-testimonial-wrapper-2 .array-items .array-prev {
  position: absolute;
  top: 22px;
  left: 0;
  color: var(--color2);
}



.nano-testimonial-wrapper-2 .array-items .array-next {
  position: absolute;
  bottom: 60px;
  left: 0;
  color: var(--color2);
}

.nano-testimonial-wrapper-2 .nano-testimonial-content-slider {
  height: 480px;
}

/* botón pausa / reproducir en medio de las flechas de los testimonios (sobre la línea vertical) */
.nano-testimonial-wrapper-2 .array-items .array-pausa {
  position: absolute;
  top: 50%;
  left: -8px;
  transform: translateY(-50%);
  z-index: 2;
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid var(--color2);
  background: #fff;
  color: var(--color2);
  font-size: 12px;
  line-height: 28px;
  text-align: center;
  transition: background .3s ease, color .3s ease;
}
.nano-testimonial-wrapper-2 .array-items .array-pausa:hover,
.nano-testimonial-wrapper-2 .array-items .array-pausa[aria-pressed="true"] {
  background: var(--color2);
  color: #fff;
}



.nano-testimonial-wrapper-2 .nano-testimonial-box-2 {
  display: grid;
  grid-template-columns: 45% 48%;
  gap: 5%;
}

.nano-testimonial-wrapper-2 .nano-testimonial-box-2 .text {
  padding: 40px;
  background-color: #f8f8f8;
  border-radius: 15px;
}






.nano-testimonial-wrapper-2 .nano-testimonial-box-2 .nano-radius-image {
  position: absolute;

}


.nano-testimonial-wrapper-2 .nano-testimonial-box-2 .card-testimonial {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
}

.nano-testimonial-wrapper-2 .nano-testimonial-box-2 .card-testimonial img {
  width: 100%;
  border-radius: 15px;

}

.nano-testimonial-wrapper-2 .nano-testimonial-box-2 .card-testimonial .video-btn {
  position: absolute;
  background-color: var(--color2);
  color: var(--white);
  display: inline-block;
  font-size: 20px;
  height: 100px;
  width: 100px;
  line-height: 100px;
  border-radius: 50%;
  text-align: center;

  left: auto;
  top: auto;
  bottom: auto;

}



.nano-testimonial-wrapper-2 .nano-testimonial-box-2 p {
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  color: #333;
  line-height: 134%;
  letter-spacing: -0.36px;
}


.nano-testimonial-wrapper-2 .nano-testimonial-box-2 .nano-client-info span {
  font-size: 18px;
  color: #333;
}

#empresas-title span.br, .hero-video-title span.br, h2 span.br{display:block;}


.elemeent-mv {display:none !important;}
.tab-panel p {margin-bottom:0px;}
.header-main-mb {display:none !important;}
.header-main .sidebar__toggle {color:black;}
.top-tabs .c-buttons {z-index: 99999999999999999999;position: relative;}
.detail-service .detail-service-price .service-buttons {justify-content:center;}
.nano-testimonial-wrapper-2 .nano-testimonial-box-2 .text h3{font-size:35px;height:100%;}
.nano-faq-section-i .accordion-button {padding: 14px 24px !important;font-size:22px !important;}
.glosario-t .domains-form .nice-select {width:fit-content;}
.blog-i .row {row-gap:40px;}
.blog-i .row .nano-news-card-item-2 h3 {font-size:22px;}
.details-blog-i h1 {font-size:45px;margin-bottom:15px;}
.details-blog-i h2 {font-size:38px;margin-bottom:15px;margin-top: 36px;}
.details-blog-i  img {border-radius:15px;width:auto;margin:0 auto;max-width:100%;}
.details-blog-i  .img {display:flex;justify-content:center;align-items:center;} 
.details-blog-i  .img img {width:100%;}
.details-blog-i  .date span {color:black;}
.details-blog-i .share p {font-weight:bold;}
.details-blog-i .share ul {display:flex;flex-direction:row;gap:15px;margin-top:20px;}
.details-blog-i .share ul li a {padding:10px;border:1px solid black;border-radius:5px;}
.details-blog-i .share ul li a:hover {background-color:var(--color-1);transition:all ease 0.4s;}
.details-blog-i .share ul li a:hover i {color:white;transition:all ease 0.4s;}
.details-blog-i .share ul li a:hover svg {fill:white;transition:all ease 0.4s;}
.blog-i a:hover img {transform:scale(1.1) !important;transition:all ease 0.4s;}
.blog-i a {width:100%;overflow:hidden;display:block;}
.nano-news-card-item-2 h3 a:hover {color: var(--color2);transition:all ease 0.4s;}
#mensaje {position: relative;display: flex;align-items: center;justify-content: center;}
#mensaje .content-m {position: absolute;display: flex;align-items: center;justify-content: center;text-align: center;flex-direction: column; padding-bottom: 50px;}
#mensaje .img-pc {object-fit: cover;width: 100%;}
#mensaje:before {content: "";background-color: #00000073; position: absolute;top: 0px;bottom: 0px;right: 0px;left: 0px;opacity: 0.5;}
#mensaje h2 {color: #003599;font-weight: 600;font-size: 50px;line-height: 1;margin-bottom: 60px;}
#mensaje .btn-e {background-color: #d93020;border-radius: 30px;border: none;color: white;font-size: 17px;padding-left: 25px;padding-right: 25px;margin-top: 10px;padding: 10px 30px;font-weight: 600; display: inline-block;}
#mensaje .btn-e:hover {background-color: #0278F4;transition: background-color 0.5s;}
.d-pt .pt {padding-top:0px !important;}
.texto-s a:hover {color:var(--color-1);transition:all ease 0.4s;}
.texto-s {color:black;}
.tutoriales-v iframe {width:80%;margin:0 auto;height:400px;border-radius:10px;}
.tutoriales-v  .soft-content:hover {background-color:#f6f6f6 !important;}
.tutoriales-v  .soft-content p {color:black !important;}
.tutoriales-v.bancolombia img {max-width:400px;margin-top:10px;}
.tutoriales-img .nano-content img {max-width:40%;margin:0 auto;margin-top:20px;}
#goog-gt-tt { display: none !important; }
:focus-visible { outline: none !important; }
font { background-color: transparent !important; box-shadow: none !important; }
.skiptranslate iframe { display: none !important; }
body { top: 0px !important; }
.bg-t .mt {margin-top:0px;background-color:white;}
.detail-service {position:relative;}
.detail-service .row {align-items:stretch !important;}
.detail-service .detail-service-price {position:sticky;top:130px;}
.nano-contact-section  .section-title-area p {max-width:100%;}
.userway_buttons_wrapper{top:150px !important;}
.uwaw-footer__i {display:none !important;}
.header-main .mean__menu-wrapperc {padding-right:0px;}
.header-1 .header-button .dropdown button {padding-right:0px;}
.casos-e .row {align-items:center !important;}
.nano-our-process-section .row  .section-title {margin-bottom:0px;}
.details-blog-i h1 {text-align:center;}
.nano-news-details-content li {color:black;}
.seo-s .service-content p{width:68%;}
.software .soft-btns {display:flex;flex-direction:row;gap:15px;}
.nano-news-section-2 .btn-m {display:none !important;}
.ubicacion-i .row h2 {font-size:36px;}
.ubicacion-i .row  {row-gap:30px;}
.ubicacion-i .row img {width:100%;object-fit:contain;}
.ubicacion-i .row .c-img {display:block;overflow:hidden;border-radius:15px;}
.ubicacion-i .row .c-img  img {border-radius:15px;}
.ubicacion-i .row .c-img:hover img {transform:scale(1.1);transition:all ease 0.4s;}
 .pago-linea-2 form h4 {width:100%;}

 

.btngeneral {
    position: relative;
    margin-bottom: 20px;
}

.btngeneral i {
    margin-right: 5px;
    transform: rotate(0deg)!important;
}

/* botones del menú "Atención al Cliente" (Contáctenos, Formas de Pago, Experiencia, Acceso al clientes), intercalados:
   el primero azul oscuro (el de siempre, con relleno azul claro al pasar el cursor), el siguiente azul claro (con relleno
   azul oscuro), y así sucesivamente */
.sub-menus .submenu[data-menu="atencion-cliente"] .btngeneral:nth-of-type(even) .btn-1 {
    background-color: var(--color2);
}

.sub-menus .submenu[data-menu="atencion-cliente"] .btngeneral:nth-of-type(even) .btn-1::before {
    background-color: var(--color-1);
}

/* cada vez que se despliega el menú titilan 3 veces, rápido, y se quedan quietos (assets/js/menu.js) */
.sub-menus .submenu.titilar-botones .btngeneral .btn-1 {
    animation: titilar-boton 0.2s linear 3;
}

@keyframes titilar-boton {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.25; transform: scale(1.05); }
}

@media (prefers-reduced-motion: reduce) {
    .sub-menus .submenu.titilar-botones .btngeneral .btn-1 {
        animation: none;
    }
}

/* botón "Ver ayuda y guía" de los menús Diseño Web, Hosting y Otros Servicios (donde iba el icono), bajo el texto del menú */
.btn-ayuda-menu {
    margin-top: 18px;
    margin-bottom: 0;
}


.mt40 {
    margin-top: 40px;
}

.mt10 {
    margin-top: 10px;
}

.w100{width:100%;}


#textovideo1{
    color:#fff;
    text-shadow:
        0px 2px 4px rgba(0,0,0,0.45),
        0px 6px 18px rgba(0,0,0,0.55),
        0px 12px 35px rgba(0,0,0,0.65);
}


#sombra{
    color:#fff;
    text-shadow:
        0px 2px 4px rgba(0,0,0,0.45),
        0px 6px 18px rgba(0,0,0,0.55),
        0px 12px 35px rgba(0,0,0,0.65);
}

img.imgwaze {
    height: 450px !important;
    border-radius: 20px !important;
}

 

@media (max-width: 1880px) {
 .header-main .main-menu ul li {margin-inline-end: 35px;}

}

@media (max-width: 1770px) {
    .header-main .main-menu ul li {margin-inline-end: 25px;}

}
@media (max-width: 1730px) {
    .header-main .main-menu ul li {margin-inline-end: 25px;}

}

@media (max-width: 1700px) {
  .header-main .mean__menu-wrapperc { gap: 2%;}
  .nano-hero-2 { padding: 70px 0 0; padding-bottom: 170px;}
  .nano-hero-2 .nano-hero-content h1 span {font-size: 120px !important;line-height:120px !important;}
  .hero-video-container {height: 450px;}
  h2 { font-size: 50px; line-height: 105%;}
  .nano-process-card-item h3 {font-size:35px;}
  .mt { margin-top: 70px;}
  .mb {margin-bottom: 70px;}
  .pt {padding-top: 70px;}
  .pb { padding-bottom: 70px;}
   h3 {font-size: 45px;}
  .video-2 .hero-video-title {font-size: 52px;}
  .nano-counter-wrapper .nano-counter-box h2 span { font-size: 70px;}
  .nano-testimonial-wrapper-2 .nano-testimonial-box-2 .text h3 {font-size:28px;}
  .nano-testimonial-wrapper-2 .nano-testimonial-box-2 p {font-size: 25px;}
  .nano-video-play-section {height: 520px;}
  .nano-footer-widget-wrapper.nano-style-2 .nano-footer-single-widget h3 {font-size: 26px;}
  .nano-footer-text {font-size: 150px;letter-spacing: -12.6px;margin-bottom: -64px;}
  .nano-breadcrumb-wrapper .hero-video-container {height: 300px;}
  .hero-video-title {font-size:38px;}
  .title-left, .title-right {font-size: 38px;}
  .other-services .other-services-slide-3 .card-oservice h2 {font-size: 36px;}
  .nano-service-wrapper h3 {font-size:35px;}
  .contact-i h2 {font-size: 40px;}
  .nano-service-cards-items-3 .nano-content h4 a {font-size: 32px;}
  .nano-faq-wrapper .nano-faq-item .accordion-item .accordion-header .accordion-button {font-size: 20px;padding: 20px 19px;line-height:normal !important;}
  .header-1 .sub-menus .submenu h4 {font-size:26px;}
  .domains-section-2 h3 {font-size: 40px;}
  .header-1 .sub-menus .submenu {padding: 40px;}
  .header-1 [data-menu] .row {column-gap: 10px;}
  .header-1 .sub-menus .submenu .submenu-items li a {font-size: 17px;}
  .header-1 .sub-menus .submenu {padding: 40px ;}
  .header-1 .sub-menus .submenu ul li {margin-bottom: 15px;}
  .header-1 .sub-menus .submenu p {font-size:17px;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4;display: -webkit-box;}
  .header-1 .sub-menus .submenu img {max-width: 80px;}
  .nano-process-card-item a {padding: 25px;padding-bottom: 35px;}
  .container {max-width: 1300px;}
  .header-main .mean__menu-wrapperc {gap:2%}
  .nano-hero-2 .nano-hero-content h1 {line-height:60%;width: 88%;}
  .nano-hero-2 .col-lg-3 {max-width: 50%;width: 50%;}
  #a11y-toggle {top: 110px;}
  #a11y-panel {top: 160px;width:600px;}
  #a11y-panel .label {font-size:16px;}
  #a11y-panel button {padding: 10px 10px;}
  #a11y-panel .button-r {padding: 7px 10px;}
  .nano-hero-2 .nano-hero-right-content .nano-radius-image {margin-bottom: 60px;}
  .nano-hero-2 .nano-hero-right-content .nano-radius-image .video-btn {font-size: 20px; height: 90px;width: 90px;line-height: 90px;}
  #a11y-panel .buttons {grid-template-columns: 32% 32% 32%;}
  #a11y-panel button {min-width:170px;}
  .header-main .main-menu ul li a {padding: 30px 0;}
  .nano-hero-2 .nano-hero-right-content .nano-content p {font-size:19.5px;}
  .contact h3 {font-size: 22px;}
  .nano-process-card-item h5 {margin-bottom: 30px;}
  .btn-g {font-size: 22px;}
  h5 {font-size: 22px;font-weight: 600;}
  .companies ul li img {max-width:85%;margin:0 auto;}
  .nano-counter-section .nano-counter-box h2 {font-size:35px;}
  .nano-counter-wrapper .nano-counter-box .nano-counter-item {padding-bottom: 1px;margin-bottom: 35px;}
  .nano-counter-wrapper .nano-counter-box .nano-counter-item p {font-size: 22px;}
  .nano-counter-wrapper .nano-counter-box {padding: 30px 70px;}
  .nano-feature-logo-section .info-contact h3 {font-size: 21px;}
  .nano-news-card-item-2 h3 {font-size: 23px;line-height: 126%;}
  .other-services .other-services-slide-3 .card-oservice {width:100%;}
  .tecnologias ul li h4 {font-size: 21px;}
  .seo-s .service-content p{width:68%;}
  .planes .row {width:100%;}
  .planes .card-plan .card-plan-content-header .current-price {font-size:40px;}
  .planes .card-plan .card-plan-content-header .name {font-size: 33px; margin-bottom: 15px;}
  .domains .domains-list li {padding: 8px 40px;}
  .domains .domains-list li h3 {font-size: 25px;}
  .other-services-i .card-s { padding: 35px;}
  .detail-service .detail-service-price {padding: 25px 60px;}
  .detail-service .detail-service-price .service-header h3 span:last-child {font-size: 28px;}
  .nano-faq-section-i .accordion-button {padding: 14px 24px !important;font-size: 20px !important;}
  .nano-contact-wrapper .nano-conatct-box-item .form-clt input, .nano-contact-wrapper .nano-conatct-box-item .form-clt textarea {padding: 12px 20px;}
  .nano-conatct-box-item .form-clt i {width: 50px;height: 50px;font-size: 25px;}
  .nano-contact-wrapper .nano-conatct-box-item .form-clt input, .nano-contact-wrapper .nano-conatct-box-item .form-clt textarea {padding-left: 60px !important;}
  .nano-contact-wrapper .nano-conatct-box-item .form-clt input, .nano-contact-wrapper .nano-conatct-box-item .form-clt textarea {font-size: 18px !important;}
  .detail-service .detail-service-price .service-header h3 {font-size: 38px;line-height: 38px;}
  .top-tabs .figura2 {bottom: 80px;}
  .cta-wrap .interesa {font-size: 28px;}
  .schedule-list li span {font-size: 23px;}
}


@media (max-width: 1650px) {
    .header-main .main-menu ul li { margin-inline-end: 10px;}
}



@media (max-width: 1600px) {
    header .gap-3 {gap: 0.5rem !important;}
    .header-main .main-menu ul li {margin-inline-start: 2px;}
}
 
 @media (max-width: 1530px) {
    .header-main .main-menu ul li {margin-inline-end: 10px;}
    .header-main .main-menu ul li a{font-size:16.5px;}
}
 
   
 
 @media (max-width: 1450px) {
     .pago-linea-2 form h4{font-size:40px;}
     .ubicacion-i .row h2 {font-size:34px;}
     #a11y-panel {width: 540px;}
     .header-wrapper {height: 98px}
    .blog-i .row .nano-news-card-item-2 h3 {font-size: 20px;}
    .nano-faq-section-i .accordion-button {font-size: 19px !important;}
    .header-main .main-menu ul li {margin-inline-end: 20px;}
    .container {max-width: 1150px;}
    .nano-faq-section #accordion {width:100%;}
    header .col-xl-10 .d-flex {gap:0.5rem !important}
    /*.header-main .main-menu ul li {margin-inline-end: 20px;}*/
    .header-1 .container-fluid {padding-left: 1%;padding-right: 1%;}
    header  .btn-1 {padding: 16px 10px;font-size:15px;}
    .nano-hero-2 .nano-hero-content h1 span {font-size: 100px !important;line-height: 100px !important;} 
    .nano-hero-2 .nano-hero-content h1 {width: 83%;}
    .nano-hero-2 {padding: 70px 0 0;padding-bottom: 170px;}
    .hero-video-title {font-size: 35px;}
    .hero-video-container {height: 500px;}
    h2 {font-size: 43px;line-height: 100%;}
    .contact h3 {font-size: 22px;}
    .btn-g {font-size: 20px;}
    .nano-process-card-item h3 {font-size: 32px;}
    h5 {font-size: 22px;}
    .formas-p .bank-card .bank-card-body div {font-size: 17px;}
   .nano-process-card-item h5 {margin-bottom: 35px;}
   .nano-counter-wrapper .nano-counter-box {max-width: 100%;}
   .nano-counter-wrapper .nano-counter-box h2 span {font-size: 55px;}
   .nano-counter-wrapper .nano-counter-box .nano-counter-item p {font-size: 22px;}
   .nano-feature-logo-section .info-contact h3 {font-size: 21px;}
   .video-2 .hero-video-title {font-size: 50px;}
   .nano-testimonial-wrapper-2 .nano-testimonial-box-2 p {font-size: 23px;}
   .nano-testimonial-wrapper-2 .nano-testimonial-box-2 .text h3 {font-size: 26px;}
   .nano-news-card-item-2 h3 {font-size: 20px;}
   .nano-news-card-item-2 .nano-news-content {margin-top: 20px;}
   .nano-faq-wrapper .nano-faq-item .accordion-item .accordion-header .accordion-button {font-size: 18px;padding: 14px 19px;line-height:30px;}
    .mt-5 {margin-top: 2.5rem !important;}
    .nano-video-play-section {height: 500px;}
   .nano-contact-wrapper .nano-conatct-box-item .form-clt input, .nano-contact-wrapper .nano-conatct-box-item .form-clt textarea {font-size: 19px;}
    .nano-contact-wrapper .nano-conatct-box-item {padding: 30px 50px;}
    .footer-section .container-fluid {width: 100%;padding: 50px 50px;}
    .nano-footer-widget-wrapper.nano-style-2 .nano-footer-single-widget h3 {font-size: 24px;margin-bottom:20px !important;}
    .nano-footer-text {font-size: 130px;}
    .accordion-cities .accordion-button {font-size:18px;}
    .nano-breadcrumb-wrapper .hero-video-container {height: 270px;}
    .detail-service .detail-service-price {padding: 25px 20px;}
    .top-tabs .figura {width: 80px; height: 80px;}
    .top-tabs .figura2 {width: 110px; height: 110px;bottom:78px;}
    .nano-contact-wrapper .nano-conatct-box-item {padding-bottom:0px;}
    .other-services .other-services-slide-3 .card-oservice h2 {font-size: 33px;}
    .other-services .other-services-slide-3 .card-oservice {width:85%;}
    .nano-service-wrapper h3 {font-size: 32px;}
    .nano-service-wrapper .service-image {right:8%;}
    .nano-service-wrapper.active .nano-service-item .service-content-item .service-content p {width:70%;font-size:19px;}
    .nano-service-wrapper.active .nano-service-item .service-content-item .service-content p br {display:none;}
    .nano-service-wrapper {padding: 40px 0;}
    h3 {font-size: 40px;}
   .planes .card-plan .card-plan-content-header .name {font-size: 30px;margin-bottom: 15px;}
   .planes .card-plan .card-plan-content-header .current-price {margin-top: 30px;margin-bottom: 20px;font-size: 38px;}
   .planes .card-plan ul li {font-size: 17px;}
   .domains .domains-list li {padding: 8px 45px;}
   .domains .domains-list li h3 {font-size: 23px;}
   .domains-section-2 h3 {font-size: 38px;}
   .contact-i h2 { font-size: 38px;}
   .formas-p .bank-card {padding: 20px 30px;}
   .software .card-soft .soft-content p {width:100%;}
   .contact-i .nano-conatct-box-item {padding:0px !important;}
   .info-contact iframe {height:400px;}
   .contact-i .location .hero-video-container { height: 400px;}
   .nano-about-wrapper .nano-about-item .nano-count-item .nano-count p {max-width: 80%;}
   .nano-about-wrapper .nano-about-item .nano-count-item .nano-count p  br {display:none;}
   .nano-service-cards-items-3 .nano-content h4 {font-size:25px;}
   .header-main .main-menu ul li a {padding: 30px 0;font-size:18px;}
   .domains .domains-form .btn-1 { padding: 24px 40px;}
   .header-1 .sub-menus .submenu p {max-width: 200px;font-size:15px;}
   .header-1 .sub-menus .submenu .submenu-items li a {font-size: 15.5px;}
   .tecnologias ul li h4 {font-size:20px;}
   .nano-faq-wrapper .col-lg-7 h3, .nano-faq-wrapper .col-lg-12 h3{font-size:26px;}
   .nano-hero-2 .nano-hero-content h1 {line-height:60%;}
   .nano-hero-2 {padding: 0px 0 0;padding-bottom: 105px;}
   .nano-hero-2 .nano-hero-right-content .nano-radius-image { margin-bottom: 30px;}
   .nano-hero-2 .col-lg-3 { max-width: 50%; width: 50%;}
   .nano-hero-2 .nano-hero-right-content .nano-content p{font-size:17.2px;}
   .nano-hero-2 .nano-hero-right-content .nano-radius-image {padding-left: 40%;}
   .nano-link-btn {font-size: 17px;}
   .nano-hero-2 .nano-hero-right-content .nano-radius-image .video-btn {transform:scale(0.85);}
    .nano-hero-2 .nano-hero-right-content .nano-content p { margin-bottom: 5px !important;text-align:justify;}
   .userway_buttons_wrapper{top:130px !important;}
   .header-1 .sub-menus .submenu h4 {font-size: 24px;}
   .header-1 .sub-menus .submenu {padding: 40px 30px ;}
    body {font-size:18px;}
    .hero-video-container {height: 350px;}
   .nano-hero-video-wrapper iframe {position: absolute !important;top: 0% !important; }
   .companies .company-logos li img {max-width:140px;}
   .nano-counter-wrapper .nano-counter-box {padding: 30px 65px;}
   .nano-counter-wrapper .nano-counter-box .nano-counter-item h2 { margin-top: 20px;}
   .nano-feature-logo-wrapper .nano-shape img {max-width:50px;}
   .nano-feature-logo-wrapper .nano-shape { position: absolute;top: 37%;right: -2%;}
   .nano-feature-logo-wrapper .nano-shape img {max-width: 80px;}
   .nano-video-play-section {height: 400px;}
   .nano-footer-text {margin-bottom: -60px;}
   #whatsapp-btn {width: 45px; height: 45px;}
   .top-tabs {top: 7px;width: 52%;}
   .top-tabs .figura2 {width: 80px; height: 80px;bottom: 51px;left: 23px;}
   .top-tabs .figura {bottom: 51px;left: 23px;}
   .other-services .other-services-slide-3 .card-oservice {width: 100%;}
   .ofrecemos-2 .nav {margin-top:0px !important;}
  .other-services .other-services-slide-3 .card-oservice .card-oservice-price .service-header h3 {font-size:33px;}
  .header-1 .sub-menus .submenu {left: 22%;}
  .header-1 .sub-menus .submenu:first-child {left:auto !important;}
  .domains .domains-list li { padding: 6px 30px;}
  .details-blog-i h1 {font-size: 40px;}
  .header-main .mean__menu-wrapperc { gap: 6%; }
  .detail-service .detail-service-price .service-header h3 {font-size: 36px;line-height: 36px;}
  .title-left, .title-right {font-size: 34px; margin-bottom: 25px;}
  .cta-wrap .interesa {font-size: 26px;}
  .schedule-list li span {font-size: 22px;}
  .software .soft-btns {flex-direction:column;}
  .domains .domains-form input, .domains .domains-form select {padding: 14px 30px;font-size: 18px;}
  .domains .domains-form .btn-1 {padding: 20px 40px;}
  .domains .domains-form .nice-select {padding: 12px 30px !important;}
  .domains .domains-form .nice-select .current {font-size: 18px;}
  #mensaje h2 {font-size: 45px;margin-bottom: 25px;}
  .btn-1 {font-size: 17px;}
  #mensaje .content-m a img {max-width: 250px;}
  #a11y-panel button {min-width: 150px;}
  .planes .card-plan .card-plan-content-header .discount-percentage {padding: 10px 30px;}
 }
 
 
  @media (max-width: 1390px) {
    .header-main .main-menu ul li {margin-inline-end: 15px;}
    .header-main .mean__menu-wrapperc {gap: 1%;}
  }
  
 
  @media (max-width: 1370px) {
    .header-main .main-menu ul li {margin-inline-end: 15px;}
    .header-main .main-menu ul li a{font-size:16.5px;}
  }
 
 
 
 

 @media (max-width: 1280px) {
   /*.container { max-width: 970px;}*/
  .container {max-width: 970px !important;}
  .header-main .main-menu ul li {margin-inline-end: 20px;}
  .header-main .main-menu ul li a {font-size: 16px;}
  header .header-main .col-xl-10 .d-flex .header-button:nth-child(2) {display:none;}
  .header-main .mean__menu-wrapperc {justify-content: space-between !important;padding-left:8% !important;}
  .nano-hero-2 .nano-hero-content h1 span {font-size: 110px !important;line-height: 110px !important;} 
  .nano-hero-2 .nano-hero-content h1 {width: 100%;}
  .nano-hero-2 .nano-hero-right-content .nano-radius-image { padding-left: 44%;}
  .nano-link-btn {font-size: 17px;margin-top:10px;}
  .nano-hero-2 {padding-bottom: 130px;}
  .hero-video-title {font-size: 35px;right:16%;}
  .nano-process-card-item a {padding: 35px;}
  .companies .company-logos {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;row-gap: 35px;}
  .header-main .mean__menu-wrapperc {padding-left: 4% !important;}
  .nano-footer-widget-wrapper.nano-style-2 .col-xl-3:last-child {padding-left: calc(var(--bs-gutter-x) * .5);}
  .nano-contact-wrapper .nano-conatct-box-item {padding: 30px 30px;}
  .planes .card-plan.recommended .label {font-size:16px;}
  .domains .domains-list {width:100%;}
  .domains .domains-list li h3 {font-size: 22px;}
  .domains .domains-list li {padding: 8px 25px;}
  .nano-conatct-box-item .contact-btn .btn-1{width:100%;padding:25px 0px;}
  .formas-p .bank-card .bank-card-header img {max-width:250px;}
  .formas-p .bank-card {padding: 20px 25px;}
  .software .card-soft .soft-content .soft-btns {display:flex;flex-direction:column;justify-content:center;gap:15px;}
  .software .card-soft .soft-content p {width: 100%;font-size:19px;}
  .nano-footer-widget-wrapper.nano-style-2 .col-xl-3 {padding-left: calc(var(--bs-gutter-x) * .5);}
  .nano-hero-2 .nano-hero-content h1 {line-height: 100px;}
  .nano-hero-2 .nano-hero-right-content .nano-radius-image { margin-bottom: 70px;}
  .nano-hero-2 {padding-bottom: 300px;}
  .nano-hero-2 .nano-hero-content h1 {width: 88%;}
  .detail-service .detail-service-price {width:100%;}
  .top-tabs {width: 60%;top:0px;justify-content: flex-end;}
  .top-tabs .figura2 {width: 70px;height: 70px;bottom: 49px;left: 105px;}
  .top-tabs .figura {width: 60px;height: 60px;bottom:49px;left: 105px;}
  .nano-hero-2 .nano-hero-content h1 span {font-size: 90px !important;line-height: 90px !important;}
  .nano-hero-2 .nano-hero-content h1 { width: 94%;}
  .nano-hero-2 .col-lg-3 {max-width: 55%;width: 55%;}
  .nano-hero-2 .nano-hero-right-content .nano-content p {font-size: 16px;}
  .nano-hero-2 .nano-hero-right-content .nano-content p {margin-bottom:8px !important;}
  .nano-hero-2 .nano-hero-right-content .nano-radius-image {margin-bottom: 33px;}
  .nano-hero-2 .nano-hero-right-content .nano-radius-image {padding-top: 11.7%;}
  .nano-hero-2 {padding-bottom: 181px;}
  .counter-animation .section-title-area {align-items:baseline;}
  .nano-footer-text {font-size: 111px;}
  .detail-service .detail-service-price .service-buttons a {padding: 20px 10px;}
  .nano-service-wrapper.active .nano-service-item .service-content-item .service-content p {width: 100%;}
  .planes .card-plan .card-plan-content-header .current-price {font-size: 32px;}
  .planes .card-plan .card-plan-content-header .name {font-size:28px;margin-bottom: -10px;}
  .domains .domains-form .btn-1 {padding: 25px 22px;}
  .software .card-soft .soft-content .soft-logo img {max-width:90%;margin:0 auto;}
  #mensaje h2 {font-size: 35px;margin-bottom: 20px;}
  .seo-s .service-content p {width:100%;}
  
 }
 
  @media (max-width: 1110px) {
    .header-main .main-menu ul li a {font-size: 15.px;}
    .header-main .main-menu ul li {margin-inline-end: 15px;}
  }
 

  @media (max-width: 1070px) {
    .header-main .main-menu ul li a {font-size: 15px;}
    .header-main .main-menu ul li {margin-inline-end: 10px;}
    .top-tabs .figura2 {width: 60px;height: 60px;bottom: 49px;left: 104px;}
    .top-tabs .figura { width: 60px;height: 60px;bottom: 49px;left: 97px;}
  }
  
 
 
 @media (max-width: 991px) {
     .domains .domains-list {width:100%;}
     .domains .domains-list li{width:29%;}
     .ubicacion-i .row h2 {font-size:30px;}
     .other-services .other-services-slide-3 .card-oservice {flex-direction:column;}
    .domains .domains-form {gap:25px !important;}
    .nano-breadcrumb-wrapper .hero-video-container::before {background: linear-gradient(90deg, rgba(23, 44, 133, 0.73) 20%, rgba(23, 44, 133, 0) 100%);}
    .nano-testimonial-wrapper-2 .nano-testimonial-content-slider {height: 400px;}
     header .col-xl-10 .d-flex {gap: 1rem !important;}
    .header-wrapper {height: 94px}
    .nano-counter-wrapper .nano-counter-box {width:100%;}
    .nano-hero-2 .nano-hero-content h1 {width: 100%;margin:0 auto;}
    .nano-hero-2 .nano-hero-right-content .nano-radius-image .video-btn {left: 50%;top: 50%;transform: translate(-50%, -50%);width: 70px;height: 70px;line-height: 70px;}
   .container {max-width: 720px !important;}
   .header-1 {padding-top:20px;padding-bottom:20px;}
   .header-logo img {max-width:210px;}
    header .header-main .col-xl-10 .d-flex .header-button:nth-child(2) {display: inline-block;}
   .header-main .mean__menu-wrapperc {padding-left: 0% !important;}
   .nano-hero-2 .col-lg-3{position:relative;width:100%;max-width:100%;}
   .nano-hero-2 .nano-hero-right-content .nano-radius-image {padding-left: 0%;}
   .nano-hero-content {padding-bottom: 0px;}
   .nano-hero-2 .nano-hero-right-content .nano-radius-image {padding-top: 5.7%;}
   .nano-hero-2 .nano-hero-content h1 span {font-size: 90px !important;line-height: 100px !important;}
   .nano-hero-2 .nano-hero-right-content .nano-radius-image {margin-bottom: 0px;}
   .nano-hero-2 {padding-bottom: 70px;}
   .nano-hero-2 .nano-hero-right-content .nano-content p {font-size: 18px;}
   .section-title-area .nano-content p {max-width:100%;}
   .section-title-area .nano-content p {padding-bottom: 20px;}
   .counter-animation .text-white {margin-bottom:0px;}
   .nano-hero-2 .nano-hero-right-content .nano-content {width: 100%;margin-left: auto;}
   .hero-video-container {height: 400px;}
   .nano-hero-video-wrapper iframe {top:0% !important;}
   .nano-hero-2 .nano-hero-content h1 {text-align:center;}
   .header__hamburger {display:inline-block !important;}
   header .header-main .col-xl-2 {width:30%;max-width:30%;}
   header .header-main .col-xl-10 {width:70%;max-width:70%;}
   .header-main {justify-content:space-between;}
   .header-1 .container-fluid {padding-left: 2%;padding-right: 2%;}
   .br-t{display:block;}
   .blog-h1 .row .col-xl-4:last-child {display:none;}
   .footer-section .row .col-xl-3::before {display:none;}
   .footer-section .payments {margin-top: 60px;margin-bottom: 41px;}
   .mean-container .mean-nav > ul {display:flex !important;flex-direction:column !important;gap:20px !important;}
   .mean-container .mean-nav > ul li a {width:100%;display:block;}
   .mean-container .mean-nav > ul li .mean-expand {border-bottom:0px;}
      .mean-container .mean-nav > ul li {position:relative;}
   .companies .company-logos {grid-template-columns: 1fr 1fr 1fr;}
   .companies p { width: 100%; margin-left: 0px;}
   .mean-container .mean-nav ul li a.mean-expand { margin-top: 1px;width: 26px;height: 32px;text-align: center;position: absolute;right: 0;top: 0;z-index: 2;font-weight: 700;background: transparent;border: none !important;font-size: 14px;}
   .element-pc {display:none !important}
   .elemeent-mv {display:inline-block !important;}
   .mobile-menu {margin-bottom:40px;}
   .mean-container .mean-nav > ul li ul li {padding-left:12px;}
   .companies .company-logos li {display:flex;align-items:center;justify-content:center;}
   .companies .company-logos li img {max-width:150px;}
   .nano-counter-wrapper .nano-counter-box {padding: 30px 30px;}
   .nano-counter-wrapper .nano-counter-box h2 span {font-size: 50px;}
   .nano-news-card-item-2 h3 {font-size: 20px;}
   .nano-testimonial-wrapper-2 .nano-testimonial-box-2 p {font-size: 18px;}
   .nano-contact-wrapper .nano-conatct-box-item { padding: 30px 0px;}
   .nano-testimonial-wrapper-2 .array-items .array-next {bottom: 45px;}
   .nano-testimonial-wrapper-2 .nano-testimonial-box-2 .card-testimonial .video-btn {transform:scale(0.7);}
   .payments {flex-direction:column !important;justify-content:center;align-items:center;gap:20px}
    .nano-footer-text {font-size: 80px;}
    .copy p {line-height: 40px;}
    .detail-service .detail-service-price {width:100%;margin:0 auto;}
    .detail-service .detail-service-price .service-buttons a { padding: 15px 10px;}
    .nano-breadcrumb-wrapper .hero-video-title {top: 36%;}
    .col-tabs {padding-top:0px;}
    .col-tabs .content-right{border-radius:0px;border-bottom-left-radius:50px;border-bottom-right-radius:50px;}
    .col-content {border-bottom-left-radius:0px;}
    .col-tabs .content-right {padding:50px !important;padding-top:0px !important;}
    .top-tabs .figura {display:none;}
    .top-tabs .figura2 {display:none;}
    .top-tabs {position:relative;width:100%;justify-content:center;padding-left:0px;top:0px;padding-bottom:4%;}
    .other-services .other-services-slide-3 .card-oservice {width: 100%;gap:30px;}
    .other-services .other-services-slide-3 .card-oservice img {max-width:200px;}
    .other-services .other-services-slide-3 .card-oservice p {text-align:left;}
    .other-services .other-services-slide-3 .card-oservice .card-oservice-price {gap: 10px;}
    .nano-faq-section #accordion {width: 100%;}
    .nano-faq-section #accordion {margin-top:50px;}
    .planes .row {justify-content:center;}
    .domains .domains-list {flex-wrap:wrap;justify-content:center;gap:20px;}
    .domains .domains-form {gap: 5px;}
    .domains .domains-form .btn-1 i {display:none;}
    .domains .domains-form .btn-1  {width:fit-content;padding: 24px 20px !important;}
    .domains .domains-form input {width:100%;max-width:250px;}
    .formas-p .bank-card {padding: 20px 15px;}
    .header-main-pc .menu-pc{display:none;}
    .image-wrapper2 {display:none;}
    #mensaje .img-pc {height:600px;}
    #mensaje h2 {font-size: 40px; margin-bottom: 20px;}
    #a11y-panel .buttons {grid-template-columns: 48% 48%;gap: 10px;row-gap: 20px;}
    #a11y-panel button { min-width: 100px;}
    #a11y-panel {width: 400px;}
   .details-blog-i h1 {font-size: 35px;}
   #a11y-toggle {border:1px solid white;}
   #ajusttopp {margin-top: -40px;}
   .back-to-top {right: 27%;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
     .title-icon {gap: 10px;}
     .title-icon svg {transform:scale(0.8);}
     .pago-linea-2 form h4 {font-size: 33px;}
     .pago-linea-2 form, .pago-linea-2 .sec-info{padding:30px 20px;}
     .domains .domains-list li{width:100%;}
     .experience ul {width:100%;display:grid !important;grid-template-columns:50% 50% !important;}
     .experience ul li {padding-left:5px;padding-right:5px;justify-content:flex-start;width:100%;}
     .experience ul li button { overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1; display: -webkit-box;text-align:center;width:100%;}
     .mean-container .mean-nav ul li a {padding: 7px 0;}
     .header-main .sidebar__toggle {font-size:22px;}
     .header-wrapper {height: 73px}
    .hero-video-title {line-height: 140%;}
     .hero-video-title { width: 90%;}
     .img-rod {display:none !important;}
     #mensaje .content-m a img {max-width:230px;}
     #mensaje h2 {font-size: 30px; margin-bottom: 15px;}
    .nano-faq-wrapper .col-lg-7 h3, .nano-faq-wrapper .col-lg-12 h3{font-size:24px;}
    .header-main .col-xl-10 .header-button {display:none !important;} 
    header .header-main .col-xl-2{width: 60%; max-width: 60%;padding-left:0px;}
    header .header-main .col-xl-10 {width: 40%; max-width: 40%;padding-right:0px !important;}
    .header-main-mb .col-xl-10 div.header-button {display:inline-block !important;}
    .header-main-mb .col-xl-10 div.header-button:nth-child(1) i, .header-main-mb .col-xl-10 div.header-button:nth-child(2) i {display:none;}
    .header-main-mb .col-xl-2 {display:none;}
    .header-main-mb .header__hamburger {display:none !important;}
    header .header-main-mb .col-xl-10 {width:100%;max-width:100%;padding-bottom:30px;padding-right: 0px !important;padding-left: 0px !important;gap:10px !important;}
    header .header-main-mb .col-xl-10 .d-flex {width:100%;justify-content:space-between;}
     header .header-main-mb .col-xl-10 .mean__menu-wrapper{display:none;}
    header .btn-1 {padding: 16px 13px;}
    .nano-hero-2 .nano-hero-content h1 span {font-size: 52px !important;line-height: 48px !important;}
    .nano-hero-content {padding-bottom: 30px;margin-top: 50px;}
    #videoarriba { margin-top: -45px;}
    .nano-hero-2 .nano-hero-content h1 {line-height: 60px;}
    .nano-hero-2 .nano-hero-content h1 {text-align:center;}
    .nano-hero-2 .nano-hero-right-content .nano-content p {text-align:justify;}
    .header-main-mb {display:block !important;}
    .companies .company-logos {grid-template-columns: 1fr 1fr;}
    .nano-hero-2 .nano-hero-right-content .nano-content {width:100%;}
    .nano-hero-2 {padding-bottom: 50px;}
    .header-logo img { max-width: 280px;}
    .header-main-mb {margin-left:0px;margin-right:0px;}
    .header-1 .container-fluid {padding-left: 3.5%;padding-right: 3.5%;}
    .header-main {margin-left:0px;margin-right:0px;}
    .nano-hero-2 .nano-hero-right-content .nano-content p {margin-bottom: 20px !important;}
    #whatsapp-label{display:none;}
    .header-1 .header-button .dropdown button {padding-right:0px;}
    .header-1.header-2.sticky .header-main-mb {display:none !important;}
    .header-1.header-2.sticky {padding-top:30px;padding-bottom:30px;}
    .hero-video-title{top: 50%;left: 50%;transform: translate(-50%, -50%);width:80%;}
    .hero-video-title br {display:none;}
    .hero-video-title {font-size: 30px;}
    h2 {font-size: 37px;}
    h5 {font-size: 20px;}
    .nano-our-process-section p {width:100%;}
    body {font-size:18px;}
    .contact h3 {display:flex !important;flex-direction:column !important;gap:15px;align-items: flex-start !important;}
    .mt-5 {margin-top: 2rem !important;}
    .nano-process-card-item {padding:0px;}
    .nano-process-card-item a { padding: 25px;}
    .nano-process-card-item h3 {font-size: 29px;}
    .nano-process-card-item h5 {margin-bottom: 26px;}
    .btn-g {font-size: 20px;}
    .mt {margin-top: 65px;}
    .mb {margin-bottom: 65px;}
    .pt {padding-top: 65px;}
    .pb {padding-bottom: 65px;}
    .nano-counter-section .col-lg-5 {width:100%;max-width:100%;}
    .nano-counter-section .row .col-lg-7 {display:none;}
    .nano-counter-wrapper .nano-counter-box {width:100%;}
    .nano-counter-wrapper .nano-counter-box h2 span {font-size: 40px;}
    .nano-feature-logo-section .info-contact ul li ul li div {flex-direction:column;}
    .nano-feature-logo-section .info-contact ul li ul li div:first-child a:first-child {padding-left:0px;}
    .nano-feature-logo-section .info-contact ul li ul li .btn-1 {padding: 10px 15px !important;width:fit-content;}
    .nano-feature-logo-section .info-contact ul li ul li {margin-bottom:30px;}
    .nano-feature-logo-section .info-contact ul li ul li:last-child {margin-bottom:30px;}
    .nano-feature-logo-section .info-contact ul li ul li div  div {flex-direction:row;justify-content:flex-start;gap:15px;}
    .video-2 .hero-video-title{top:42%;left:50%;transform:translate(-50%,50%);}
    .video-2 .hero-video-title {font-size: 31px;text-align:center;}
    h2 span {
    color: var(--color2);
    position: relative;
    display: inline-block;
    width: 100%;}
    .nano-testimonial-wrapper-2 .nano-testimonial-box-2 {display:flex;flex-direction:column;}
    .nano-testimonial-wrapper-2 .nano-testimonial-content-slider {height:500px;}
    .nano-testimonial-wrapper-2 .nano-testimonial-box-2 .text {padding: 25px;}
    .nano-testimonial-wrapper-2 .nano-testimonial-box-2 .text h3 {font-size: 20px;}
    .nano-testimonial-content-slider .open-video .video-btn {transform:scale(0.7);}
    .nano-video-play-section {height: 400px;}
    .nano-contact-wrapper p {text-align:left !important;}
    #contacto .nano-conatct-box-item {padding-top:0px;}
    #contacto #contact-form {margin-top:0px !important;}
    .nano-footer-widget-wrapper.nano-style-2 .col-xl-3::before{display:none;}
    .footer-section .container-fluid {padding: 30px 40px;}
    .nano-footer-widget-wrapper.nano-style-2 .nano-footer-single-widget h3 {font-size: 21px;}
    .nano-footer-widget-wrapper .nano-footer-single-widget .list-area li {font-size: 17px;}
    .nano-footer-widget-wrapper.nano-style-2 .nano-footer-single-widget .nano-widget-head {margin-bottom: 25px;}
    .footer-section .payments {margin-top: 60px;margin-bottom: 30px;}
    .footer-section .payments span {font-size: 18px !important;}
    .nano-footer-text {letter-spacing: -1px;margin-bottom: -32px;font-size: 30px;}
    .mean-container .mean-nav > ul {gap: 10px !important;}
    .mean-container .mean-nav ul li a{font-size:18px;}
    .offcanvas__wrapper .offcanvas__content .offcanvas__contact {margin-top: 10px;margin-bottom: 10px;}
    .offcanvas__top {margin-bottom:2rem;}
    .offcanvas__wrapper .offcanvas__content .social-icon a {width: 40px;height: 40px; line-height: 40px;}
    .offcanvas__wrapper .offcanvas__content .social-icon {margin-top: 20px;margin-bottom: 20px;}
    .offcanvas__wrapper .offcanvas__content .offcanvas__contact h3 {font-size: 22px;}
    .offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li span {font-size:17px;}
    .nano-breadcrumb-wrapper .hero-video-container { height: 230px;}
    .nano-breadcrumb-wrapper .hero-video-title{left:50%;transform:translate(-50%,50%);}
    .nano-breadcrumb-wrapper .hero-video-container::before {background: linear-gradient(90deg, rgba(23, 44, 133, 0.73) 30%, rgba(23, 44, 133, 0) 100%);}
    .detail-service .detail-service-price {width:100%;}
    .detail-service .detail-service-price {padding: 25px 20px;}
    .detail-service .detail-service-price .service-buttons a {padding: 20px 20px;}
    .detail-service .detail-service-price .service-header h3 {font-size: 33px;line-height: 33px;}
    .col-content {border-radius:0px;padding: 30px;}
    .top-tabs .c-buttons { padding: 20px 20px; border-radius: 15px;}
    .col-tabs .content-right {padding: 30px !important;padding-top: 0px !important;}
    .title-left, .title-right {font-size: 30px;margin-bottom:28px;}
    .col-tabs .content-right {border-radius:0px;}
    .col-content-1 .clock {max-width: 100%;}
    .top-tabs .c-buttons {display:flex;flex-direction:column;gap:5px;width:100%;}
    .schedule-list li div {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;}
    .schedule-list li span {font-size: 21px;}
    .nano-contact-wrapper .nano-conatct-box-item .form-clt input, .nano-contact-wrapper .nano-conatct-box-item .form-clt textarea {font-size: 18px;}
    .nano-conatct-box-item .contact-btn .btn-1 {padding: 20px 0px;}
    .nano-service-wrapper h3 {font-size: 28px;}
    .nano-service-wrapper .nano-service-item {gap: 20px;}
    .nano-service-wrapper.active .nano-service-item .service-content-item .service-content p {width: 100%;font-size: 18px;}
    h3 {font-size: 34px;}
    .planes .row {width:100%;gap:25px;}
    .planes .card-plan .card-plan-content-header .name {font-size: 30px;}
    .planes .card-plan .card-plan-content-header .current-price {margin-top: 25px;margin-bottom: 15px;font-size: 30px;}
    .domains .domains-form{flex-wrap:wrap;justify-content:space-between;}
    .domains .domains-form .btn-1 {display: block;width: 100%;}
    .domains .domains-form input, .domains .domains-form .nice-select {max-width:100%;width:50%;}
    .domains .domains-form input, .domains .domains-form select {background-color: #ebebeb;border: 0px;padding: 11px 17px;border-radius: 15px;font-size: 15px;}
    .domains .domains-form .nice-select {padding: 6px 30px !important;width:30%;}
    .domains .domains-form .btn-1 {margin-top:25px;}
    .domains .domains-form span:first-child{font-size:17px;}
    .domains .domains-list li h3 {font-size: 20px;}
    .domains-section-2 .special-box { padding: 30px;}
    .contact-i h2 {font-size: 37px;}
    .nano-about-wrapper .nano-about-item .nano-count-item {display:flex;flex-direction:column;}
    .nano-about-wrapper .nano-about-item .nano-count-item .nano-count.style-2::before {display:none;}
    .nano-about-wrapper .nano-about-item .nano-count-item .nano-count p {max-width:100%;}
    .nano-about-wrapper .nano-about-item .nano-count-item .nano-count p br {display:none;}
    .footer-section .container-fluid{border-radius:0px;}
    .other-services .other-services-slide-3 .card-oservice {flex-direction:column;}
    .other-services .other-services-slide-3 .card-oservice h2 {font-size:30px;}
    .other-services .other-services-slide-3 .card-oservice .card-oservice-price {flex-direction:column;}
    .seo-s .nano-service-wrapper {margin-top:0px;}
    .seo-s .nano-service-wrapper-f {margin-top:30px;}
    .tecnologias ul li{width:100%;}
    .tecnologias ul li h4 {font-size:19px;}
    .other-services .other-services-slide-3 .card-oservice { padding: 20px;}
   .col-tabs .content-right p{ width:100%;}
   .nano-feature-logo-section .info-contact ul li span.br{width:100%;}
   .top-tabs button .br {display: inline-block;}
   .valores .nav {display:none !important;}
   .nano-hero-video-wrapper{display: flex;align-items: center;justify-content: center;padding-bottom:10%;}
   .userway_buttons_wrapper {top: auto !important;bottom: 3.5rem !important;left: 1.8rem !important;}
   .sec-movil {display:flex;flex-direction:column-reverse;margin-top:65px;}
   .section-b {transform:none !important;translate:none !important;}
   .sec-movil .nano-hero-2 {padding-bottom:0px;}
   .hero-video-title {width:100% !important;}
   .nano-hero-2 .nano-hero-right-content .nano-content {margin-top: -20px;}
   .nano-feature-logo-section .info-contact ul li ul li div {align-items:flex-start !important;}
    #a11y-toggle {top: auto;bottom: 80px;left: 25px;}
    #a11y-panel {top: 145px;right:15px;max-width: 95%;}
     /*#a11y-panel {top: 35px;right:15px;max-width: 95%;}*/
    .nano-our-process-section-h .section-title {flex-direction:column-reverse !important;margin-bottom:30px !important;}
    .nano-our-process-section-h .section-title .contact {margin-top:0px !important;}
   .nano-our-process-section-h .col-lg-6 {margin-top: 0px;}
   .nano-our-process-section-h .section-title div:first-child {display:flex;flex-direction:column-reverse;}
   .nano-our-process-section-h .section-title div:first-child h5 {margin-top:50px !important;}
   .nano-our-process-section-h .section-title div:first-child h2 {margin-top:10px;}
   .companies .company-logos li img {max-width: 130px;}
   .contact h3 {font-size: 20px;}
   .contact-h .section-title {margin-bottom:0px;}
   .contact-h .info-contact h3 {margin-top:0px !important;}
   .nano-feature-logo-section .info-contact h3 {font-size: 19px;}
   .nano-feature-logo-wrapper .nano-right-content p {margin-bottom: 10px;}
   .btn-g {padding: 13px 15px !important;font-size: 19px;}
   .address address span.br {display:none !important;}
   .nano-feature-logo-section .info-contact ul li ul li .btn-1 {height:42px;}
   .address address {margin-bottom:0px;}
   .horario p {margin-bottom:0px !important;}
    .nano-feature-logo-wrapper .nano-right-content p {font-size: 17px;}
    .nano-feature-logo-section .info-contact ul li ul li:last-child {margin-bottom: 20px;}
   #empresas-title span.br, .hero-video-title span.br, h2 span.br {display: inline-block;}
   .nano-testimonial-wrapper-2 .array-items .array-prev{left:15px;}
   .nano-testimonial-wrapper-2 .array-items .array-next{left:15px;bottom: 0px;z-index: 99999999999999999999999999999999999999999999;}
   .nano-testimonial-wrapper-2 .nano-testimonial-content-slider {height: 520px;}
   .nano-news-section-2 .btn-m {display:flex !important;}
   .nano-news-section-2 .btn-p {display:none !important;}
   .nano-faq-section-h .nano-faq-content {display:flex;flex-direction:column-reverse;}
   .nano-faq-section-h  .col-lg-6 {margin-top:0px !important;}
   .nano-faq-section-h .nano-faq-section #accordion {margin-top:0px !important;}
   .check {text-align:center;font-size:16px;}
   .check  input {margint-top:5px;}
   textarea {height:150px;}
   .nano-contact-wrapper .nano-conatct-box-item .form-clt input, .nano-contact-wrapper .nano-conatct-box-item .form-clt textarea {font-size: 17px !important;}
   .nano-conatct-box-item .contact-btn .btn-1 {font-size: 19px;}
   .nano-contact-section-h .nano-conatct-box-item {padding-bottom:0px !important;}
   .nano-footer-widget-wrapper .nano-footer-single-widget {margin-top: 0px;margin-bottom:20px;}
   .nano-footer-widget-wrapper.nano-style-2 .col-xl-3 { padding-left: 0px !important}
   .footer-section .payments {margin-top: 20px;}
   .footer-section .payments img {max-width:200px;}
   .nano-breadcrumb-wrapper .hero-video-title {top:auto !important;}
   .detail-service .detail-service-price .service-buttons {flex-direction:column;justify-content:center;align-items:center;gap:10px;}
   .detail-service .col-lg-7 p {margin-bottom:0px !important;}
   .top-tabs {padding-bottom:0%;}
   .include-list li {font-size: 16px;}
   .col-tabs .content-right .cta-wrap { top: 0px;margin-top: 0px !important;}
   .nano-service-wrapper .nano-service-item {flex-direction:column;align-items:baseline;}
   .nano-service-wrapper .nano-service-item .service-content-item .service-content h6 {font-size: 17px;padding: 13px 40px;}
   .seo-s .service-content p {margin-bottom:0px;}
   .nano-service-wrapper {padding: 25px 0;}
   .planes .section-title {margin-bottom:0px;}
   .planes .card-plan .card-plan-content-header .previus-price {line-height: 60px;}
   .planes .card-plan ul li {margin-bottom: 10px;}
   .domains .domains-form {justify-content:center !important;gap:5px !important;}
   .section-title {margin-bottom: 25px;}
   .domains .domains-form .btn-1 {padding: 20px 20px !important;}
   .domains .domains-list li {padding: 8px 35px;}
   .domains-section-2 h3 {font-size: 35.5px;}
   .domains-section-2 .special-box div p {padding-left: 0px;}
   .glosario-t .domains-form .nice-select {width:100%;margin-top:10px;}
   .glosario-t .domains-form input {width:100% !important;font-size:16px;}
  .nano-faq-section-i .accordion-button {font-size: 17px !important;}
  .details-blog-i h1 {font-size: 32px;}
  .details-blog-i .date span {font-size:17px;}
  .ofrecemos-2 .section-title   {text-align:center;}
  .paso-nuevo .form-clt {display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;}
  .paso-nuevo .form-clt {padding-top:80px !important;}
  .paso-nuevo .nano-conatct-box-item .form-clt i {top: 15px !important;left:15px !important;}
  .pago-linea-2 .contact-btn {display:flex;flex-direction:column-reverse;}
  .pago-linea-2.paso-nuevo .row .col-lg-12:nth-last-child(2) i {top: 15px !important;}
 }
 
.headerh1{
font-family: "Instrument Sans", sans-serif;
color: var(--color-1);
margin-bottom: 15px;
font-size: 28px;
font-weight: 600;
line-height: 136%;
}

@keyframes titilarArrow {
  0% { opacity: 1; transform: translateX(0); }
  50% { opacity: 0.7; transform: translateX(3px); }
  100% { opacity: 1; transform: translateX(0); }
}

.header-1 .sub-menus .submenu .submenu-items li a::after {
  animation: titilarArrow 1s infinite;
}
 

@media only screen and (min-width:1500px) and (max-width:1799px){
    .headerh1{font-size: 26px;}
    .back-to-top { right: 13.5%;}
}

@media only screen and (min-width:1200px) and (max-width:1499px){
    .headerh1{font-size: 24px;}
    .back-to-top { right: 17%;}
}

@media only screen and (min-width:1000px) and (max-width:1199px){
    .headerh1{font-size: 24px;}
    .back-to-top { right: 22%;}
    .nano-hero-2 {padding: 70px 0 0;}
    #contacthome a.btn-1.btn-t {display: none !important;}
    span.d-flex.flex-row.gap-2.fle.btn-1.btn-g.align-items-center, a.d-flex.flex-row.gap-2.fle.btn-1.btn-g.align-items-center {font-size: 12px !important;}
    #bannerrr .nano-hero-2 {padding-bottom: 181px !important;}
}

@media only screen and (min-width:100px) and (max-width:999px){
    .submenu li a {font-size: 16px!important;font-weight: 100!important;}
    #a11y-toggle{display:none;}
}

/* Preguntas frecuentes del index: los titulos ya vienen bien escritos (mayuscula inicial, tildes),
   se muestran tal cual en vez de pasarlos a minusculas */
.nano-faq-wrapper .nano-faq-item.texto-normal .accordion-item .accordion-header .accordion-button {text-transform: none !important;}

/* Boton (X) para cerrar los paneles flotantes: accesibilidad y WhatsApp.
   "#a11y-panel .panel-cerrar" gana a las reglas generales "#a11y-panel button" (min-width, padding...) */
.panel-cerrar,
#a11y-panel .panel-cerrar {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  width: 32px;
  height: 32px;
  min-width: 0;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  background: #eef1f8;
  color: var(--color-1);
  cursor: pointer;
  transition: background ease 0.2s, color ease 0.2s, transform ease 0.2s;
}
.panel-cerrar:hover,
.panel-cerrar:focus-visible,
#a11y-panel .panel-cerrar:hover,
#a11y-panel .panel-cerrar:focus-visible {
  background: var(--color-1);
  color: #fff;
  transform: rotate(90deg);
}
/* version para fondos de color (encabezado verde de WhatsApp) */
.panel-cerrar.panel-cerrar-claro {
  background: rgba(0, 0, 0, 0.18);
  color: #fff;
}
.panel-cerrar.panel-cerrar-claro:hover,
.panel-cerrar.panel-cerrar-claro:focus-visible {
  background: rgba(0, 0, 0, 0.35);
}
/* que los textos no queden debajo de la X */
#a11y-panel .title-accesibilidad {padding-right: 40px;}
.wp-header .header-texts {padding-right: 30px;}

/* TESTIMONIOS EN CELULAR (<=767px): sin carrusel (main.js no inicia Swiper), tarjetas una debajo de otra,
   alternando gris muy claro y blanco, con espacio entre ellas */
@media (max-width: 767px) {
  .nano-testimonial-wrapper-2 .row > .col-xl-1.d-block {display: none !important;} /* flechas del carrusel */
  .nano-testimonial-wrapper-2 .nano-testimonial-content-slider {height: auto !important; overflow: visible;}
  .nano-testimonial-content-slider > .swiper-wrapper {display: flex; flex-direction: column; gap: 24px; transform: none !important;}
  .nano-testimonial-content-slider > .swiper-wrapper > .swiper-slide {width: 100% !important; height: auto !important; margin: 0 !important;}
  .nano-testimonial-wrapper-2 .nano-testimonial-box-2 {
    gap: 18px;
    padding: 22px 18px;
    border-radius: 18px;
    background: #f4f6fa;
    border: 1px solid #e6eaf2;
  }
  .nano-testimonial-content-slider .swiper-slide:nth-child(even) .nano-testimonial-box-2 {
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(23, 44, 133, 0.08);
  }
  .nano-testimonial-wrapper-2 .nano-testimonial-box-2 .text {padding: 0; background: transparent; border-radius: 0;}
  .nano-testimonial-wrapper-2 .nano-testimonial-box-2 .nano-client-info {margin-top: 14px; padding-top: 14px; border-top: 1px solid #e1e6ef;}
}

/* Videos de fondo auto-alojados (<video>) en lugar del iframe de Vimeo */
video[data-video-iframe] {display: block; object-fit: cover; background: transparent;}

a.blue {
    color: #122E80;
    font-weight: 500;
}
a.blue:hover {
    color: #00B0D0;
}

.mb30{margin-bottom: 30px}
.mb50{margin-bottom: 50px}
.mt50{margin-top: 50px}
.mt30{margin-top: 30px}

.pt2{padding-top: 70px} 
.pb2{padding-bottom: 70px} 


#titulo-testimonios{font-size: 64px}
#titulo-testimonios span{color:#2BB5E6}
.white{color: #ffffff!important}

/* ==========================================================================
   AJUSTES GENERALES (todas las resoluciones)
   ========================================================================== */

/* Título sobre la imagen del breadcrumb (páginas internas): el video del inicio conserva su color (#00fff2) */
.nano-breadcrumb-wrapper .hero-video-title span {color: #2bb5e6;}

/* Botón de subir (img/subir.gif): pegado al borde derecho en todas las resoluciones */
.back-to-top {right: 5px !important; left: auto !important;}
/* cuando el chat de ventas está activo ocupa esa esquina: el botón de subir queda encima del botón del chat
   (y detrás del panel del chat cuando se abre) */
body:has(#chatWidget .chat-button) .back-to-top {bottom: 86px !important; z-index: 999;}

/* Cuadro de WhatsApp: pegado al icono y sin salirse de la pantalla (si no cabe, la lista se desplaza) */
#wp-card {
  bottom: 82px !important;
  left: 30px;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 92px);
  transform-origin: bottom left;
}
/* los títulos de cada área (Ej: "Comercial y Administrativa") van en una sola línea y el cuadro toma el ancho justo del
   título más largo (sin pasar de 380px); el encabezado y el saludo no lo ensanchan: se acomodan a ese ancho. Si un nombre
   es más largo que el cuadro (pantallas muy angostas), termina en puntos suspensivos */
#wp-card {width: max-content; min-width: 250px; max-width: min(380px, calc(100vw - 24px));}
#wp-card .wp-header, #wp-card .wp-info {width: 0; min-width: 100%; box-sizing: border-box;}
/* botones de cada área más compactos, para que el cuadro quede angosto */
#wp-card .wp-list {padding: 12px;}
#wp-card .wp-item {padding: 10px; gap: 8px;}
#wp-card .wp-user-icon {width: 36px; height: 36px;}
#wp-card .wp-item .name {font-size: 15px;}
#wp-card .wp-item > div {min-width: 0;}
#wp-card .wp-item .name {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
@media (max-width: 480px) {
  #wp-card {left: 12px;}
  #wp-card .wp-list {padding: 12px;}
  #wp-card .wp-item {padding: 10px; gap: 8px;}
  #wp-card .wp-user-icon {width: 34px; height: 34px;}
  #wp-card .wp-item .name {font-size: 15px; letter-spacing: -0.2px;}
}
@media (max-width: 345px) {
  #wp-card .wp-item .name {font-size: 13.5px;}
}
#wp-card .wp-list {overflow-y: auto; min-height: 60px;}
#wp-card .wp-header, #wp-card .wp-info, #wp-card .chat-author-footer {flex-shrink: 0;}

/* Letrero del botón de WhatsApp ("¿Necesitas ayuda? Hablemos"): aparece y desaparece solo (assets/js/menu.js). Sale
   desde el icono: se desliza, crece levemente y se aclara; al ocultarse hace el camino contrario, un poco más rápido.
   Con el mouse sobre el icono (.letrero-fijo) se queda visible */
#whatsapp-label {
  transform-origin: left center;
  transition: opacity 0.55s ease, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease;
}
#whatsapp-container.letrero-oculto:not(.letrero-fijo) #whatsapp-label {
  opacity: 0 !important;
  transform: translateX(-14px) scale(0.94);
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.45s cubic-bezier(0.55, 0, 0.67, 0.2);
}
/* con el letrero oculto, su espacio (invisible) no tapa los clics de lo que haya debajo */
#whatsapp-container {pointer-events: none;}
#whatsapp-container > * {pointer-events: auto;}
@media (prefers-reduced-motion: reduce) {
  #whatsapp-label,
  #whatsapp-container.letrero-oculto:not(.letrero-fijo) #whatsapp-label {transition: opacity 0.2s linear; transform: none;}
}

/* Páginas legales (aviso-legal, politica-de-privacidad, terminos-condiciones, garantia-seguridad): el contenido ocupa
   todo el ancho del contenedor y los textos van justificados */
.texto-legal .disTable,
.texto-legal .disTable p,
.texto-legal .disTable li,
.texto-legal .disTable div {text-align: justify;}
.texto-legal .disTable {color: var(--black);}
/* listas del editor del panel: con sus viñetas o números (el tema quita las viñetas de todas las listas del sitio) */
.texto-legal .disTable ul {list-style: disc outside; margin: 0 0 18px; padding-left: 26px;}
.texto-legal .disTable ol {list-style: decimal outside; margin: 0 0 18px; padding-left: 26px;}
.texto-legal .disTable ul ul {list-style-type: circle; margin-bottom: 0;}
.texto-legal .disTable li {display: list-item; margin-bottom: 4px;}
.texto-legal .disTable li::marker {color: var(--color-1);}
/* subtítulos dentro del texto: más pequeños que el título de la página */
.texto-legal .disTable h3 {margin: 28px 0 12px; font-size: 28px; line-height: 1.25; text-align: left;}
.texto-legal .disTable h4 {margin: 24px 0 10px; font-size: 22px; line-height: 1.3; text-align: left;}
.texto-legal .disTable > h2:first-child,
.texto-legal .disTable > h3:first-child,
.texto-legal .disTable > h4:first-child {margin-top: 0;}

/* Textos justificados debajo de los breadcrumbs (el visible y el que se despliega con "Leer más"): diseno-paginas-web,
   el detalle de cada servicio de Diseño Web y de Otros Servicios, posicionamiento-web, alojamiento-web y dominios.
   No toca las tarjetas del carrusel "¿Qué Ofrecemos?" (sus textos van centrados) ni la caja del precio */
.detail-service p,
.detail-service li {text-align: justify;}
/* inicio: texto de presentación junto al título ("Nos especializamos en desarrollo web...") */
.nano-hero-2 .nano-hero-right-content .nano-content p {text-align: justify;}
/* otros-servicios: el texto de cada caja */
.card-s > p {text-align: justify;}

/* Dominios > "Dominios Especiales": botones de contacto (includes/call-action.php) al final del cuadro blanco */
.domains-section-2 .special-box .special-acciones {margin-top: 25px; padding-top: 25px; border-top: 1px solid #e5e7eb;}
.domains-section-2 .special-box .special-acciones .container {padding: 0; max-width: 100% !important;}
.domains-section-2 .special-box .special-acciones .d-flex {margin-top: 0 !important; gap: 10px !important;}
.domains-section-2 .special-box .special-acciones .btn-1 {padding: 15px 16px; font-size: 15px; white-space: nowrap;}

/* Dominios > resultado de un dominio disponible: "Pagar Online" (azul claro) se rellena de #127798 al pasar el mouse
   (el relleno general de .btn-2 queda del mismo celeste del botón y no se nota el cambio) */
.response .sec-btns .btn-1.btn-2::before {background-color: #127798;}

/* Dominios > resultado de un dominio disponible: "¿Necesitas ayuda?" y el botón verde "Contactar Asesor" (WhatsApp),
   debajo de los botones de pago; en los dominios especiales es el único botón */
.response .ayuda-dominio {margin-top: 26px;}
.response .ayuda-dominio-titulo {margin: 0 0 10px; color: var(--black); font-size: 20px; font-weight: 700;}
.response .btn-whatsapp-asesor {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 26px 10px 10px;
  border-radius: 999px;
  background-color: #25d366;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 8px 18px -8px rgba(37, 211, 102, 0.9);
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.response .btn-whatsapp-asesor .btn-whatsapp-icono {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
}
.response .btn-whatsapp-asesor:hover,
.response .btn-whatsapp-asesor:focus-visible {
  background-color: #1da851;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 12px 22px -8px rgba(37, 211, 102, 0.95);
}

/* trabaje-con-nosotros > "Cargue su hoja de vida": zona para arrastrar o elegir el archivo y, ya elegido, su ficha
   (nombre, peso y botón para quitarlo) */
.cv-carga {position: relative; margin: 6px 0 18px;}
/* el campo real queda fuera de la vista (no con display:none: así se puede llegar a él con el teclado) */
.cv-carga-input {position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; pointer-events: none;}
.cv-carga-zona {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  margin: 0;
  padding: 22px 28px;
  border: 2px dashed #b9c3de;
  border-radius: 26px;
  background: #f7f9fd;
  cursor: pointer;
  transition: border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.cv-carga-zona[hidden], .cv-carga-archivo[hidden], .cv-carga-error[hidden] {display: none;}
.cv-carga-zona:hover,
.cv-carga-zona.arrastrando,
.cv-carga-input:focus-visible + .cv-carga-zona {
  border-color: var(--color2);
  background: #eef8fd;
  box-shadow: 0 10px 26px -14px rgba(23, 44, 133, 0.45);
}
.cv-carga-zona.arrastrando {transform: scale(1.01); border-style: solid;}
.cv-carga-icono,
.cv-carga-archivo-icono {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: var(--color-1);
  color: #fff;
  font-size: 26px;
  transition: background-color 0.25s ease, transform 0.25s ease;
}
.cv-carga-zona:hover .cv-carga-icono,
.cv-carga-zona.arrastrando .cv-carga-icono {background: var(--color2); transform: translateY(-3px);}
.cv-carga-textos {display: flex; flex-direction: column; gap: 2px; min-width: 0; line-height: 1.4; text-align: left;}
.cv-carga-titulo {color: var(--black); font-size: 20px; font-weight: 600;}
.cv-carga-ayuda {color: var(--text); font-size: 16px;}
.cv-carga-enlace {color: var(--color-1); font-weight: 600; text-decoration: underline; text-underline-offset: 3px;}
.cv-carga-formatos {color: #7a8499; font-size: 14px;}
/* archivo ya elegido */
.cv-carga-archivo {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px 16px 24px;
  border: 1px solid #bfe6cb;
  border-radius: 26px;
  background: #f1fbf4;
}
.cv-carga-archivo-icono {width: 52px; height: 52px; font-size: 22px; background: #1f9d55;}
.cv-carga-archivo-datos {display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; line-height: 1.35; text-align: left;}
.cv-carga-archivo-datos strong {overflow: hidden; color: var(--black); font-size: 17px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap;}
.cv-carga-archivo-datos span {color: var(--text); font-size: 14px;}
.cv-carga-archivo-listo {flex: 0 0 auto; color: #1f9d55; font-size: 15px; font-weight: 600; white-space: nowrap;}
.cv-carga-quitar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #c0392b;
  font-size: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.cv-carga-quitar:hover, .cv-carga-quitar:focus-visible {background: #c0392b; color: #fff; transform: rotate(90deg);}
.cv-carga-error {margin: 10px 0 0 6px; color: #c0392b; font-size: 15px; font-weight: 600; text-align: left;}
@media (max-width: 575px) {
  .cv-carga-zona {flex-direction: column; gap: 12px; padding: 22px 18px; text-align: center;}
  .cv-carga-textos {align-items: center; text-align: center;}
  .cv-carga-archivo {flex-wrap: wrap; padding: 16px;}
  .cv-carga-archivo-listo {display: none;}
}

/* ==========================================================================
   SEO POR CIUDADES (seo-pagina.php y seo-ciudad.php)
   ========================================================================== */
/* título sobre la imagen: la frase de la página puede ser larga */
.nano-breadcrumb-wrapper .hero-video-title.seo-titulo {max-width: 62%; font-size: 34px; line-height: 1.2; text-align: left;    text-transform: capitalize;}
/* "qué incluye" y "expertos en diseño web en <ciudad>" */
.seo-ventajas {margin-top: 50px; row-gap: 30px;}
.seo-ventajas h3 {margin-bottom: 16px; font-size: 26px; line-height: 1.25;}
.seo-lista {margin: 0; padding: 0; list-style: none;}
.detail-service .seo-lista li {position: relative; margin-bottom: 10px; padding-left: 34px; color: var(--black); text-align: left;}
.seo-lista li::before {
  content: "\f00c";
  position: absolute;
  top: 5px;
  left: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--color2);
  color: #fff;
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  font-weight: 900;
  line-height: 22px;
  text-align: center;
}
/* preguntas de la página */
.seo-preguntas .preguntas-acordeon {width: 100%; max-width: 900px; margin-left: auto; margin-right: auto;}
.seo-preguntas .accordion-body p {margin-bottom: 0; color: var(--black);}
/* enlaces a las demás páginas de la ciudad */
.seo-relacionadas {background: #f7f9fd;}
.seo-relacionadas .section-title h2 {font-size: 36px;}
.seo-enlaces {display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px 16px; margin: 0; padding: 0; list-style: none;}
.seo-enlaces li a {
  display: block;
  height: 100%;
  padding: 11px 16px;
  border: 1px solid #dfe6f3;
  border-radius: 12px;
  background: #fff;
  color: var(--black);
  font-size: 16px;
  line-height: 1.35;
  transition: border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.seo-enlaces li a:hover {border-color: var(--color2); color: var(--color-1); box-shadow: 0 8px 18px -10px rgba(23, 44, 133, 0.45); transform: translateY(-2px);}
.seo-grupo {margin: 34px 0 14px; padding-left: 14px; border-left: 4px solid var(--color2); color: var(--color-1); font-size: 22px; line-height: 1.3;}
/* presentación de la ciudad (texto del editor del panel: puede traer imágenes, títulos y listas) */
.seo-ciudad-contenido {color: var(--black);}
.seo-ciudad-contenido p, .seo-ciudad-contenido li {text-align: justify;}
.seo-ciudad-contenido img {max-width: 100%; height: auto; border-radius: 15px;}
.seo-ciudad-contenido h2, .seo-ciudad-contenido h3 {margin: 26px 0 12px; font-size: 28px; line-height: 1.25; text-align: left;}
.seo-ciudad-contenido h4 {margin: 22px 0 10px; font-size: 22px;}
.seo-ciudad-contenido ul {list-style: disc outside; margin: 0 0 18px; padding-left: 26px;}
.seo-ciudad-contenido ol {list-style: decimal outside; margin: 0 0 18px; padding-left: 26px;}
.seo-ciudad-contenido li {display: list-item; margin-bottom: 4px;}
.seo-ciudad-contenido a {color: var(--color-1); font-weight: 600; text-decoration: underline;}
.seo-ciudad-contenido::after {content: ""; display: block; clear: both;}
/* página de la ciudad (seo-ciudad.php): título sobre la imagen ("Arauca / Colombia") y título "Servicios web en <ciudad>" */
.nano-breadcrumb-wrapper .hero-video-title.seo-titulo.seo-titulo-ciudad {font-size: 48px;}
.seo-ciudad-enlaces .section-title h2 {font-size: 62px;}
/* página de palabra clave (seo-pagina.php): el renglón azul del título sobre la imagen ("en Acacías") */
.nano-breadcrumb-wrapper .hero-video-title.seo-titulo:not(.seo-titulo-ciudad) span.br {font-size: 56px; line-height: 1.15;}
/* texto que se despliega con "Leer más" y, dentro, la fotografía de la ciudad al 100% */
.seo-texto-oculto a {color: var(--color-1); font-weight: 600; text-decoration: underline;}
.seo-imagen-ciudad {position: relative; margin: 6px 0 26px; overflow: hidden; border-radius: 15px;}
.seo-imagen-ciudad img {display: block; width: 100%; height: auto;}
/* crédito de las fotografías de la ciudad: pequeño, abajo a la derecha, dentro de la imagen */
.nano-breadcrumb-wrapper .seo-credito-imagen,
.detail-service .seo-imagen-ciudad .seo-credito-imagen {
  position: absolute;
  right: 12px;
  bottom: 8px;
  z-index: 9999;
  max-width: calc(100% - 24px);
  margin: 0;
  padding: 2px 9px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 11px;
  line-height: 1.5;
  text-align: right;
}
.nano-breadcrumb-wrapper .seo-credito-imagen a,
.detail-service .seo-imagen-ciudad .seo-credito-imagen a {color: #fff; font-weight: 400; text-decoration: underline;}
.nano-breadcrumb-wrapper .seo-credito-imagen a:hover,
.detail-service .seo-imagen-ciudad .seo-credito-imagen a:hover {color: #2bb5e6;}
@media (max-width: 1450px) {
  .nano-breadcrumb-wrapper .hero-video-title.seo-titulo {font-size: 30px;}
  .seo-relacionadas .section-title h2 {font-size: 32px;}
  .nano-breadcrumb-wrapper .hero-video-title.seo-titulo.seo-titulo-ciudad {font-size: 42px;}
  .nano-breadcrumb-wrapper .hero-video-title.seo-titulo:not(.seo-titulo-ciudad) span.br {font-size: 48px;}
  .seo-ciudad-enlaces .section-title h2 {font-size: 52px;}
}
@media (max-width: 991px) {
  .nano-breadcrumb-wrapper .hero-video-title.seo-titulo {max-width: 90%; font-size: 26px;}
  .seo-enlaces {grid-template-columns: repeat(2, 1fr);}
  .nano-breadcrumb-wrapper .hero-video-title.seo-titulo.seo-titulo-ciudad {font-size: 36px;}
  .nano-breadcrumb-wrapper .hero-video-title.seo-titulo:not(.seo-titulo-ciudad) span.br {font-size: 38px;}
  .seo-ciudad-enlaces .section-title h2 {font-size: 40px;}
}
@media (max-width: 575px) {
  .nano-breadcrumb-wrapper .hero-video-title.seo-titulo {font-size: 22px; text-align: center;}
  .seo-enlaces {grid-template-columns: 1fr;}
  .seo-relacionadas .section-title h2 {font-size: 26px;}
  .nano-breadcrumb-wrapper .hero-video-title.seo-titulo.seo-titulo-ciudad {font-size: 30px;}
  .nano-breadcrumb-wrapper .hero-video-title.seo-titulo:not(.seo-titulo-ciudad) span.br {font-size: 28px;}
  .detail-service .seo-imagen-ciudad .seo-credito-imagen {right: 6px; bottom: 5px; font-size: 9px;}
  .seo-ciudad-enlaces .section-title h2 {font-size: 30px;}
}

/* Cuadro de accesibilidad: nunca se sale por debajo de la pantalla */
#a11y-panel {max-height: calc(100vh - 170px); overflow-y: auto;}

/* Inicio > "Lo que Hacemos": al pasar el cursor la caja queda azul, el enlace "Conocer más" pasa a blanco */
.nano-process-card-item a:hover .conocoerservicio {color: #fff; transition: all ease 0.5s;}
.nano-process-card-item a .conocoerservicio:hover {color: var(--color2);}

/* "Tu historia comienza aquí" (formulario) seguido de la franja con imagen: separados */
.nano-contact-section-h + .nano-video-play-section {margin-top: 70px;}

/* quienes-somos > "Nuestros Valores": iconos de línea (Font Awesome) de los valores nuevos, del tamaño de los demás */
.valores .nano-content .nano-icon i {display: block; height: 48px; font-size: 44px; line-height: 48px; color: #111;}
/* quienes-somos: texto al 100% debajo de la imagen y del texto de su derecha, con espacio entre ellos */
/* quienes-somos: textos justificados (debajo del título y al lado de la imagen inferior) */
.nano-about-wrapper .nano-about-content .text {text-align: justify;}
/* quienes-somos: textos de Misión y Visión justificados */
.mision-vision .accordion-body {text-align: justify;}
/* "Ofrecemos tarifas competitivas...": de 1000 a 1599 px va al 100% debajo de la imagen y del texto (.texto-ancho); en
   las demás resoluciones va en la columna derecha, debajo del último párrafo (.texto-tarifas-columna) */
.nano-about-wrapper .texto-ancho {display: none;}
@media (min-width: 1000px) and (max-width: 1599px) {
  .nano-about-wrapper .texto-ancho {display: block;}
  .nano-about-wrapper .texto-tarifas-columna {display: none;}
}
.nano-about-wrapper .texto-ancho {margin-top: 35px;}
.nano-about-wrapper .texto-ancho .nano-about-content .text {max-width: 100%; margin-top: 0;}
/* quienes-somos: "Testimonios que respaldan nuestro trabajo" más cerca de "Nuestros Valores" */
/* las flechas de "Nuestros Valores" se salían del ancho de la página en pantallas medianas (movía la página a los lados) */
.valores {overflow-x: clip;}
.valores.pb {padding-bottom: 10px;}
.valores ~ .nano-testimonial-section-2 {padding-top: 0 !important;}
/* testimonios seguidos de la franja con imagen (quienes-somos): separados */
.nano-testimonial-section-2 + .nano-video-play-section {margin-top: 60px;}

/* Planes de hosting: la etiqueta "Más Vendido" siempre en una sola línea */
.planes .card-plan.recommended .label {white-space: nowrap;}

/* Dominios > "Encuentra tu Dominio": botón de la extensión (abre la ventana de extensiones) con la flecha del selector */
.domains .domains-form .ext-selector {
  position: relative;
  display: flex;
  align-items: center;
  width: 180px;
  max-width: 100%;
  padding: 13px 44px 13px 30px;
  border: 1px solid var(--color2);
  border-radius: 999px;
  background-color: #ebebeb;
  color: #6E6E6E;
  font-size: 20px;
  line-height: 40px;
  text-align: left;
  cursor: pointer;
  transition: box-shadow ease 0.2s, background-color ease 0.2s;
}
.domains .domains-form .ext-selector::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 22px;
  width: 9px;
  height: 9px;
  margin-top: -7px;
  border-right: 2px solid var(--color2);
  border-bottom: 2px solid var(--color2);
  transform: rotate(45deg);
  pointer-events: none;
}
.domains .domains-form .ext-selector:hover,
.domains .domains-form .ext-selector:focus-visible {background-color: #e3e7ee; box-shadow: 0 0 0 3px rgba(43, 181, 230, 0.25);}

/* Ventana con todas las extensiones disponibles */
.ext-ventana {
  position: fixed;
  inset: 0;
  z-index: 99999999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(2, 9, 41, 0.6);
}
.ext-ventana[hidden] {display: none;}
html.ext-ventana-abierta {overflow: hidden;}
.ext-ventana-caja {
  position: relative;
  width: 620px;
  max-width: 100%;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  padding: 30px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
  animation: ext-ventana-entra 0.22s ease-out;
}
@keyframes ext-ventana-entra {
  from {opacity: 0; transform: translateY(14px) scale(0.97);}
  to {opacity: 1; transform: none;}
}
.ext-ventana-caja h4 {margin: 0 40px 6px 0; color: var(--color-1); font-size: 24px; font-weight: 600;}
.ext-ventana-caja p {margin-bottom: 18px; color: var(--text); font-size: 16px; line-height: 1.4;}
.ext-ventana-lista {display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none;}
.ext-ventana-lista button {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 10px 6px;
  border: 1px solid var(--color2);
  border-radius: 14px;
  background: #fff;
  line-height: 1.25;
  cursor: pointer;
  transition: background-color ease 0.2s, color ease 0.2s, transform ease 0.2s;
}
.ext-ventana-lista button strong {color: var(--black); font-size: 19px;}
.ext-ventana-lista button span {color: var(--text); font-size: 14px;}
.ext-ventana-lista button:hover,
.ext-ventana-lista button:focus-visible,
.ext-ventana-lista button.activo {background-color: var(--color-1); transform: translateY(-2px);}
.ext-ventana-lista button:hover strong,
.ext-ventana-lista button:hover span,
.ext-ventana-lista button:focus-visible strong,
.ext-ventana-lista button:focus-visible span,
.ext-ventana-lista button.activo strong,
.ext-ventana-lista button.activo span {color: #fff;}
@media (max-width: 575px) {
  .ext-ventana-caja {padding: 22px 18px;}
  .ext-ventana-lista {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 1450px) {
  #wp-card {bottom: 72px !important;}
  .domains .domains-form .ext-selector {padding: 12px 44px 12px 30px; font-size: 18px; line-height: 34px;}
}

@media (max-width: 767px) {
  .domains .domains-form .ext-selector {width: 42%; padding: 6px 36px 6px 20px; font-size: 16px;}
  .domains .domains-form .ext-selector::after {right: 18px;}
}

/* contactenos: al bajar queda fijo solo el formulario, desde el campo "Nombre completo" y debajo del menú (el título
   sigue de largo). --contacto-desfase: distancia del inicio de la sección al formulario (script de contactenos.php) */
@media (min-width: 992px) {
  .contact-i .col-lg-6 > .nano-contact-section[id="contacto"] {top: calc(var(--header-height, 98px) + 15px - var(--contacto-desfase, 0px));}
}

/* Planes de diseño web: los 4 tabuladores (¿Que Ofrecemos?, Tiempo De Entrega, Cronograma, Trabajos Realizados) en una
   sola línea en portátiles */
@media (min-width: 992px) and (max-width: 1450px) {
  /* min-height: el alto que tenía la caja de botones; de él depende que la curva (figura / figura2) empate con el
     cuadro azul de abajo (content-right) sin dejar una línea blanca */
  .top-tabs .c-buttons {display: flex; flex-wrap: nowrap; align-items: center; padding: 10px 12px; min-height: 86px;}
  .top-tabs .c-buttons .tab-btn {padding: 8px 11px; font-size: 15.5px; white-space: nowrap;}
}
@media (min-width: 992px) and (max-width: 1280px) {
  .top-tabs .c-buttons {padding: 8px 8px;}
  .top-tabs .c-buttons .tab-btn {padding: 7px 8px; font-size: 14.5px;}
  /* la curva empieza justo donde termina el cuadro azul de la izquierda (sin franja blanca entre los dos) */
  .top-tabs .figura, .top-tabs .figura2 {left: 97px; width: 62px; height: 62px;}
}

/* Planes en 4 columnas (4 bloques en la misma línea): nombre y precio más pequeños para que quepan */
@media (min-width: 992px) and (max-width: 1450px) {
  .planes .col-lg-3 .card-plan .card-plan-content-header .name {font-size: 26px; margin-bottom: 15px;}
  .planes .col-lg-3 .card-plan .card-plan-content-header .current-price {margin-top: 30px; margin-bottom: 20px; font-size: 34px;}
  .planes .col-lg-3 .card-plan {padding-left: 14px; padding-right: 14px;}
}

/* ==========================================================================
   PORTÁTILES (1366 px de ancho y similares)
   ========================================================================== */
@media (min-width: 1281px) and (max-width: 1450px) {
  /* logo del encabezado un poco más grande */
  .header-main-pc .logo {overflow: visible;}
  .header-main-pc .header-logo img {width: 232px; max-width: none;}

  /* video del inicio ("años de experiencia"): más alto y mostrando la parte de abajo del video (el teclado y las manos
     del robot). El video mide 697 px de alto en este ancho (assets/js/menu.js > resizeAllVideos) y la caja 540: se
     oculta solo la franja superior */
  .video-1 .hero-video-container {height: 540px;}
  .video-1 .nano-hero-video-wrapper iframe,
  .video-1 .nano-hero-video-wrapper video {top: -157px !important;}

  /* cuadro de accesibilidad compacto: cabe completo en la pantalla */
  #a11y-panel {padding: 12px 15px;}
  #a11y-panel .title-accesibilidad {font-size: 20px; margin-bottom: 10px;}
  #a11y-panel .buttons {row-gap: 8px;}
  #a11y-panel button {padding: 6px 10px; font-size: 15px; gap: 2px;}
  #a11y-panel .label {font-size: 15px;}
  #a11y-panel .button-r {padding: 7px 10px; margin-top: 10px !important;}

  /* cuadro de WhatsApp compacto: cabe completo en la pantalla */
  #wp-card .wp-header {padding: 12px 16px;}
  #wp-card .wp-info {padding: 10px 14px 0; font-size: 13px; line-height: 18px;}
  #wp-card .wp-list {padding: 10px 14px;}
  #wp-card .wp-item {padding: 7px 10px; margin-bottom: 8px;}
  #wp-card .wp-item p {line-height: 20px; margin-bottom: 0;}
  #wp-card .wp-item .name {font-size: 15px;}
  #wp-card .wp-item .role {font-size: 13px;}
  #wp-card .wp-user-icon {width: 34px; height: 34px;}
  #wp-card .chat-author-footer {padding: 9px 16px; margin-top: 0;}

  /* títulos de sección parejos: "Testimonios que respaldan nuestro trabajo" igual que los demás */
  #testimonios #titulo-testimonios {font-size: 43px; line-height: 100%;}
  #titulo-testimonios {font-size: 46px;}

  /* testimonios: texto más pequeño y flechas de subir/bajar cerca del contenido que se mueve */
  .nano-testimonial-wrapper-2 .nano-testimonial-box-2 p {font-size: 20px;}
  .nano-testimonial-wrapper-2 .nano-testimonial-content-slider {height: 400px;}
  .nano-testimonial-wrapper-2 .nano-testimonial-box-2 {align-items: center; height: 100%;}
  .nano-testimonial-wrapper-2 .nano-testimonial-box-2 .text {padding: 28px 32px;}
  .nano-testimonial-wrapper-2 .array-items .array-prev {top: calc(50% - 75px);}
  .nano-testimonial-wrapper-2 .array-items .array-next {top: calc(50% + 45px); bottom: auto;}

  /* inicio > "Nos encantaría conocer tu proyecto": cada teléfono en una sola línea */
  .nano-feature-logo-section .info-contact #contacthome li > div {align-items: center; gap: 8px;}
  .nano-feature-logo-section .info-contact #contacthome li > div > a {white-space: nowrap; padding-left: 0; padding-right: 0; font-size: 17px;}
  .nano-feature-logo-section .info-contact #contacthome li > div > div {gap: 8px;}
  .nano-feature-logo-section .info-contact #contacthome li > div > div a {padding: 8px 12px; font-size: 15px; white-space: nowrap;}

  /* inicio > "Lo que queremos compartir contigo" en una sola línea */
  .blog-h1 > .container > .row:first-child > .col-lg-6:first-child {width: 72%;}
  .blog-h1 > .container > .row:first-child > .col-lg-6.btn-p {width: 28%;}
  /* el botón "Ver todos los artículos" a la derecha del título, en su misma línea (no debajo) */
  .blog-h1 > .container > .row:first-child {align-items: center !important;}
  .blog-h1 > .container > .row:first-child .section-title {margin-bottom: 0;}
  .blog-h1 #ajusttopp {margin-top: 0;}
  .blog-h1 > .container > .row:first-child + .row {margin-top: 30px;}

  /* "Tu historia comienza aquí": campo del mensaje más alto (unas 4 filas) */
  #contacto .form-clt textarea {height: 150px;}

  /* diseno-paginas-web: Ver proyectos, Solicitar Cotización, teléfono y WhatsApp en una sola línea */
  .detail-service .sec-text .d-flex.gap-3 {flex-wrap: nowrap !important; gap: 8px !important; align-items: center;}
  .detail-service .sec-text .d-flex.gap-3 .btn-1 {padding: 15px 13px; font-size: 15px; white-space: nowrap;}
  /* páginas de palabra clave: los mismos botones, repetidos al final del texto "Leer más" */
  .detail-service .seo-oculto-botones .d-flex.gap-3 {gap: 8px !important; align-items: center;}
  .detail-service .seo-oculto-botones .d-flex.gap-3 .btn-1 {padding: 15px 13px; font-size: 15px; white-space: nowrap;}


  /* posicionamiento-web: la imagen de cada punto aparece al pasar el mouse (estaba oculta por debajo de 1400 px) */
  .nano-service-wrapper .service-image {display: block; right: 5%; max-width: 270px;}

  /* contactenos: título más pequeño, campos del formulario más juntos y botón más cerca del texto de aceptación */
  .contact-i h2 {font-size: 32px; line-height: 46px;}
  .contact-i #contact-form > .row {--bs-gutter-y: 8px;}
  /* "Acepto los Términos..." en una sola línea y más cerca del campo Mensaje */
  .contact-i #contact-form .form-clt textarea {height: 112px;}
  .contact-i #contact-form .check {margin-top: -14px; font-size: 15px;}
  .contact-i #contact-form .check label {white-space: nowrap; margin-bottom: 0;}
  .contact-i #contact-form .check input {width: 17px; height: 17px; margin-right: 6px; vertical-align: middle;}
  /* botón "Enviar Mensaje" con el texto en una sola línea */
  .contact-i #contact-form .contact-btn {margin-top: -14px;} /* más cerca del reCAPTCHA */
  .contact-i #contact-form .contact-btn .btn-1 {width: 100%; padding: 22px 20px; white-space: nowrap;}

  /* "Horarios de Atención" (inicio y contactenos): cada horario en una sola línea; el botón queda abajo a la derecha,
     al lado del último horario, sin quitarle ancho al texto */
  /* "ESTAMOS EN TODA COLOMBIA" (inicio y contactenos): "Nuestra sede principal..." en una sola línea; la dirección
     va debajo y el botón del mapa queda abajo a la derecha */
  .info-contact .address > ul > li > div {position: relative; display: block;}
  .nano-feature-logo-section .info-contact ul li ul li.address address {width: 100%; white-space: nowrap; margin-bottom: 0;}
  .info-contact .address > ul > li > div address span.br {width: 58%; white-space: normal;}
  .info-contact .address > ul > li > div > a.btn-1 {position: absolute; right: 0; bottom: 0; height: auto; min-height: 0; max-width: 38%;}

  .info-contact .horario-atencion > ul > li > div {position: relative; display: block;}
  .info-contact .horario-atencion > ul > li > div > p {margin-bottom: 0;}
  .info-contact .horario-atencion > ul > li > div > p span.br {width: 100% !important; white-space: nowrap;}
  .info-contact .horario-atencion > ul > li > div > a.btn-1 {position: absolute; right: 0; bottom: 0; height: auto; min-height: 0;}

  /* quienes-somos: números de los contadores */
  .nano-about-wrapper .nano-about-item .nano-count-item .nano-count h2,
  .nano-about-wrapper .nano-about-item .nano-count-item .nano-count h2 .count {font-size: 36px;}

  /* dominios > "Encuentra tu Dominio": óvalos de los precios más pequeños */
  .domains .domains-list li {padding: 0px 30px;}
  .domains .domains-list li h3 {line-height: 15px; margin-bottom: 0px; margin-top: 3px;}
}

/* ==========================================================================
   CELULAR (menos de 768 px de ancho)
   ========================================================================== */
/* inicio > banner: en celular va una imagen en lugar del video (includes/video1-home.php) */
.video-1-imagen {display: none;}

/* inicio > "Empresas que confían en nosotros": el segundo logo de cada casilla empieza oculto (assets/js/menu.js lo
   alterna con el primero). Sin esto, mientras cargaba el JavaScript se veían los dos logos juntos y en celular la
   página quedaba más ancha que la pantalla (aparecía la barra de desplazamiento horizontal) */
.companies .company-logos li .img2 {display: none;}
.companies .company-logos li {min-width: 0;}

@media (max-width: 767px) {
  /* nada ensancha la página: lo que entra animado desde un lado (tarjetas de "Lo que Hacemos", etc.) se recorta en el
     borde de su sección mientras se mueve. Antes la página quedaba unos píxeles más ancha que la pantalla durante la
     animación y aparecía la barra de desplazamiento horizontal */
  body > section, body > footer, body > .sec-movil {overflow-x: clip;}

  /* inicio > banner: la imagen completa, con el título encima */
  .video-1 .video-1-imagen {display: block; width: 100%;}
  .video-1 .video-1-imagen img {display: block; width: 100%; height: auto;}
  .video-1 .hero-video-container {height: auto;}
  .video-1 .nano-hero-video-wrapper {display: block; padding-bottom: 0;}
  .video-1 .hero-video-title {text-shadow: 0 2px 12px rgba(9, 20, 66, 0.75);}

  /* logo del encabezado un poco más grande */
  header .header-main .col-xl-2 {width: 68%; max-width: 68%;}
  header .header-main .col-xl-10 {width: 32%; max-width: 32%;}

  /* inicio > "Empresas que confían en nosotros": 4 logos a la vez, que cambian al azar (assets/js/menu.js >
     cicloLogosCelular). Antes de que inicie el cambio se ven los 4 primeros */
  .companies .company-logos {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}
  .companies .company-logos li {display: none; min-height: 80px;}
  .companies .company-logos:not(.logos-azar) li:nth-child(-n+4),
  .companies .company-logos.logos-azar li.logo-visible {display: flex;}

  /* inicio > "Lo que queremos compartir contigo": dos artículos, uno debajo del otro, con la imagen del mismo tamaño */
  /* (solo el enlace de la imagen, "> a": los enlaces del crédito de la foto siguen en línea, para que el crédito
     quede en un solo renglón) */
  .blog-h1 .nano-news-card-item-2 .nano-news-image > a {display: block;}
  .blog-h1 .nano-news-card-item-2 .nano-news-image > a img {display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover;}

  /* pie de página: espacio entre el botón "Mi cuenta" y el título "Atención al Cliente" */
  .nano-footer-single-widget.nano-style-2 > .btn-1 {margin-bottom: 30px;}

  /* pie de página: la franja azul del copyright queda por encima del botón de WhatsApp y del de subir (al llegar al
     final de la página se lee completa); en el resto de la página esos botones siguen encima de todo */
  .footer-section .copy {position: relative; z-index: 1000000;}
}

/* ==== TITULOS H1 (generado por build/build-titulos-h1.mjs: no editar a mano) ==== */


#resultado .mt30.mb10 h1.titulo-h3{
    font-size:23px !important;
    color:var(--color-1);
    margin-top:20px !important;
    margin-bottom:20px !important;

}

#imgPrincipal h1.titulo-h2 a {color:white !important;}
#imgPrincipal h1.titulo-h2::before {color:white !important;}
.secc-ofrecemos h1.titulo-h2, .secc-informacion h1.titulo-h2, .secc-informacion h1.titulo-h2 a, .secc-ofrecemos h1.titulo-h2 a{color:#007CA8 !important;}
.paginas-web h1.titulo-h3, .secc-informacion h1.titulo-h3 {font-size:24px !important;font-weight:400 !important;}

.nano-faq-wrapper .col-lg-7 h1.titulo-h3,
.nano-faq-wrapper .col-lg-12 h1.titulo-h3{
    font-size:28px;
}

.s-h h1.titulo-h2 {
    text-align:center;
}

.s-h h1.titulo-h2 a:hover{
    color:var(--color-1);
    transition:all ease 0.4s;
}

h1.titulo-h2,
h1.titulo-h3 {
  font-family: "Instrument Sans", sans-serif;
  margin: 0px;
  padding: 0;
  color: var(--black);
  /* transition: all 0.4s ease-in-out; */
}

h1.titulo-h2 span {
  color: var(--color2);
}

h1.titulo-h3 span {
  color: var(--color2);
}


h1.titulo-h2 a:hover span,
h1.titulo-h3 a:hover span{
     color: var(--color-1) !important;
     transition:all ease 0.4s;
}

@media (max-width: 991px) {
  
  #resultado .mt30.mb10 h1.titulo-h3{
      font-size:20px !important;
  }
  
  
  
  
}

h1.titulo-h2 {
  font-size: 66px;
  font-weight: 600;
  line-height: 113%;
}

@media (max-width: 1600px) {
  h1.titulo-h2 {
    font-size: 70px;
  }
}

@media (max-width: 1199px) {
  h1.titulo-h2 {
    font-size: 55px;
  }
}

@media (max-width: 991px) {
  h1.titulo-h2 {
    font-size: 50px;
  }
}

@media (max-width: 767px) {
  h1.titulo-h2 {
    font-size: 40px;
  }
}

@media (max-width: 575px) {
  h1.titulo-h2 {
    font-size: 30px;
  }
}

@media (max-width: 470px) {
  h1.titulo-h2 {
    font-size: 30px;
  }
}

h1.titulo-h3 {
  font-size: 50px;
  font-weight: 600;
  line-height: 123%;
}

@media (max-width: 1199px) {
  h1.titulo-h3 {
    font-size: 35px;
  }
}

@media (max-width: 767px) {
  h1.titulo-h3 {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  h1.titulo-h3 {
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .nano-about-wrapper .nano-about-item .nano-count-item .nano-count h1.titulo-h2 {
    font-size: 40px;
  }
}



.nano-about-wrapper .nano-about-item .nano-count-item .nano-count h1.titulo-h2,
.nano-about-wrapper .nano-about-item .nano-count-item .nano-count h1.titulo-h2 span {
  color: var(--color-1) !important;
  font-size: 50px;
}

.nano-our-process-section h1.titulo-h2 {
  color: var(--black);
}

.nano-our-process-section h1.titulo-h2 span {
  color: var(--color2);
}


.contact h1.titulo-h3 {
  color: black;
  font-size: 24px;
  font-weight: 600;
}



.nano-counter-wrapper .nano-counter-box h1.titulo-h2 span {
  color: var(--white) !important;
  font-size: 60px;
}

.nano-counter-wrapper .nano-counter-box .nano-counter-item h1.titulo-h2 {
  color: var(--bg);
}

.nano-feature-logo-section .info-contact h1.titulo-h3 {
  font-size: 23px;
  font-weight: bold;
  display: block;
  padding-bottom: 15px;
  border-bottom: 1px solid gray;
  margin-bottom: 20px;
  margin-top: 20px;
}

.nano-process-card-item h1.titulo-h3 {
  font-size: 40px;
  color: var(--black);
  letter-spacing: -1px;
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  .nano-process-card-item h1.titulo-h3 {
    font-size: 30px;
  }
}


.nano-process-card-item a:hover h1.titulo-h2,
.nano-process-card-item a:hover h1.titulo-h3 {
  color: white;
  transition: all ease 0.5s;
}



.nano-counter-section h1.titulo-h2 {
  color: white;
}


.nano-counter-section h1.titulo-h2 span {
  color: var(--color2);
}

.nano-footer-widget-wrapper.nano-style-2 .nano-footer-single-widget h1.titulo-h3 {
  color: var(--color-1);
  font-size: 30px;
  font-weight: bold;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact h1.titulo-h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.nano-news-card-item-2 h1.titulo-h3 {
  font-size: 26px;
  font-weight: bold;
  line-height: 136%;
}

.nano-faq-section h1.titulo-h2 {
  color: var(--black);
}

.detail-service .detail-service-price .service-header h1.titulo-h3 {
  color: var(--color-1);
  font-size: 40px;
  line-height: normal;
  line-height: 40px;
}

.detail-service .detail-service-price .service-header h1.titulo-h3 span {
  font-size: 38px;
  font-weight: bold;
  color: var(--color-1);
}


.detail-service .detail-service-price .service-header h1.titulo-h3 span:last-child {
  font-size: 30px;
}


.other-services-i h1.titulo-h3 a{
     all: unset;
}




.other-services-i h1.titulo-h3 a:hover{
    color: var(--color-1) !important;
    transition:all ease 0.4s !important;
    cursor:pointer !important; 
}


.other-services .other-services-slide-3 .card-oservice h1.titulo-h2 {
  font-size: 34px;
  font-weight: bold;
}

.other-services .other-services-slide-3 .card-oservice .card-oservice-price .service-header h1.titulo-h3 {
  color: var(--color2);
  font-weight: bold;
  font-size: 35px;
}

.other-services .other-services-slide-3 .card-oservice .card-oservice-price .service-header h1.titulo-h3 .date {
  color: var(--text);
  font-size: 18px;
  font-weight: 500;
}

.domains-section-2 h1.titulo-h3 {
  font-size: 45px;
}

.domains-section-2 h1.titulo-h3 {
  color: white;
}

.domains-section-2 .special-box h1.titulo-h3 {
  color: var(--color-1);
}

.domains .domains-list li h1.titulo-h3 {
  font-size: 29px;
  line-height: normal;
  margin-bottom: 0px;
}


.response  h1.titulo-h3{
    margin-top:30px;
    font-size:29px;
    margin-bottom:10px;
    display:block;
}


.contact-i h1.titulo-h2 {
  font-size: 45px;
}


.schedule-list li h1.titulo-h3 {
  color: white;
  font-size: 20px;
  margin-top: 10px;
}

.col-tabs h1.titulo-h2 {
  color: white;
}




.nano-service-wrapper .nano-service-item .service-content-item .service-content h1.titulo-h3 {
  margin-bottom: 10px;
  color: var(--color-1);
}

.nano-service-wrapper:hover h1.titulo-h3 {
  color: var(--white) !important;
}

.nano-service-wrapper:hover .nano-service-item .service-content-item .service-content h1.titulo-h3 a {
  color: var(--white);
}

.nano-service-wrapper.active h1.titulo-h3 {
  color: var(--white) !important;
}

.nano-service-wrapper.active .nano-service-item .service-content-item .service-content h1.titulo-h3 a {
  color: var(--white);
}

h1.titulo-h2 span.br{display:block;}
.nano-testimonial-wrapper-2 .nano-testimonial-box-2 .text h1.titulo-h3{font-size:35px;height:100%;}
.blog-i .row .nano-news-card-item-2 h1.titulo-h3 {font-size:22px;}
.details-blog-i h1.titulo-h2 {font-size:38px;margin-bottom:15px;margin-top: 36px;}
.nano-news-card-item-2 h1.titulo-h3 a:hover {color: var(--color2);transition:all ease 0.4s;}
#mensaje h1.titulo-h2 {color: #003599;font-weight: 600;font-size: 50px;line-height: 1;margin-bottom: 60px;}
.ubicacion-i .row h1.titulo-h2 {font-size:36px;}

@media (max-width: 1700px) {
  h1.titulo-h2 { font-size: 50px; line-height: 105%;}
}

@media (max-width: 1700px) {
  .nano-process-card-item h1.titulo-h3 {font-size:35px;}
}

@media (max-width: 1700px) {
   h1.titulo-h3 {font-size: 45px;}
}

@media (max-width: 1700px) {
  .nano-counter-wrapper .nano-counter-box h1.titulo-h2 span { font-size: 70px;}
}

@media (max-width: 1700px) {
  .nano-testimonial-wrapper-2 .nano-testimonial-box-2 .text h1.titulo-h3 {font-size:28px;}
}

@media (max-width: 1700px) {
  .nano-footer-widget-wrapper.nano-style-2 .nano-footer-single-widget h1.titulo-h3 {font-size: 26px;}
}

@media (max-width: 1700px) {
  .other-services .other-services-slide-3 .card-oservice h1.titulo-h2 {font-size: 36px;}
}

@media (max-width: 1700px) {
  .nano-service-wrapper h1.titulo-h3 {font-size:35px;}
}

@media (max-width: 1700px) {
  .contact-i h1.titulo-h2 {font-size: 40px;}
}

@media (max-width: 1700px) {
  .domains-section-2 h1.titulo-h3 {font-size: 40px;}
}

@media (max-width: 1700px) {
  .contact h1.titulo-h3 {font-size: 22px;}
}

@media (max-width: 1700px) {
  .nano-counter-section .nano-counter-box h1.titulo-h2 {font-size:35px;}
}

@media (max-width: 1700px) {
  .nano-feature-logo-section .info-contact h1.titulo-h3 {font-size: 21px;}
}

@media (max-width: 1700px) {
  .nano-news-card-item-2 h1.titulo-h3 {font-size: 23px;line-height: 126%;}
}

@media (max-width: 1700px) {
  .domains .domains-list li h1.titulo-h3 {font-size: 25px;}
}

@media (max-width: 1700px) {
  .detail-service .detail-service-price .service-header h1.titulo-h3 span:last-child {font-size: 28px;}
}

@media (max-width: 1700px) {
  .detail-service .detail-service-price .service-header h1.titulo-h3 {font-size: 38px;line-height: 38px;}
}
 
   
 
 @media (max-width: 1450px) {
     .ubicacion-i .row h1.titulo-h2 {font-size:34px;}
 }
 
   
 
 @media (max-width: 1450px) {
    .blog-i .row .nano-news-card-item-2 h1.titulo-h3 {font-size: 20px;}
 }
 
   
 
 @media (max-width: 1450px) {
    h1.titulo-h2 {font-size: 43px;line-height: 100%;}
 }
 
   
 
 @media (max-width: 1450px) {
    .contact h1.titulo-h3 {font-size: 22px;}
 }
 
   
 
 @media (max-width: 1450px) {
    .nano-process-card-item h1.titulo-h3 {font-size: 32px;}
 }
 
   
 
 @media (max-width: 1450px) {
   .nano-counter-wrapper .nano-counter-box h1.titulo-h2 span {font-size: 55px;}
 }
 
   
 
 @media (max-width: 1450px) {
   .nano-feature-logo-section .info-contact h1.titulo-h3 {font-size: 21px;}
 }
 
   
 
 @media (max-width: 1450px) {
   .nano-testimonial-wrapper-2 .nano-testimonial-box-2 .text h1.titulo-h3 {font-size: 26px;}
 }
 
   
 
 @media (max-width: 1450px) {
   .nano-news-card-item-2 h1.titulo-h3 {font-size: 20px;}
 }
 
   
 
 @media (max-width: 1450px) {
    .nano-footer-widget-wrapper.nano-style-2 .nano-footer-single-widget h1.titulo-h3 {font-size: 24px;margin-bottom:20px !important;}
 }
 
   
 
 @media (max-width: 1450px) {
    .other-services .other-services-slide-3 .card-oservice h1.titulo-h2 {font-size: 33px;}
 }
 
   
 
 @media (max-width: 1450px) {
    .nano-service-wrapper h1.titulo-h3 {font-size: 32px;}
 }
 
   
 
 @media (max-width: 1450px) {
    h1.titulo-h3 {font-size: 40px;}
 }
 
   
 
 @media (max-width: 1450px) {
   .domains .domains-list li h1.titulo-h3 {font-size: 23px;}
 }
 
   
 
 @media (max-width: 1450px) {
   .domains-section-2 h1.titulo-h3 {font-size: 38px;}
 }
 
   
 
 @media (max-width: 1450px) {
   .contact-i h1.titulo-h2 { font-size: 38px;}
 }
 
   
 
 @media (max-width: 1450px) {
   .nano-faq-wrapper .col-lg-7 h1.titulo-h3, .nano-faq-wrapper .col-lg-12 h1.titulo-h3{font-size:26px;}
 }
 
   
 
 @media (max-width: 1450px) {
   .nano-counter-wrapper .nano-counter-box .nano-counter-item h1.titulo-h2 { margin-top: 20px;}
 }
 
   
 
 @media (max-width: 1450px) {
  .other-services .other-services-slide-3 .card-oservice .card-oservice-price .service-header h1.titulo-h3 {font-size:33px;}
 }
 
   
 
 @media (max-width: 1450px) {
  .detail-service .detail-service-price .service-header h1.titulo-h3 {font-size: 36px;line-height: 36px;}
 }
 
   
 
 @media (max-width: 1450px) {
  #mensaje h1.titulo-h2 {font-size: 45px;margin-bottom: 25px;}
 }
 
 
 
 

 @media (max-width: 1280px) {
  .domains .domains-list li h1.titulo-h3 {font-size: 22px;}
  
 }
 
 
 
 

 @media (max-width: 1280px) {
  #mensaje h1.titulo-h2 {font-size: 35px;margin-bottom: 20px;}
  
 }
  
 
 
 @media (max-width: 991px) {
     .ubicacion-i .row h1.titulo-h2 {font-size:30px;}
 }
  
 
 
 @media (max-width: 991px) {
   .nano-counter-wrapper .nano-counter-box h1.titulo-h2 span {font-size: 50px;}
 }
  
 
 
 @media (max-width: 991px) {
   .nano-news-card-item-2 h1.titulo-h3 {font-size: 20px;}
 }
  
 
 
 @media (max-width: 991px) {
    #mensaje h1.titulo-h2 {font-size: 40px; margin-bottom: 20px;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
     #mensaje h1.titulo-h2 {font-size: 30px; margin-bottom: 15px;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
    .nano-faq-wrapper .col-lg-7 h1.titulo-h3, .nano-faq-wrapper .col-lg-12 h1.titulo-h3{font-size:24px;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
    h1.titulo-h2 {font-size: 37px;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
    .contact h1.titulo-h3 {display:flex !important;flex-direction:column !important;gap:15px;align-items: flex-start !important;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
    .nano-process-card-item h1.titulo-h3 {font-size: 29px;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
    .nano-counter-wrapper .nano-counter-box h1.titulo-h2 span {font-size: 40px;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
    h1.titulo-h2 span {
    color: var(--color2);
    position: relative;
    display: inline-block;
    width: 100%;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
    .nano-testimonial-wrapper-2 .nano-testimonial-box-2 .text h1.titulo-h3 {font-size: 20px;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
    .nano-footer-widget-wrapper.nano-style-2 .nano-footer-single-widget h1.titulo-h3 {font-size: 21px;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
    .offcanvas__wrapper .offcanvas__content .offcanvas__contact h1.titulo-h3 {font-size: 22px;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
    .detail-service .detail-service-price .service-header h1.titulo-h3 {font-size: 33px;line-height: 33px;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
    .nano-service-wrapper h1.titulo-h3 {font-size: 28px;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
    h1.titulo-h3 {font-size: 34px;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
    .domains .domains-list li h1.titulo-h3 {font-size: 20px;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
    .contact-i h1.titulo-h2 {font-size: 37px;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
    .other-services .other-services-slide-3 .card-oservice h1.titulo-h2 {font-size:30px;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
   .nano-our-process-section-h .section-title div:first-child h1.titulo-h2 {margin-top:10px;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
   .contact h1.titulo-h3 {font-size: 20px;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
   .contact-h .info-contact h1.titulo-h3 {margin-top:0px !important;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
   .nano-feature-logo-section .info-contact h1.titulo-h3 {font-size: 19px;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
   h1.titulo-h2 span.br {display: inline-block;}
 }
 
 
 
 
 
 
 @media (max-width: 767px) {
   .domains-section-2 h1.titulo-h3 {font-size: 35.5px;}
 }
.texto-legal .disTable h1.titulo-h3 {margin: 28px 0 12px; font-size: 28px; line-height: 1.25; text-align: left;}
.texto-legal .disTable > h1.titulo-h2:first-child,
.texto-legal .disTable > h1.titulo-h3:first-child {margin-top: 0;}
.seo-ventajas h1.titulo-h3 {margin-bottom: 16px; font-size: 26px; line-height: 1.25;}
.seo-relacionadas .section-title h1.titulo-h2 {font-size: 36px;}
.seo-ciudad-contenido h1.titulo-h2, .seo-ciudad-contenido h1.titulo-h3 {margin: 26px 0 12px; font-size: 28px; line-height: 1.25; text-align: left;}
.seo-ciudad-enlaces .section-title h1.titulo-h2 {font-size: 62px;}
@media (max-width: 1450px) {
  .seo-relacionadas .section-title h1.titulo-h2 {font-size: 32px;}
}
@media (max-width: 1450px) {
  .seo-ciudad-enlaces .section-title h1.titulo-h2 {font-size: 52px;}
}
@media (max-width: 991px) {
  .seo-ciudad-enlaces .section-title h1.titulo-h2 {font-size: 40px;}
}
@media (max-width: 575px) {
  .seo-relacionadas .section-title h1.titulo-h2 {font-size: 26px;}
}
@media (max-width: 575px) {
  .seo-ciudad-enlaces .section-title h1.titulo-h2 {font-size: 30px;}
}
@media (min-width: 1281px) and (max-width: 1450px) {
  .contact-i h1.titulo-h2 {font-size: 32px; line-height: 46px;}
}
@media (min-width: 1281px) and (max-width: 1450px) {
  .nano-about-wrapper .nano-about-item .nano-count-item .nano-count h1.titulo-h2,
  .nano-about-wrapper .nano-about-item .nano-count-item .nano-count h1.titulo-h2 .count {font-size: 36px;}
}
@media (min-width: 1281px) and (max-width: 1450px) {
  .domains .domains-list li h1.titulo-h3 {line-height: 15px; margin-bottom: 0px; margin-top: 3px;}
}
/* ==== FIN TITULOS H1 ==== */