* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.wow {
  visibility: hidden;
}

body {
  line-height: 1.1;
  overflow-x: clip;
}

html {
  font-size: 10px;
  overflow-x: clip;
}

:root {
  /*mobile*/
  --font-Lato: "Lato", sans-serif;
  --font-Arial: Arial, Helvetica, sans-serif;

  --font-opensans: "Open Sans", sans-serif;
  --font-Oswald: "Oswald", sans-serif;
  --font-Aller: "Aller", sans-serif;
  --font-Montserrat: "Montserrat", sans-serif;
  --font-Poppins: "Poppins", sans-serif;
  --font-Myriad: "Myriad Pro", sans-serif;
  --font-Inter: "Inter", sans-serif;
  --font-Urbanist: "Urbanist", sans-serif;
  --font-NotoSans: "Noto Sans", sans-serif;

  /*
--font-Verdana: Verdana, sans-serif;
--font-Myriad: "Myriad Pro", sans-serif;
--font-Baloo2: "Baloo 2", sans-serif;
--font-Roboto: "Roboto", sans-serif;
--font-Ubuntu: "Ubuntu", sans-serif;
--font-RobotoCondensed: "Roboto Condensed", sans-serif;
--font-BebasNeue: "Bebas Neue", sans-serif;
--font-AbrilFatface: "Abril Fatface", serif;
--font-Quicksand: "Quicksand", sans-serif;
--font-Nunito: "Nunito", sans-serif;
--font-LenguajeSpartan: "League Spartan", sans-serif;
--font-Quicksand: "Quicksand", sans-serif;
--font-JosefinSans: "Josefin Sans", sans-serif;
*/
}

.container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px;
}

/*header*/

#header {
  position: relative;
  width: 100%;
}

#header .container {
  max-width: 1772px;
  margin: 0 auto;
  padding: 0;
}

#header .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 45px 20px 28px;
}

#header .logo img {
  height: 80px;
  display: block;
}

#header .nav > ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 25px;
  position: relative;
  top: -10px;
}

#header .nav ul li a {
  font-family: var(--font-Montserrat);
  font-size: 19px;
  font-weight: 500;
  color: #313131;
  display: inline-block;
}

#header .nav ul li.active a {
  color: #ff7c00;
}

#header .hero {
  width: 100%;
  padding: 0 20px;
}

#header .hero .hero-box {
  width: 100%;
  max-width: 1672px;
  aspect-ratio: 1672 / 634;
  margin: 0 auto;
  border-radius: 50px;
  overflow: hidden;
  background: url("/assets/images/header/bg.webp") no-repeat center / cover;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 192px 0;
}

#header .hero .hero-box.seguridad {
  flex-direction: row-reverse;
  padding: 0 265px 0 320px;
}

#header .hero .hero-box.rastreo {
  flex-direction: row-reverse;
  padding: 0 240px 0 257px;
}

#header .hero .hero-box.confort {
  flex-direction: row-reverse;
  padding: 0 220px 0 180px;
}

#header .hero .hero-content {
  z-index: 2;
}

#header .hero .line1 {
  font-family: var(--font-NotoSans);
  font-size: 48px;
  font-weight: 200;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 6px;
  letter-spacing: 2px;
}

#header .hero .line2 {
  font-family: var(--font-NotoSans);
  font-size: 72px;
  font-weight: 800;
  color: #fdd305;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 10px;
}

#header .hero .line2.blue {
  color: #009bdb;
}

#header .hero .hero-box.confort .line1 {
  font-size: 52px;
}

#header .hero .hero-box.rastreo .line2 {
  font-size: 62px;
  margin-top: 10px;
  letter-spacing: -2px;
}

#header .hero .line3 {
  font-family: var(--font-NotoSans);
  font-size: 28px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: -0.2px;
}

#header .hero .hero-product {
  flex-shrink: 0;
  z-index: 2;
}

#header .hero .hero-product img {
  display: block;
  width: 533px;
  height: auto;
}

#header .hero .hero-box.seguridad .hero-product img {
  width: 324px;
}

#header .hero .hero-box.rastreo .hero-product img {
  width: 531px;
}

#header .hero .hero-box.confort .hero-product img {
  width: 552px;
}

