body {
  background-color: #fff;
  color: #000;
  font-family: 'Open Sauce One', sans-serif;
}

@media (min-width: 768px) {
  .contenido-principal{
      margin-top:112px;
  }
}

@media (max-width: 768px) {
  .contenido-principal{
      margin-top:115px;
  }
}

.navbar {
  background-color: white;
}

.navbar a,
.navbar a:hover {
  color: #000;
}

.navbar2 {
  background: linear-gradient(to right, #1D4A64, #0E2038);
}
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }
.hero {
  position: relative;
  text-align: left;
  padding: 50px;
}

.hero img {
  max-width: 100%;
}


/*MENU INDEX*/
.menu {
  top: 100px;
  padding: 45px 0px;
  width: 100%;
  text-align: center;
}

.menu li {
  padding: 20px 0;
}

.menu li a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

.menu li:hover, .menu li:active,
.menu li a:hover, .menu li a:active{
  background: #fff;
}

.menu .submenu {
  position: relative;
}

.menu .submenu .dropdown {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
  opacity: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  background: white;
  border-radius: 5px;
}

.menu .submenu .dropdown.show {
  max-height: 490px;
  opacity: 1;
}

.menu .dropdown li {
  padding-bottom: 0px;
}

.menu .dropdown li a {
  text-decoration: none;
  color: black;
  display: block;
  padding: 0;
}

.menu .dropdown li a:hover {
  background: #f0f0f0;
}

/*FIN MENU INDEX*/



.carousel-item img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.brand-carousel img {
  max-width: 150px;
  margin: auto;
  padding: 10px;
}

.text-main {
  position: absolute;
  top: 20px;
  right: 0px;
  color: white;
  text-align: center;
  padding: 35px 135px 35px 35px;

}

/*MENU TODOS*/

a.nav-link, a:hover.nav-link{
font-weight:normal;
letter-spacing: 2px;
font-size:10pt;
}


.main-menu .dropdown-menu {
background: #061C31;
padding:5px;
}
.main-menu .dropdown-menu a{
color: #fff;
font-weight: normal;
letter-spacing: 2px;
font-size: 10pt;
}

.main-menu .dropdown-menu a:hover,.main-menu .dropdown-menu a:hover{
  background: #fff;
color:#061C31 !important;
}

.main-menu a.nav-link{
  color:#fff;

}
.main-menu a:hover.nav-link{
  color:#061C31;
  background-color: #fff;;

}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
  color:#061C31;
  background-color: #fff;;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

@media (max-width: 1023px) {

  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
  color:#061C31;
  background-color: #fff;
  text-align: left;
  font-size: 10pt !important;
}
  a.nav-link, a:hover.nav-link{
    padding: 10px 15px !important;
    }
  .nav-link{
    text-align: left;
  }


.btn-contacto {
  display: none !important;
}
}

@media (min-width: 1024px) {

  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
  color:#061C31;
  background-color: #fff;
  }
  a.nav-link, a:hover.nav-link{
    padding: 30px 15px !important;
    }
}
/*BOTON CONTACTO FIJO*/
.btn-contacto {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #02B9CA;
  color: #fff;
  font-size: 10pt;
  padding: 25px 10px 25px 15px;
  border-radius: 15px 0 0px 15px;
  text-decoration: none;
  font-weight: normal;
  writing-mode: sideways-lr;
  text-align: center;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  transition: background 0.3s;
  z-index: 999;
}

.btn-contacto:hover {
  background-color: #02B9CA;
  color:#fff;
}

@media (min-width: 1024px) {
  .columna-contactanos .divisiones{
    max-height: 580px;
  }
}


/*FIN BOTON CONTACTO*/

/*BUSCADOR INDEX*/
.search-box {
  position: relative;
  width: 350px;
  margin-top: 10px;
}

