body {
  font-family: 'Artifakt', Arial, sans-serif !important;
  color: #000;
  font-size: 16px;
}

p {
  font-size: 16px !important;
}

h1,
h2 {
  font-family: 'Artifakt Legend', Arial, sans-serif !important;
}

h2 {
  font-size: 35px !important;
}

.banner {
  background-color: #000;
  padding: 48px 0;
}

.psection {
  padding: 60px 0;
}

.sonda-aeco h1 {
  font-weight: 700;
  color: #ffffff;
}

.sonda-aeco .btn:hover,
.sonda-aeco .btn:focus {
  color: #fff;
  /* color: #212529; */
}

.txt-white {
  color: #fff;
}

.text-orange {
  color: #f48024;
}

.big {
  font-size: 1.075em;
}

.bigger {
  font-size: 1.175em;
}

.smaller {
  font-size: .875rem;
}

.bg-gray {
  background-color: #f9f9f9;
}

.webp .banner {
  background: #000 url('../images/aihero800-eye2.webp');
  background-repeat: no-repeat;
  /* background-position: right top; */
  /* background-size: cover; */
}

.no-webp .banner {
  background: #000 url('../images/aihero800-eye2.jpg');
  background-repeat: no-repeat;
  /* background-position: right top; */
  /* background-size: cover; */
}

.btn-banner {
  margin-top: 12px;
  border-radius: 4px !important;
  color: #ffffff;
  background-color: #666666;
  border-color: #666666;
  padding: 7px 15px !important;
}

.btn-banner:hover {
  color: #ffffff !important;
  background-color: #000;
  border-color: #ffffff;
}

.btn-sonda-outlined,
.btn-sonda-outlined:hover {
  border-color: #000;
  background-color: #ffffff;
  color: #000 !important;
  border-radius: 4px !important;
  padding: 8px 10px !important;
}

.btn-sonda {
  color: #fff !important;
  background-color: #000;
  border-color: #000;
  font-weight: 700;
  /* margin-top: 30px; */
  border-radius: 4px !important;
  padding: 8px 10px !important
}

.btn-sonda:hover {
  color: #ffffff !important;
  border-color: #ffffff;
  background-color: transparent;
}

.psection h1,
.psection h2 {
  line-height: 1.29;
  margin-bottom: 24px;
  font-weight: 700;
}

.sonda-aeco .banner h1,
.numero-bloque {
  font-family: 'Artifakt Legend', Arial, sans-serif !important;
}

h3.subtitle {
  font-size: 21px;
  font-weight: 700;
}

.psection .check {
  width: 30px;
  display: inline-block;
}

.nota {
  font-size: 0.85rem;
  font-weight: 700;
}

.numero-bloque {
  font-size: 3rem;
  line-height: 1;
  font-weight: 800;
}

.bg-custom-blue {
  background-color: #2459f2;
}