/* top footer */

.top-footer {
  background: #e5e5e5;
  padding: 150px 0 142px;
}

.top-footer .container {
  max-width: 1365px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: flex-start;
  gap: 90px;
}

.tf-logo {
  flex-shrink: 0;
  width: 288px;
  height: 134px;
  background: #ffffff;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -25px;
}

.tf-logo img {
  width: 288px;
  height: 134px;
  object-fit: contain;
  display: block;
}

.tf-col:nth-child(2) {
  position: relative;
  left: 22px;
}

.tf-col:nth-child(3) {
  position: relative;
  left: 45px;
}

.tf-col:nth-child(4) {
  position: relative;
  left: 48px;
}

.tf-col:nth-child(5) {
  position: relative;
  left: 50px;
}

.tf-col h3 {
  font-family: var(--font-NotoSans);
  font-size: 24px;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #2c2c2c;
  text-transform: uppercase;
  margin-bottom: 26px;
}

.tf-col ul {
  list-style: none;
}

.tf-col ul li {
  margin-bottom: 20px;
}

.tf-col ul li:last-child {
  margin-bottom: 0;
}

.tf-col p {
  font-family: var(--font-NotoSans);
  font-size: 14px;
  color: #616161;
  margin-bottom: 20px;
}

.tf-col:nth-child(4) p {
  line-height: 1.6;
}

.tf-col p:last-child {
  margin-bottom: 0;
}

.tf-col a {
  font-family: var(--font-NotoSans);
  font-size: 14px;
  color: #616161;
  text-decoration: none;
}

.tf-icons {
  display: flex;
  gap: 14px;
}

.tf-icons a {
  color: #414141;
  font-size: 21px;
}

/*footer*/
.main-footer {
  background-color: #2d2d2d;
  padding: 22px 0;
}

.main-footer .container {
  max-width: 1130px;
  margin: 0 auto;
  padding: 15px;
}

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

.main-footer .footer-separator {
  background: transparent;
}

.footer-left {
  order: 0;
}

.footer-left p {
  color: #ffffff;
  font-size: 11px;
  font-family: var(--font-Arial);
  margin: 0;
  text-align: left;
}

.footer-right {
  order: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}

.footer-right span {
  color: #ffffff;
  font-size: 11px;
  font-family: var(--font-Arial);
}

.tecweb-logo {
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
}

.tecweb-logo img {
  height: 20px;
  width: auto;
}

.tecweb-logo span {
  color: #ffffff;
  font-size: 11px;
  font-family: Arial, sans-serif;
}

a#toTop {
  width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  color: #fff;
  border-radius: 50%;
  position: fixed;
  background: #ff7c00;
  box-shadow: 0 0 3px 2px #fff;
  left: 40px;
  bottom: 65px;
  display: none;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  z-index: 20;
}

a#toTop::before {
  content: "\f077";
  font-family: FontAwesome;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 40px;
  text-align: center;
}

/* inicio */

#intro-1 {
  padding: 135px 0 140px;
}

#intro-1 .container {
  max-width: 1220px;
  text-align: center;
}

#intro-1 h2 {
  font-family: var(--font-NotoSans);
  font-size: 60px;
  letter-spacing: -2px;
  font-weight: 800;
  color: #1b1a1a;
  margin-bottom: 15px;
}

#intro-1 p {
  font-family: var(--font-Montserrat);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  color: #616161;
  margin-bottom: 15px;
}

#intro-1 p strong {
  font-weight: 700;
  color: #616161;
}

#intro-1 img {
  width: 600px;
  height: 124px;
  display: block;
  margin: 0 auto;
}

#intro-2 {
  padding: 5px 0 100px;
}

#intro-2 .container {
  max-width: 1575px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 45px;
}

#intro-2 img {
  width: 665px;
  height: 199px;
  flex-shrink: 0;
}

#intro-2 p {
  font-family: var(--font-NotoSans);
  font-size: 30px;
  letter-spacing: -0.8px;
  line-height: 1.6;
  font-weight: 700;
  color: #262626;
}

#intro-3 {
  padding: 90px 0;
}

#intro-3 .container {
  max-width: 1660px;
}