.search-box input {
  width: 100%;
  padding: 10px 100px 10px 15px;
  border: 2px solid #ccc;
  border-radius: 25px;
  outline: none;
  font-size: 13px;
  height: 35px;
}

.search-box button {
  position: absolute;
  right: 3px;
  margin-top: 17px;
  transform: translateY(-50%);
  background: #000;
  border: none;
  color: white;
  padding: 5px 10px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  height: 27px;
}

.search-box button:hover {
  background: #0056b3;
}

.boton-cotizar {
  border-radius: 20px;
  color: #fff;
  width: 100px;
  font-size: 13px;
}
button.add-to-quote{
  border-radius:30px;
  background:#061C31;
  font-size:9pt;width:100%;
  margin:auto;
  letter-spacing: 3px;
}
button.add-to-quote:hover{
  color: #fff;
  background: #02B9CA;
  border: 1px solid #02B9CA;
}



/*CAROUSEL INDEX AREAS*/
.carousel-container2 {
  width: 76%;
  overflow: hidden;
  position: relative;
  margin: auto;
} 
.carousel-container2 .carousel2 {
  display: flex;
  overflow: hidden;
}

.carousel-container2 .carousel2 img {
  width: 150px;
  padding: 7px;
  height: 400px;
  object-fit: cover;
  transition: width 0.5s ease;
  border-radius: 30px;
}

.carousel-container2 .carousel2 img.active {
  width: 400px;
}

.carousel-container2 .carousel2 img:hover {
  transform: scale(1.0);
}

.carousel-container2 .image-wrapper {
  position: relative;
  display: inline-block;
}

.carousel-container2 .image-title {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px 10px;
  font-size: 18px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  white-space: nowrap;
}

.carousel-container2 .image-title a,
.carousel-container2 .image-title a:hover {
  color: #fff;
  text-decoration: none;
}

.carousel-container2 .image-wrapper:hover .image-title {
  opacity: 1;
}

.carousel-container2 .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 10;
}
.carousel-container2 .arrow.left {
  left: 0;
}

.carousel-container2 .arrow.right {
  right: 0;
}
.slide-logos img{
  width:100%;
}



/*carousel nosotros*/
.carousel-container1 .arrow {
  cursor: pointer;
  font-size: 24px;
  position: absolute;
  right: 80px;
  user-select: none;
}
.carousel-container1 .carousel {
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  width: 100% !important;
}
.carousel-container1 .carousel img {
  width: 200px;
  height: 500px;
  object-fit: cover;
  transition: width 0.3s ease-in-out;
  border-radius:30px;
}
.carousel-container1 .carousel img:first-child {
  width: 450px;
}

/*FORM NEUROLOGIA*/
.form-areas .underline-input {
  background: #051C2F;
  border: none;
  border-bottom: 1px solid #fff;
  outline: none;
  padding: 5px;
  font-size: 12px;
  width: 100%;
  color: #fff;
}
.form-areas .underline-input:focus {
  border-bottom: 1px solid #fff;
}

.form-areas .card{
  background: #051C30;padding:30px;border-radius:20px;
}

@media (min-width: 1024px) {

.form-areas h5{
  font-size:18pt;font-weight:normal;margin-bottom:30px;
}
}
@media (max-width: 1023px) {
.form-areas h5{
  font-size:13pt;font-weight:normal;margin-bottom:30px;
}
}

.sidebar .nav-link {
  text-align: left;
  color: #000;
  background: #C1EDF2;
  border-radius: 0;
  padding: 21px;
}

.sidebar .active.nav-link {
  background: #fff;
  color: #000;
}