.tarjeta-servicio {
  position: relative;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.a-medida h3,
.ready-to-use h3 {
  font-size: 20px;
}

.a-medida h4 {
  font-size: 28px;
}

.ready-to-use h4 {
  font-size: 30px;
  font-weight: 400;
}

.tarjeta-servicio .btn {
  padding: 10px 22px;
  font-size: 1rem;
  border-radius: 20px;
  padding-top: 12px;
}


.tarjeta-servicio img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

.contenido-superpuesto {
  position: absolute;
  top: 15px;
  left: 15px;
  color: white;
  z-index: 2;
}

.formulario-contacto {
  padding: 32px;
}

/* Bordes naranja */
.border-orange {
  border: 1px solid #f7941d !important;
  border-radius: 12px !important;
}

/* Botón outline naranja */
.btn-outline-orange {
  background-color: white !important;
  color: #f7941d !important;
  border: 1px solid #f7941d !important;
  border-radius: 30px !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  transition: all 0.3s ease !important;
}

.btn-outline-orange:hover {
  background-color: #f7941d !important;
  color: #fff !important;
}

/* Botón naranja sólido */
.btn-warning {
  background-color: #f7941d !important;
  border-color: #f7941d !important;
  color: #fff !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  padding: 10px 30px !important;
  display: inline-block !important;
}

.btn-warning:hover {
  background-color: #e98307 !important;
  border-color: #e98307 !important;
  color: #fff !important;
}

/* Colores en campos del formulario */
form input::placeholder,
form textarea::placeholder {
  color: #333 !important;
  font-size: 0.95rem !important;
}

form .form-control,
form .form-check-input,
form textarea {
  border: 1px solid #f7941d !important;
  border-radius: 12px !important;
  background-color: #fff !important;
  color: #000 !important;
}

form select.form-control {
  padding: 11px 10px;
  height: auto;
}

form .form-check-label {
  font-size: 0.9rem !important;
  color: #000 !important;
}

form .btn {
  border-radius: 30px !important;
  padding: 10px 20px !important;
}

.soluciones .contenido {
  position: relative;
  z-index: 2;
  padding: 80px 0px 80px 70px;
}

.soluciones-left {
  background-color: #275EFE !important;
  position: relative !important;
  overflow: hidden !important;
}

.soluciones-right {
  background-color: #0C143D !important;
  position: relative;
  overflow: hidden;
}

.soluciones-left .contenido {
  padding-left: 120px;
}

.soluciones .subtitulo {
  font-size: 22px;
  font-weight: 300;
  line-height: 1;
}

.soluciones .titulo {
  font-size: 52px;
  font-weight: 800;
  line-height: 1;
}

.btn-solucion {
  display: inline-block;
  padding: 12px 24px;
  background-color: #fff;
  color: #275EFE !important;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.btn-solucion:hover {
  background-color: #e6e6e6 !important;
}

.img-edificio {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.soluciones {
  padding-bottom: 10px;
}

.subtitulo {
  font-size: 5rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
  color: #ffffff;
}

h1.titulo {
  font-size: 3rem !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}

h2.subtitulo {
  font-size: 2rem !important;
  font-weight: 300 !important;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}


.tarjeta-servicio {
  position: relative;
  width: 100%;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
}

.tarjeta-servicio img {
  width: 100%;
  height: auto;
  aspect-ratio: 39 / 31;
  object-fit: cover;
  border-radius: 30px;
  display: block;
}

.contenido-superpuesto {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 2;
  color: white;
  padding-top: 15px;
  padding-right: 20px;
  padding-left: 20px;
}

.tarjeta-servicio a.btn {
  font-size: 15px;
  padding: 8px 20px;
  border-radius: 20px;
  line-height: 1.2;
  margin-top: 20px;
  background-color: #2861f5;
  border-color: #2861f5;
}

.tarjeta-servicio a.btn:hover {
  background-color: #f39622;
  border-color: #f39622;
  color: #fff;
}

.hero-overlay-content {
  position: absolute;
  top: 4%;
  left: 13%;
  z-index: 2;
  max-width: 600px;
}

.hero-title {
  color: #1e64f0;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.3;
  margin: 0;
}

.hero-overlay-button {
  position: absolute;
  top: 68%;
  left: 13%;
  z-index: 2;
}

.custom-btn {
  border: 2px solid #1e64f0 !important;
  color: #1e64f0 !important;
  background-color: transparent !important;
  border-radius: 30px !important;
  padding: 10px 30px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  font-size: 0.9rem !important;
  transition: all 0.3s ease;
}

.custom-btn:hover {
  background-color: #1e64f0 !important;
  color: white !important;
  text-decoration: none !important;
}



@media (min-width: 768px) {

  .border-comparativa {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }

  .border-comparativa-xs-right {
    border-right: 0px;
  }

  .border-comparativa-md-bottom {
    border-bottom: 1px solid #ccc;
  }

}

#suscripcion {
  background-color: #666666;
  color: #ffffff;
}

.border-orange {
  border: 1.5px solid #f48024;
  border-radius: 12px;
}


.soluciones {
  padding-bottom: 10px;
}

.subtitulo {
  font-size: 5rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
  color: #ffffff;
}

.contenido-superpuesto h4 {
  color: white;
}

#footer {
  background-color: #000;
  padding: 24px 0;
  color: #fff;
}

#footer .logo-sonda {
  margin-right: 147px;
}

#footer .logo-autodesk {
  margin-left: 147px;
}

#design-and-make {
  background: #f9f9f9;
  border-top: 1px solid #cccccc;
  padding-top: 20px;
}


.hero-title {
  color: #1e64f0;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.3;
  margin: 0;
}

.hero-overlay-button {
  position: absolute;
  top: 68%;
  left: 13%;
  z-index: 2;
}

.custom-btn {
  border: 2px solid #1e64f0;
  color: #1e64f0;
  background-color: transparent;
  border-radius: 30px;
  padding: 10px 30px;
}

.custom-btn:hover {
  background-color: #1e64f0;
  color: white;
  text-decoration: none;
}



/* Small devices (tablets, 768px and up):  */
@media (min-width: 768px) {

  .banner {
    padding: 48px 0;
  }

  .webp .banner {
    background: #000 url('../images/aihero1200-eye2.webp');
    background-repeat: no-repeat;
    /* background-position: right top; */
    /* background-size: cover; */
  }

  .no-webp .banner {
    background: #000 url('../images/aihero1200-eye2.jpg');
    background-repeat: no-repeat;
    /* background-position: right top; */
    /* background-size: cover; */
  }

}

/* Medium devices (desktops, 992px and up):  */
@media (min-width: 992px) {
  .banner {
    padding: 48px 0;
  }

}

/* Large devices (large desktops, 1200px and up):  */
@media (min-width: 1200px) {

  .banner {
    padding: 94px 0;
  }

  .webp .banner {
    background: #000 url('../images/Banner-AECO-imagen.jpg');
    /* 1600x600*/
    background-repeat: no-repeat;
    background-position: right top;
    /* background-size: cover; */
  }

  .no-webp .banner {
    background: #000 url('../images/Banner-AECO-imagen.jpg');
    /* 1600x600*/
    background-repeat: no-repeat;
    background-position: right top;
    /* background-size: cover; */
  }

}