#intro-3 h2 {
  font-family: var(--font-NotoSans);
  font-size: 60px;
  letter-spacing: -2.5px;
  font-weight: 800;
  color: #1b1a1a;
  text-align: center;
  margin-bottom: 50px;
}

#intro-3 .clientes {
  display: grid;
  grid-template-columns: 1fr 45px 1fr 25px 1fr 45px 1fr;
  row-gap: 30px;
}

#intro-3 .cliente {
  height: 200px;
  border: 1px solid #c6c6c6;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#intro-3 .cliente:nth-child(4n + 1) {
  grid-column: 1;
}

#intro-3 .cliente:nth-child(4n + 2) {
  grid-column: 3;
}

#intro-3 .cliente:nth-child(4n + 3) {
  grid-column: 5;
}

#intro-3 .cliente:nth-child(4n + 4) {
  grid-column: 7;
}

#intro-3 .cliente img {
  max-width: 70%;
  max-height: 60%;
  object-fit: contain;
}

#intro-4 {
  padding: 72px 0 80px;
}

#intro-4 .container {
  max-width: 1540px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}

#intro-4 .left {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

#intro-4 .left img:first-child {
  width: 826px;
  height: 131px;
  display: block;
}

#intro-4 .left p {
  font-family: var(--font-NotoSans);
  font-size: 36px;
  letter-spacing: -0.8px;
  font-weight: 700;
  color: #262626;
  margin: 15px 0 40px;
}

#intro-4 .left img:last-child {
  width: 511px;
  height: 68px;
  display: block;
}

#intro-4 .right {
  width: 614px;
  height: 454px;
  flex-shrink: 0;
  position: relative;
  top: 80px;
}

#intro-5 {
  padding: 100px 0 100px;
}

#intro-5 .container {
  max-width: 1625px;
  display: flex;
  align-items: center;
  gap: 0;
}

#intro-5 .left {
  width: 691px;
  height: 499px;
  flex-shrink: 0;
}

#intro-5 h2 {
  font-family: var(--font-NotoSans);
  font-size: 55px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: -1.6px;
  color: #1b1c20;
  margin-bottom: 20px;
}

#intro-5 h2 strong {
  font-weight: 800;
}

#intro-5 p {
  font-family: var(--font-NotoSans);
  font-size: 30px;
  font-weight: 400;
  line-height: 1.6;
  color: #7d7c81;
  margin-bottom: 30px;
}

#intro-5 .right img {
  width: 260px;
  height: 83px;
}

/*seguridad*/

#productos {
  padding: 140px 0 80px;
}

#productos .container {
  max-width: 1460px;
}

#productos h2 {
  font-family: var(--font-NotoSans);
  font-size: 60px;
  letter-spacing: -2.5px;
  font-weight: 800;
  color: #1b1a1a;
  text-align: center;
  margin-bottom: 48px;
}

#productos .productos-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  justify-items: center;
  gap: 50px;
}

#productos .producto {
  position: relative;
  width: 314px;
  height: 241px;
  background: #eaeaea;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#productos .producto a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}

#productos .producto-img {
  width: 100%;
  height: 158px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#productos .producto img {
  max-width: 88%;
  max-height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}

#productos .producto p {
  font-family: var(--font-NotoSans);
  font-size: 16px;
  letter-spacing: -0.5px;
  font-weight: 600;
  color: #1f1f1f;
  margin-top: 15px;
  margin-bottom: 20px;
  text-align: center;
}

#productos .ver-mas {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 96px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #898989;
  border-radius: 15px;
  font-family: var(--font-NotoSans);
  font-size: 14px;
  color: #616161;
  text-decoration: none;
}

#productos .noHay {
  font-family: var(--font-NotoSans);
  font-size: 18px;
  color: #616161;
  text-align: center;
}

#productos-2 {
  padding: 140px 0 80px;
}

#productos-2 .container {
  max-width: 1460px;
}

#productos-2 h2 {
  font-family: var(--font-NotoSans);
  font-size: 60px;
  letter-spacing: -2.5px;
  font-weight: 800;
  color: #1b1a1a;
  text-align: center;
  margin-bottom: 48px;
}

#productos-2 .productos-2-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  justify-items: center;
  gap: 50px;
}