/*INDEX*/
.navbar2 .columna-2{
  padding-top: 10px;height:40px;
}
.navbar2 .columna-3{
  margin-top:20px;
}
.portada{
  background: url('/images/bg-home.png') no-repeat  center;
  background-position: 50% 100%;
  background-size:cover;
  color:#fff;
  text-align:right;
}
.portada .columna-1{
  padding:0;
  position: relative;
   display: inline-block; 
   text-align: center;
}
.portada .columna-1 img.trubeam{
  width: 60%; 
  display: block;
  padding-top: 20px;
}
.portada .columna-1 .text-main h1{
  font-size: 40pt;
}
.portada .columna-1 .text-main .text-vanguardia{
  color: #01B9CA;
}
.portada .columna-1 .text-main p.text-developing{
  font-size:18pt;
}
.portada  a.verproductos{
  background: #01B9CA;
  border-radius: 30px;
  padding: 10px 18px;
  height: 45px; 
  border: none; 
  cursor: pointer;
}
.portada .col-menu{
  padding:0;background: url('/images/bg-menu.png') no-repeat center;background-size:cover;
}

.portada .areas{
  padding-top:50px;
}


@media (min-width: 768px) {
  .portada .areas{
    padding-bottom:50px;
  }
}



.portada .areas .text-center{
  color:#fff;
  font-size:35pt;
  font-weight:bold;
}
.portada .areas .text-center .titulo-areas{
  color:#01B9CA;
}
.columna-varian{
  background:#fff;
}
.columna-varian .img-youtube{
  box-shadow: 25px 25px 0px rgba(169, 231, 237, 1);
  width: 90%;
  height: 360px;
}
.columna-varian p.text-varian{
  color:#23346A;font-weight:bold; line-height:120%;
}

@media (min-width: 1068px) {
  .columna-varian p.text-varian{
    font-size:35pt;padding-top:30px;
  }
}
@media (max-width: 1067px) {
  .columna-varian p.text-varian{
    text-align: center;
    font-size:23pt;padding-top:30px;
  }
}

.columna-varian p.mas-info{
  padding:0 0px;
}
.columna-varian p.mas-info a{
  background:#01B9CA;color:#fff;border-radius:30px;padding:14px;font-size:15pt;width:260px;
}

.columna-ia h2.titulo-ia{
  font-size:35pt;color:#23346A;font-weight:bold;line-height:120%;
}
.columna-ia .descripcion-ia{
  color:#23346A;font-size:25pt;line-height:120%;
}
.columna-ia{
  background:#fff;margin-top:50px;
}
.columna-tienda-cotizar{
  background:url('/images/bg-tienda-cotizar.png') no-repeat center;
  padding:150px 0;margin-top:100px;
}
.columna-proddest h2{
  color:#23346A;font-size:40pt;font-weight:500;
}
.columna-certinsu .columna-2 a.btn-primary{
  padding:5px 30px;
  font-size:18pt;
  background:#02BACA;
  border:none;
  border-radius: 20px;
}

@media (max-width: 1024px) {
  .columna-certinsu .columna-1, .columna-certinsu .columna-2{
  padding:30px  !important;
  }
}