#productos-2 .producto-2 {
  position: relative;
  width: 314px;
  height: 241px;
  background: #eaeaea;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#productos-2 .producto-2 a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}

#productos-2 .producto-2-img {
  width: 100%;
  height: 158px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#productos-2 .producto-2 img {
  max-width: 78%;
  max-height: 90%;
  object-fit: contain;
  mix-blend-mode: multiply;
}

#productos-2 .producto-2 p {
  font-family: var(--font-NotoSans);
  font-size: 16px;
  letter-spacing: -0.5px;
  font-weight: 600;
  color: #1f1f1f;
  margin-top: 15px;
  margin-bottom: 20px;
  text-align: center;
}

#productos-2 .ver-mas {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 96px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #898989;
  border-radius: 15px;
  font-family: var(--font-NotoSans);
  font-size: 14px;
  color: #616161;
  text-decoration: none;
}

#productos-2 .noHay {
  font-family: var(--font-NotoSans);
  font-size: 18px;
  color: #616161;
  text-align: center;
}

#detalle {
  padding: 92px 0 80px;
}

#detalle .container {
  max-width: 1425px;
}

#detalle .regresar {
  width: 159px;
  height: 46px;
  background: #efefef;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-decoration: none;
  margin-left: auto;
  margin-bottom: 70px;
}

#detalle .regresar img {
  width: 26px;
  height: auto;
}

#detalle .regresar span {
  font-family: var(--font-NotoSans);
  font-size: 17px;
  color: #616161;
}

#detalle h2 {
  font-family: var(--font-NotoSans);
  font-size: 60px;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: -1px;
  color: #212121;
  text-align: center;
  margin-bottom: 90px;
}

#detalle .detalle-content {
  display: flex;
  align-items: flex-start;
  gap: 110px;
  margin-left: 82px;
}

#detalle .detalle-img {
  width: 488px;
  height: 486px;
  flex-shrink: 0;
  border: 2px solid #dfdfdf;
  border-radius: 77px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#detalle .detalle-img img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}

#detalle .detalle-info {
  position: relative;
  top: 20px;
}

#detalle .detalle-info h3 {
  font-family: var(--font-NotoSans);
  font-size: 30px;
  color: #222222;
  letter-spacing: -1px;
  margin-bottom: 15px;
}

#detalle .detalle-info p {
  font-family: var(--font-NotoSans);
  font-size: 18px;
  line-height: 1.8;
  color: #616161;
  margin-bottom: 30px;
}

#eleccion-1 {
  padding: 145px 0 100px;
}

#eleccion-1 .container {
  max-width: 1600px;
}

#eleccion-1 h2 {
  font-family: var(--font-NotoSans);
  font-size: 60px;
  letter-spacing: -2px;
  font-weight: 800;
  color: #1b1a1a;
  text-align: center;
  margin-bottom: 40px;
}

#eleccion-1 .alarmas {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 90px;
}

#eleccion-1 .alarma {
  text-align: center;
}

#eleccion-1 .alarma-circle {
  width: 197px;
  height: 197px;
  border: 2px solid #e6e6e6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 25px;
}

#eleccion-1 .alarma:nth-child(1) .alarma-circle img {
  width: 57px;
  height: 122px;
}

#eleccion-1 .alarma:nth-child(2) .alarma-circle img {
  width: 80px;
  height: 117px;
}

#eleccion-1 .alarma:nth-child(3) .alarma-circle img {
  width: 51px;
  height: 111px;
}

#eleccion-1 .alarma h3 {
  font-family: var(--font-NotoSans);
  font-size: 36px;
  letter-spacing: -1px;
  font-weight: 300;
  color: #424242;
  text-transform: uppercase;
  margin-bottom: 30px;
}

#eleccion-1 .alarma p {
  font-family: var(--font-NotoSans);
  font-size: 16px;
  line-height: 1.8;
  color: #616161;
  margin-bottom: 20px;
}

#eleccion-1 .alarma p strong {
  font-weight: 700;
}

#eleccion-2 {
  padding: 22px 0 80px;
}

#eleccion-2 .container {
  max-width: 1360px;
  text-align: center;
}

#eleccion-2 h2 {
  font-family: var(--font-NotoSans);
  font-size: 60px;
  text-transform: uppercase;
  letter-spacing: -2px;
  font-weight: 800;
  color: #2c2c2c;
}

#eleccion-2 h2 span {
  display: block;
  font-size: 38px;
  font-weight: 300;
  color: #2c2c2c;
}

#eleccion-2 .triangulo {
  width: 113px;
  height: 21px;
  display: block;
  margin: 25px auto 0;
}

#eleccion-2 .rango {
  width: 100%;
  margin-bottom: 60px;
}

#eleccion-2 .funciona {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 80px;
}

#eleccion-2 .funciona-item {
  width: 390px;
  text-align: center;
  position: relative;
  top: 44px;
}

#eleccion-2 .funciona-item img {
  width: 132px;
  height: 132px;
  margin-bottom: 25px;
}

#eleccion-2 .funciona-item p {
  font-family: var(--font-NotoSans);
  font-size: 18px;
  line-height: 1.8;
  letter-spacing: -0.5px;
  color: #616161;
}

#eleccion-2 .funciona-item p strong {
  font-weight: 700;
  color: #616161;
}

#eleccion-2 .divisor {
  width: 2px;
  height: 342px;
  background: #c5c5c5;
  border-radius: 2px;
  flex-shrink: 0;
}

#eleccion-2 .hecho {
  margin-top: 40px;
}

#eleccion-2 .hecho h3 {
  font-family: var(--font-NotoSans);
  font-size: 90px;
  text-transform: uppercase;
  letter-spacing: -4px;
  font-weight: 600;
  color: #2f2f2f;
}

#eleccion-2 .hecho h4 {
  font-family: var(--font-NotoSans);
  font-size: 62px;
  text-transform: uppercase;
  letter-spacing: -2px;
  font-weight: 800;
  color: #2f2f2f;
  margin-top: 0;
}

#eleccion-2 .linea-naranja {
  display: block;
  width: 742px;
  height: 2px;
  background: #ff7c00;
  margin: 58px auto 0;
}

#eleccion-3 {
  padding: 68px 0 130px;
}

#eleccion-3 .container {
  max-width: 1800px;
  text-align: center;
}

#eleccion-3 h2 {
  font-family: var(--font-NotoSans);
  font-size: 36px;
  font-weight: 300;
  letter-spacing: -0.5px;
  color: #868686;
  text-transform: uppercase;
}

#eleccion-3 h2 span {
  display: block;
  font-size: 60px;
  font-weight: 800;
  color: #ff6600;
  margin-top: 10px;
}

#eleccion-3 .corp-cars {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 110px;
  margin: 50px 0 120px;
}

#eleccion-3 .corp-cars img:nth-child(1) {
  width: 226px;
  height: 211px;
}

#eleccion-3 .corp-cars img:nth-child(2) {
  width: 203px;
  height: 213px;
}

#eleccion-3 .corp-cars img:nth-child(3) {
  width: 241px;
  height: 239px;
}

#eleccion-3 .corp-grid {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 90px;
  row-gap: 60px;
}

#eleccion-3 .corp-grid::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-top: 2px dashed #c5c5c5;
}

#eleccion-3 .corp-grid::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 224px;
  transform: translate(-50%, -50%);
  border-left: 2px dashed #c5c5c5;
}

#eleccion-3 .corp-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 17px;
  border-radius: 50%;
  border: 2px solid #919191;
  background: #f2f2f2;
  z-index: 2;
}

#eleccion-3 .corp-item {
  font-family: var(--font-NotoSans);
  font-size: 36px;
  letter-spacing: -1.5px;
  font-weight: 700;
  color: #575757;
  text-transform: uppercase;
}

#eleccion-3 .corp-item:nth-child(odd) {
  text-align: right;
}

#eleccion-3 .corp-item:nth-child(even) {
  text-align: left;
}

#rastreo-1 {
  padding: 160px 0 100px;
}

#rastreo-1 .container {
  max-width: 1145px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}

#rastreo-1 .rastreo-left {
  display: flex;
  align-items: center;
  gap: 40px;
}

#rastreo-1 .rastreo-phone {
  width: 351px;
  height: 545px;
  flex-shrink: 0;
}

#rastreo-1 .rastreo-list {
  list-style: none;
  position: relative;
  left: 20px;
  top: 20px;
}