.columna-certinsu .columna-1{
  border-radius:50px; 
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
  background-color: #D8E1F2;
    padding:50px 70px ;
  background: linear-gradient(to bottom right, #DDE1EF, #CCEAF9);
  min-height:420px;
}
.columna-certinsu .columna-2{
  border-radius:50px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
  padding:50px 70px;  
  background: linear-gradient(to bottom right, #DDE1EF, #CCEAF9);
  min-height:420px;
}
.columna-certinsu .columna-2 p.descripcion{
  font-size:16pt;
  font-weight:normal;
  text-align: justify;
}

@media (max-width: 767px) {
  .columna-varian p.mas-info a{
    font-size:12pt !important;
    width:260px;
  }
  .columna-varian p.mas-info{
    text-align: center;
  }
  .columna-ia h2.titulo-ia{
    font-size:23pt !important;
    text-align: center;
  }
  .columna-ia .descripcion-ia{
    font-size:15pt !important;
    text-align: center;
  }
  .columna-ia{
    margin-top:5px !important;
  }
  .columna-ia p.masinfo-contactar{
    text-align: center !important;
  }
  .columna-ia .btn-info{
    font-size: 12pt !important;
  }
  .columna-tienda-cotizar{
    padding:30px 0 !important;
    margin-top:30px !important;
  }
  .columna-proddest h2{
    font-size:23pt;
  }
  .columna-certinsu .columna-2 a.btn-primary{
    font-size:12pt !important;
  }
  .columna-certinsu .columna-1{
    padding:50px 30px !important;  
  }
  .columna-certinsu h3{
    text-align: center; 
  }
  .columna-certinsu .columna-2{
    margin-top:30px !important;
    padding:50px 30px !important;  

  }
  .columna-certinsu .columna-2 p.descripcion{
    font-size:16pt;
    text-align: center !important;
  }
  .columna-certinsu .columna-2 p.text-right{
    text-align: center !important;
  }
}




.columna-ia a.btn-masinfo{
  background:#01B9CA;color:#fff;border-radius:30px;padding:14px;font-size:15pt;width:250px;margin:20px 0;
}
.columna-ia  a.btn-contactar{
  background:#01B9CA;color:#fff;border-radius:30px;padding:14px;font-size:15pt;width:180px;
}


@media (min-width: 1068px) {
.columna-ia img.img-ia1{
  position: relative;top: 90px;left: 60px;z-index: 1;
}
}
@media (max-width: 1067px) {
.columna-ia img.img-ia1{
    position: relative;
    top: 90px;
    left: 60px;
    z-index: 1;
    width: 100%;
}
.columna-ia img.img-ia2{
  width: 100%;
}
.catalogo-home .buscador-movil {
margin: auto;
    width: 80%;
    text-align: center;
}
}

.columna-tienda-cotizar .card{
  border: 15px solid silver;border-radius:30px;padding: 45px 0;
}
.columna-tienda-cotizar h3{
  color:#fff;padding:30px 60px;font-size:24pt;line-height: 120%;
}
.columna-proddest{
  background: #fff;padding:50px 0;
}

.columna-proddest .card{
  border:none;
}
/*
.columna-proddest .card button{
  background:#004684;font-size:15pt;width:220px;margin:auto;
}
  */
.columna-certinsu{
  background:#fff;
  margin-bottom: 130px;
}

.columna-certinsu .columna-1 h3{
  color:#23346A; 
  font-size:40pt;
}

.columna-certinsu .columna-2 h3{
  color:#23346A; 
  font-size:40pt;
  padding-bottom:30px;
}




/*FOOTER*/
.columna-tecno .ondas{
  margin:auto;
  padding:85px 0 35px 0;
  background:url('/images/bg-vanguardia.png') no-repeat center;   
  background-size: cover;
  border-bottom-left-radius: 50px;  /* esquina inferior izquierda */
  border-bottom-right-radius: 50px;  
  }
footer{
  font-size:12pt;border-radius:45px;  margin-bottom:30px;  background: linear-gradient(to right, #3FC4E0, #061C31);
}
footer .contenedor{
  padding:50px 50px 0px 50px;
}
footer .social-media-container{
  border-top: 1px solid #fff;
}
footer .social-icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 50%;
  text-decoration: none;
  color: #333;
  font-size: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s, box-shadow 0.3s;
}

footer .social-icon:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}


/*NOSOTROS*/
header.nosotros{
  background: url('/images/bg-areas.png') no-repeat bottom center;background-size:cover;
}
header.nosotros .titulo{
  font-size:40pt;
}
header.nosotros .boxes{
  margin-bottom:80px;
  margin-top:30px;
}
header.nosotros .boxes .card{
  min-height:425px;padding:50px;border-radius:30px;background:#39B3CF;
}
header.nosotros .boxes h2{
  font-size:36pt;margin-bottom:30px;
}
header.nosotros .boxes p{
  font-size:18pt;
}
.columna-politica{
  background:#fff;margin-top:50px;
}
.columna-politica h2{
  font-size:50pt;color:#23346A;font-weight:bold;
  line-height:120%;
  margin-bottom:30px;
}

@media (max-width: 767px) {
  .columna-politica h2{
    font-size:25pt !important;
  }
  header.nosotros .boxes h2{
    font-size:25pt !important;
  }
  header.nosotros .boxes p{
    font-size:12pt !important;
  }
  header.nosotros .boxes .card{
    min-height:300px !important;
  }
  .columna-tecno{
    display: none !important;
  }
}

.columna-politica .descripcion{
  font-size:18pt;color:#23346A;
  text-align: justify;
}
.columna-politica ul{
  line-height: 150%;margin-top:30px;padding-left: 0;font-size:18pt;color:#23346A;margin-left:50px;font-weight:bold;
}
.columna-politica ul li{
  padding-bottom:0px;
  text-align: justify;
}
.columna-politica p.datos-empresa{
  font-size:18pt;font-style:italic;color:#23346A;margin-top:30px;
}

/*SERVICIOS*/
header.servicios{
  background: url('/images/bg-noticias.png') no-repeat bottom center;
  background-size: cover;
}
header .servicios h1{
  font-size:40pt;
}
header.servicios .container{
  padding:70px 70px 140px 70px;
}
.columma-asesorias{
  background:#fff;margin-top:50px;
}
.columma-asesorias h2{
  font-size:50pt;color:#23346A;font-weight:bold;
  line-height:120%;
  margin-bottom: 30px;
}
.columna-serviciotec h2{
  font-size:50pt;
  font-weight: bold;
}

@media (max-width: 1023px) {
  header.nosotros{
    padding-top:15px !important;
  }
  .columma-asesorias h2{
    font-size:30pt !important;
  }
  .columna-serviciotec h2{
    font-size:30pt !important;
  }
}
.columma-asesorias  p.descripcion{
  font-size:18pt !important;
  color: #23346A;
    text-align: justify;
}
.columna-asesorias ul{
  margin-top:30px;
  padding-left: 0 !important;
  font-size:18pt;
}
.columma-asesorias ul li{
  list-style:none;
  color: #23346A;
  padding-bottom:15px;
  font-size: 16pt;
}
.columma-asesorias .img1{
  position: relative;top: 110px;left: 45px;z-index: 1;width:100%;
}
.columma-asesorias .img2{
  width:100%;
}

.columna-serviciotec{
  background: #fff;
  margin:50px 0 0 0;color:#233469;
}
.columna-form{
  margin-bottom: 50px !important;
}
.columna-serviciotec .columna-1 img{
  box-shadow: -20px -20px 0px #A9E7ED;
  border-radius: 40px;
  width: 100%;
}
.columna-serviciotec .columna-2{
  padding-top:50px;
}

.columna-serviciotec .descripcion{
  font-size:16pt;margin-bottom:50px;
  text-align: justify;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/*TRABAJA CON NOSOTROS*/
header.columna-tcn{
  background: url('/images/bg-tcn.png') no-repeat  center;background-size: cover;
}
header.columna-tcn h1{
  font-size:40pt;color:#23346A;
}

@media (max-width: 767px) {
  header.columna-tcn h1{
    font-size:30pt !important;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 5px !important;

  }
}

header.columna-tcn .container{
  padding:50px;
}
.columna-formulario{
  background:#fff;margin-top:30px;margin-bottom:30px;
}
.columna-formulario .unete{
  color:#23346A;font-size:24pt;font-weight:bold;margin-bottom:50px;
}


.columna-formulario .colform .card{
  background: #051C30;padding:50px;border-radius:20px;
}
.columna-formulario .colform .card label{
  font-size:15px;
}
.columna-formulario  button.btn-enviar{
  float:right;border-radius:30px; background:#3CBEDA;padding:10px 30px;
}
.columna-formulario .underline-input {
  background: #051C2F;
  border: none;
  border-bottom: 1px solid #fff;
  /* Línea baja */
  outline: none;
  /* Evita el borde al hacer clic */
  padding: 5px;
  font-size: 12px;
  width: 100%;
  color: #fff;
}

.columna-formulario .underline-input:focus {
  border-bottom: 1px solid #fff;
}

.columna-formulario button.btn-enviar:hover{
  background:#fff;
  color:#02B9CA;
}

/*CONTACTO*/
header.contacto{
  background: url('/images/bg-contacto.png') no-repeat  center;background-size: cover;
}

@media (max-width: 767px) {
  .btn-contacto{
    display: none;
  }
}

header.contacto h1{
  font-size:40pt;color:#23346A;
}

@media (max-width: 767px) {
  header.contacto h1{
    font-size:30pt !important;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 5px !important;
  }
  .columna-contactanos{
    padding-top:0 !important;
  }
  .columna-contactanos .mt-5{
    margin-top: 0 !important
  }
}


.columna-contactanos {
  background:#fff;margin-top:50px;
}
.columna-contactanos h2.subtitulo{
  color:#23346A;font-weight:bold;line-height:120%;padding-bottom:30px;
}

@media (min-width: 768px) {
  .columna-contactanos h2.subtitulo{
    font-size:50pt;
  }
}

.columna-contactanos p.descripcion{
  font-size:18pt;color:#23346A;padding-bottom:30px;
}
.columna-contactanos ul{
  color:#23346A;font-size:18pt;
}
.columna-contactanos ul li a,
.columna-contactanos ul li a:hover,
.columna-contactanos ul li a:active
{
  color: #23346A;
}


@media (min-width: 1069px) {
.columna-contactanos .columna-form .card{
  background: #051C30;padding:40px;border-radius:20px;top:-220px;
}

}
@media (max-width: 1068px) {
  .columna-contactanos .columna-form .card{
    background: #051C30;padding:40px;border-radius:20px;
  }
}

.columna-contactanos .columna-form .card h5{
  font-size:20pt;font-weight:normal;margin-bottom:30px;
}
.columna-contactanos .columna-form label{
  font-size:12px;
}
.columna-contactanos .columna-form button.btn-enviar {
  float:right;border-radius:30px; background:#3CBEDA;padding:10px 30px;
}
.columna-contactanos .underline-input {
  background: #051C2F;
  border: none;
  border-bottom: 1px solid #fff;
  outline: none;
  padding: 5px;
  font-size: 12px;
  width: 100%;
  color: #fff;
}

.columna-contactanos .underline-input:focus {
  border-bottom: 1px solid #fff;
}

@media (min-width: 1200px) {
  .fs-1 {
      font-size: 3.5rem !important;
  }
}

.text-justify {
  text-align: justify !important;
}

.paginador a{
  color:#000;
  text-decoration: none;
  font-size: 20pt;
}
.paginador .number{
    color: #A4A4A4;
    font-size: 20pt;
} 



/*AREAS*/
.header-areas{
  background: url('/images/bg-cotizar.png') no-repeat bottom center;
  background-size:cover;
  padding-bottom: 60px;
}
.header-areas .search{
  padding:30px;
}


.columna-areas{
  margin-top:100px;margin-bottom:50px;
 }
@media (max-width: 1024px) {
.header-areas .search h1{
  font-size:30pt !important;
}
  .header-areas .search{
    padding:30px 15px !important
  }
  .header-areas .search h1{
    font-size:30pt !important;
  }
  .columna-areas{
    margin-top:10px;margin-bottom:50px;
   }
}


/*catalogo*/
.header-catalogo{
    background: url('/images/bg-cotizar.png') no-repeat bottom center;background-size: cover;
}
.header-catalogo .container{
    padding:30px;
}

.header-catalogo .column1 h1{
    font-size:40pt;
}

@media (max-width: 1024px) {
    .header-catalogo .column1 h1{
    font-size:30pt !important;
    }
    .header-catalogo .column1{
    padding:30px;
    }
}
.catalogo-home{
    background: #fff;padding:150px 0 0 0;
}
.catalogo-home .producto .card{
    margin-bottom:20px;border:1px solid #3FC4E0;border-radius: 20px;
}
.catalogo-home .producto .card .card-header{
    padding:30px;border: none;background: none;min-height:250px;
}
.catalogo-home .producto .card .card-header img{
    width: 100%; height: 200px; object-fit: cover;
}

/*catalogo show*/
.catalogo-producto{
    background: #fff;padding:150px 0 0 0;
}
.catalogo-producto .contain1er {
                        margin: auto;
                        display: flex;
                        align-items: flex-start; 
                    }

.catalogo-producto .thumbnails {
                        display: flex;
                        flex-direction: column;
                        gap: 10px;
                        margin-right: 10px;
                    }

.catalogo-producto .thumbnails img {
                        width: 118px;
                        cursor: pointer;
                        border: 1px solid #ddd;
                        padding: 3px;
                    }

.catalogo-producto .thumbnails img:hover {
                        border-color: #333;
                    }

.catalogo-producto .main-image {
                        width: 79%;
                        border: 1px solid #ddd;
                        padding: 5px;
                    }
                    .catalogo-producto .main-image2 {
                      width: 100%;
                      border: 1px solid #ddd;
                      padding: 5px;
                  }
                    
.catalogo-producto .column2 h1.producto-nombre{
    font-size:35pt;font-weight:bold;
}

@media (max-width: 767px) {
.catalogo-producto .column2 h1.producto-nombre{
    font-size:30pt !important;
    font-weight:bold;
}
}

.catalogo-producto .column2 .producto-btn .card-footer{
    background: none;
}

.catalogo-producto .column2 .categorias-keyword p{
    color:gray;font-size:9pt;
}
.catalogo-producto .productos-relacionados h2{
    padding-bottom:30px;
}
.catalogo-producto .productos-relacionados .card{
    margin-bottom:20px;border:1px solid #3FC4E0;border-radius: 20px;
}
.catalogo-producto .productos-relacionados .card-header{
padding:30px;border: none;background: none;min-height:250px;  
}
.catalogo-producto .productos-relacionados .card-body{
    min-height: 105px;
}


/*NOTICIA*/
.ver-noticia {
    background: #fff;padding:150px 0 0 0;
}
.ver-noticia .card{
    border:none;
}
.ver-noticia h1{
  margin-bottom:50px;
}
.ver-noticia .card .imagen-cuerpo{
    overflow: hidden;
}
.ver-noticia .card .imagen-cuerpo .cuerpo{
    color:#5D5D5D; text-align:justify; font-size:14pt;
}
.ver-noticia .card .imagen-cuerpo .imagen img{
    width:350px; border-radius:20px; float: left; margin-right: 30px; margin-bottom: 30px;
}
.ver-noticia .ultimas-noticias h3{
    margin:50px 0 30px 0;
}
.ver-noticia .ultimas-noticias a{
    color:#061C31;
}
.ver-noticia .ultimas-noticias h4{
  color: #061C31; 
}
.header-noticia{
    background: url('/images/bg-noticias.png') no-repeat bottom center;background-size: cover;
}
a.btn-azul{
  border-radius: 30px;
    background: #061C31;
    font-size: 10pt;
    margin: auto;
    letter-spacing: 3px;
    padding: 5px 15px;
}
a.btn-azul:hover{
  background: #3FC4E0;
  color: #fff;
}
.estudios-download a{
  font-size:10pt;
  color:#000;
}
.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

@media (min-width: 1068px) {

  .tienda-index .column1{
    padding-top:100px;
  }
}

@media (max-width: 1067px) {

  .tienda-index .column1{
    padding-top:0px  !important;
  }
}