#rastreo-1 .rastreo-list li {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-Montserrat);
  font-size: 24px;
  font-weight: 600;
  color: #616161;
  margin-bottom: 20px;
}

#rastreo-1 .rastreo-list li:last-child {
  margin-bottom: 0;
}

#rastreo-1 .rastreo-list li img {
  width: 18px;
  height: 15px;
}

#rastreo-1 .rastreo-right {
  text-align: center;
}

#rastreo-1 .rastreo-right h2 {
  font-family: var(--font-NotoSans);
  font-size: 72px;
  letter-spacing: -2px;
  font-weight: 800;
  color: #1b1a1a;
  margin-bottom: 25px;
}

#rastreo-1 .rastreo-box {
  width: 470px;
  min-height: 122px;
  background: #616161;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 40px;
  margin-bottom: 30px;
}

#rastreo-1 .rastreo-box p {
  font-family: var(--font-Montserrat);
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 10px;
}

#rastreo-1 .rastreo-box-col {
  text-align: left;
}

#rastreo-1 .rastreo-box-col p:last-child {
  margin-bottom: 0;
}

#rastreo-1 .rastreo-text {
  font-family: var(--font-NotoSans);
  font-size: 20px;
  line-height: 1.6;
  color: #a0a0a0;
  margin: 0 auto 30px;
  max-width: 470px;
}

#rastreo-1 .rastreo-text strong {
  color: #fe6300;
  font-weight: 700;
}

#rastreo-1 .rastreo-logo {
  width: 223px;
  height: 88px;
  background: #ffffff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

#rastreo-1 .rastreo-logo img {
  width: 223px;
  height: auto;
}

#rastreo-2 {
  padding: 145px 0 80px;
}

#rastreo-2 .container {
  max-width: 1360px;
}

#rastreo-2 .rastreo-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  justify-items: center;
  gap: 120px 40px;
}

#rastreo-2 .rastreo-card {
  position: relative;
  width: 395px;
  height: 255px;
  border: 1px solid #cdcdcd;
  border-radius: 45px;
  text-align: center;
  padding: 63px 30px 0;
}

#rastreo-2 .rastreo-card-icon {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 87px;
  height: 87px;
}

#rastreo-2 .rastreo-card h3 {
  font-family: var(--font-NotoSans);
  font-size: 36px;
  font-weight: 800;
  color: #424242;
  margin-bottom: 12px;
}

#rastreo-2 .rastreo-card-line {
  display: block;
  width: 64px;
  height: 6px;
  border-radius: 3px;
  background: #b0b0b0;
  margin: 0 auto 15px;
}

#rastreo-2 .rastreo-card p {
  font-family: var(--font-NotoSans);
  font-size: 15px;
  color: #414141;
  line-height: 1.5;
}

#rastreo-2 .rastreo-card-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

#rastreo-2 .rastreo-card-icons img {
  width: 82px;
  height: auto;
}

#rastreo-3 {
  padding: 60px 0 80px;
}

#rastreo-3 .container {
  max-width: 1700px;
}

#rastreo-3 .caract-grid {
  display: grid;
  grid-template-columns: 457px 600px 457px;
  align-items: center;
  justify-content: center;
  column-gap: 50px;
}

#rastreo-3 .caract-col {
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
  top: 10px;
}

#rastreo-3 .caract-img {
  width: 600px;
  height: 600px;
}

#rastreo-3 .caract-pill {
  width: 457px;
  height: 87px;
  border-radius: 44px;
  display: flex;
  align-items: center;
  font-family: var(--font-Montserrat);
  letter-spacing: -1px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  color: #616161;
}

#rastreo-3 .caract-col:first-child {
  align-items: flex-end;
}

#rastreo-3 .caract-col:first-child .caract-pill {
  justify-content: flex-end;
  text-align: right;
  padding: 0 40px 0 20px;
  background: linear-gradient(to left, #f7f6fb, #ffffff);
}

#rastreo-3 .caract-col:last-child .caract-pill {
  justify-content: flex-start;
  text-align: left;
  padding: 0 20px 0 40px;
  background: linear-gradient(to right, #f7f6fb, #ffffff);
}


#confort-1 {
  padding: 150px 0 100px;
}

#confort-1 .container {
  max-width: 1275px;
}

#confort-1 h2 {
  font-family: var(--font-NotoSans);
  font-size: 60px;
  letter-spacing: -2.5px;
  font-weight: 800;
  color: #1b1a1a;
  text-align: center;
  margin-bottom: 65px;
}

#confort-1 .confort-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
}

#confort-1 .confort-item {
  text-align: center;
}

#confort-1 .confort-circle {
  width: 197px;
  height: 197px;
  background: #efefef;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 25px;
}

#confort-1 .confort-circle img {
  width: 195px;
  height: auto;
}

#confort-1 .confort-item h3 {
  font-family: var(--font-Montserrat);
  font-size: 36px;
  letter-spacing: -1.5px;
  font-weight: 300;
  color: #434747;
  text-transform: uppercase;
  margin-bottom: 30px;
}

#confort-1 .confort-item p {
  font-family: var(--font-Montserrat);
  font-size: 16px;
  line-height: 1.8;
  color: #020202;
}

#confort-2 {
  padding: 50px 0 80px;
}

#confort-2 .container {
  max-width: 1340px;
}

#confort-2 h2 {
  font-family: var(--font-NotoSans);
  font-size: 60px;
  letter-spacing: -1px;
  font-weight: 800;
  color: #212121;
  text-align: center;
  margin-bottom: 75px;
}

#confort-2 img {
  display: block;
  width: 100%;
  height: auto;
}

#confort-3 {
  padding: 165px 0 200px;
}

#confort-3 .container {
  max-width: 1700px;
}

#confort-3 h2 {
  font-family: var(--font-NotoSans);
  font-size: 60px;
  letter-spacing: -2.5px;
  font-weight: 800;
  color: #212121;
  text-align: center;
  margin-bottom: 50px;
}

#confort-3 .marcas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 33px;
}

#confort-3 .marcas img {
  width: 293px;
  height: auto;
}

#contacto-1 {
  padding: 140px 0 80px;
}

#contacto-1 .container {
  max-width: 1340px;
}

#contacto-1 h2 {
  font-family: var(--font-NotoSans);
  font-size: 60px;
  letter-spacing: -2.5px;
  font-weight: 800;
  color: #1b1a1a;
  text-align: center;
  margin-bottom: 40px;
}

#contacto-1 p {
  font-family: var(--font-NotoSans);
  font-size: 18px;
  color: #616161;
  text-align: center;
  margin-bottom: 60px;
}

#contacto-1 .contacto-row {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}

#contacto-1 input,
#contacto-1 textarea {
  font-family: var(--font-NotoSans);
  font-size: 14px;
  color: #222222;
  border: 1px solid #989898;
  border-radius: 15px;
  background: transparent;
  outline: none;
}

#contacto-1 input[type="text"],
#contacto-1 input[type="email"] {
  flex: 1;
  height: 83px;
  padding: 0 25px;
}

#contacto-1 textarea {
  width: 100%;
  height: 158px;
  padding: 20px 22px;
  resize: none;
  margin-bottom: 60px;
}

#contacto-1 .g-recaptcha {
  display: flex;
  justify-content: center;
  margin-bottom: 70px;
}

#contacto-1 .contacto-btns {
  display: flex;
  justify-content: center;
  gap: 10px;
}

#contacto-1 .contacto-btns button {
  width: 165px;
  height: 59px;
  border: none;
  border-radius: 11px;
  background: #333333;
  font-family: var(--font-NotoSans);
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  cursor: pointer;
}

#contacto-2 {
  padding: 0 0 100px;
}

#contacto-2 .container {
  max-width: 1780px;
}

#contacto-2 .contacto-map-wrap {
  border-radius: 50px;
  overflow: hidden;
}

#contacto-2 .contacto-address {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 132px;
  background: #505050;
  padding: 0 40px;
}

#contacto-2 .contacto-address i {
  font-size: 24px;
  color: #ffffff;
}

#contacto-2 .contacto-address span {
  font-family: var(--font-NotoSans);
  font-size: 24px;
  color: #ffffff;
}

#contacto-2 iframe {
  display: block;
  width: 100%;
  height: 453px;
  border: 0;
}