#loom-companion-mv3 {
    display: none;
}


.navbar-mobile ul li:not(:last-child) a {
  position: relative; /* Para usar posición relativa en el enlace */
}

.navbar-mobile ul li:not(:last-child) a::after {
  content: ''; /* Pseudo-elemento para crear el borde */
  position: absolute; /* Posicionamiento absoluto respecto al enlace */
  bottom: 0; /* Colocar el borde en la parte inferior del enlace */
  padding-left: 20px; /* Iniciar desde la esquina izquierda del enlace */
  padding-right: 20px;
  width: 85%; /* Ancho completo del enlace */
  height: 3px; /* Altura del borde */
  background-color: #FE6A01; /* Color del borde */
}

.services-section .portfolio-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: auto;
}

.services-section .portfolio-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}

.services-section .portfolio-wrap {
  text-align: center;
  width: 100%;
}

@media (min-width: 992px) {
  .services-section .portfolio-item {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .services-section .portfolio-item {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}




.contact-footer .whatsapp-button{
    z-index: 99999999;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
    font-size: 17px;

}

.portfolio .portfolio-wrap .portfolio-info::before, .portfolio .portfolio-wrap .portfolio-info::after {

    width: 18px;
    height: 18px;

}


/*Whatsapp*/

.whatsapp-button {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #25D366; /* Corregido: era background.color */
  position: fixed;
  bottom: 10px;
  right: 10px; /* Puedes ajustar 'right' según tu preferencia */
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; /* Corregido: era cursos */
  transition: transform 0.3s, background-color 0.3s; /* Corregido: era 0.3 */
  border: 1px solid black;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.whatsapp-button i {
  color: white;
  font-size: 24px;
  transition: font-size 0.3s;
}

.whatsapp-button:hover {
  background-color: #128C53; /* Corregido: era #128C53s */
}

.whatsapp-button:hover i {
  font-size: 26px;
}

.whatsapp-button:active {
  transform: scale(1.2);
}

.hidden {
  display: none;
}


.back-to-top {
    display:none !important;
}

:root {
  --fs-base: 18px; /* Tamaño base de fuente */
  --fw-base: 300; /* Peso base de la fuente */
}

body {
  font-weight: var(--fw-base);
}

.text-reset {
    text-transform: inherit !important;
}


b, strong {
    font-weight: 700;
}

#topbar {
    background: #3E5FC8;
    position: relative;
    /*z-index: 2147483647;*/
}
#topbar .contact-info i {
    color: #fff;
}

#hero .carousel-item::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
}

#topbar .social-links a {
    color: #fff;
}
#topbar .social-links a:hover {
    color: #FF6A00;
}

#header {
    background: none;
    box-shadow: none;
    transition: all 0.4s;
    z-index: 2147483647;
}



#contact .breadcrumbs {
    background: inherit;
    border-bottom: none;
    padding: 80px 0 20px 0;
}

.breadcrumbs h2, .breadcrumbs h2 span  {
    font-size: 68px;
    font-weight: 700;
    color: #FF6A00;
    text-transform: inherit;
    text-align: center;
}

.contact .php-email-form {
    background-color: white;
    border-radius: 12px;
    padding: 70px 60px;
}


.z-index-top {
  position: relative;
  z-index: 2147483647; /* Valor más alto para z-index */
}

.main-with-overlay {
  /* Establece el fondo de imagen */
    background-image: url(../img/head-contacto.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
}

.main-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Establece el color de superposición con opacidad */
  background-color: rgb(0 0 0 / 44%); /* Blanco con 50% de opacidad */
}

.scrolled-offset {
    margin-top: 0px;
}

.contact .map iframe {
    border: 0;
    width: 100%;
    height: 500px;
    display: block;
}

.no-fixed {
    position: fixed;
    top: 34px;
    right: 0;
    left: 0;
    background: none;
    box-shadow: none;
        height: 120px !important;


}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important;
    background: #000000a8 !important;
    height: 70px !important;
}


#header.no-fixed .logo img {
    width: 150px;
}
#header.fixed-top .logo img {
    width: 100px !important;
}

.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {
    color: #FF6A00;
}

.active, .navbar .active:focus {
    font-weight: 900 !important;
}

a:hover,.navbar li:hover>a {

}

.fixed-top .navbar a, .navbar a:focus {
    /*color: white;*/

}


.navbar a, .navbar a:focus {
    color: white;
}

#header .logo img {
    max-height: none;
}


.page-inicio .featured .icon-box {
    background: #3E5FC8;
    color: white;
}
.page-inicio .featured .icon-box:hover {
    background: #1c378d;
    color: white;
}
.featured .icon-box p {
    color: white;
    font-size: inherit;
    font-weight: inherit;
    margin-bottom: 30px;
}

#hero {
    width: 100%;
    height: 85vh;
    background-color: rgba(59, 59, 59, 0.8);
    overflow: hidden;
    padding: 0;
    margin-bottom: -120px;
    position: relative;
    z-index: 1;
}

#hero .carousel-item {
    width: 100%;
    height: 85vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position: center center;
}

#hero p {
    width: 100%;
    font-weight: 500;
}

#hero .carousel-container {
  color: white;
  top: 12%;
}




#hero h1 {
    color: #FFF;
    text-transform: none;
    font-size: 4rem;
    /* line-height: 4.5rem; */
    margin-bottom: 30px;
}

#hero h1 span {
    color: #F26722;
        font-size: 4rem;
    line-height: 26px;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 4rem;
    margin-left: 15%;
}
#hero .carousel-indicators li {
    list-style-type: none;
    cursor: pointer;
    background: #3e5fc8;
    overflow: hidden;
    border: 0;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    opacity: 0.2;
    margin-bottom: 0;
}
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    transition: opacity .6s ease;
}

#hero h1 {
    color: #FFF;
    text-transform: none;
    font-size: 4rem;
    /* line-height: 4.5rem; */
    margin-bottom: 30px;
}




/*Boton*/
.services .btn, .featured .btn {
    background: #e96b56;
    display: inline-block;
    padding: 8px 30px;
    border-radius: 10px;
    color: #fff;
    transition: none;
    font-size: 14px;
    font-weight: bold;
    font-family: "Raleway", sans-serif;
    transition: 0.3s;
    border: none;
}

.services .btn:hover, .featured .btn:hover  {
    background: #ee8b7a;
}

.featured .btn.btn-white {
    background: #ffffff;
    color: #3E5FC8;
}
.featured .btn-white:hover {
    background: #F26722;
    color: white;
}

/*services*/
.services .icon-box:hover {
    background: inherit;
    border-color: inherit;
}

/*Portfolio*/
.portfolio .portfolio-wrap {
    border-radius: 12px;
}

.portfolio .portfolio-wrap .portfolio-info {
    opacity: 1;
 }
section.portfolio.home {
     background-color: #F4F4F4;
 }

.portfolio .portfolio-wrap .portfolio-info h4 {
    padding: 10px;
}



.portfolio-container {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  position: static !important; /* Sobrescribe position: relative */
  height: auto !important; /* Sobrescribe height: 235px */
}

.portfolio-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin-bottom: 30px !important;
  position: static !important; /* Sobrescribe position: absolute */
}


/*--------------------------------------------------------------
 # Sections General
 --------------------------------------------------------------*/
section {
  padding: 80px 0 80px 0;

 }
.section-title h2 {
     font-size: 44px;
     margin-bottom: 20px;
     padding-bottom: 20px;
     color: #3E5FC8;
 }

section.featured h2 {
     font-size: 44px;
     margin-bottom: 20px;
     padding-bottom: 20px;
     color: white;
 }

h1, h2, h3, h4, h5, h6 {
    font-weight: Bold;
    font-family: "Montserrat", sans-serif;
}

.text-uppercase {

    text-transform: uppercase;
}

/*temporal*/
.d-flex.valor {
    display: /*block !important;*/
}

/*--------------------------------------------------------------
 # Sections Valores
 --------------------------------------------------------------*/
 .col1-propuesta-valor img {
     border-radius: 12px;
 }
 .col1-propuesta-valor img {
     border-radius: 12px;
 }



/*--------------------------------------------------------------
 # Sections Proceso
 --------------------------------------------------------------*/

.rombos {
  background-image: url('../img/proceso-bg.jpg'); /* Agrega la imagen de fondo */
  background-size: cover;
  background-color: grey; /* Cambia el color de fondo de la sección */
  padding: 100px 50px;
}
/*Se puede eliminar*/
.rombos::before {
  /*: "";*/
  /*position: absolute;*/
 /*top: 0;*/
  /*left: 0;*/
  /*width: 100%;
  /*eight: 100%;*/
}
.rombos h2 {
    color: white;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3E5FC8; /* Color de fondo con opacidad */
  opacity: 0.85; /* Opacidad del color de fondo */
}

.hexagon {
  position: relative;
  width: 102px; /* Tamaño del hexágono */
  height: 114px; /* Tamaño del hexágono */
  margin-bottom: 20px; /* Espacio entre hexágonos */
  overflow: hidden;
  background-image: url('../../assets/img/hexagon.png'); /* Ruta de la imagen de fondo */
  background-size: cover; /* Ajustar tamaño de la imagen */
}

.hexagon:before,
.hexagon:after {
  /*content: '';*/
  /*position: absolute;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*background-color: #f0f0f0; /* Color del hexágono */
  /*clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);*/ /* Definir forma de hexágono */
}

.hexagon:before {
  /*top: 0;*/
}

.hexagon:after {
  /*bottom: 0;*/
}

.numero {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: bold;
  z-index: 999999;
      font-size: 2rem;
    color: #3e5fc8;
}

.linea {
    width: 92px;
    height: 4px;
    margin-top: 10px;
    opacity: 1;
    border-top: 4px solid #FF6900;
    border-radius: 12px;
}

.subtitulo {
    text-align: center;
    color: white;
    font-style: normal;
    font-weight: bold;
}



.section-title h2::after {
    display: none;
}


/*--------------------------------------------------------------
# Footer Newsletter
--------------------------------------------------------------*/
  /* CSS para la sección específica del footer */
  .footer-newsletter {
    display: flex;
    align-items: center;
  }

  /* Alinear verticalmente los elementos de la segunda fila */
  .footer-newsletter .second-row {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Ajustar el margen superior de la segunda fila */
  .footer-newsletter .second-row {
    margin-top: 20px; /* Puedes ajustar este valor según sea necesario */
  }

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
#contact h1,
#contact h2,
#contact h3,
#contact h5,
#contact h6  {
    
    color: white;
}

#contact h3 {
    
color: #FE6A01 !important;
    text-transform: uppercase;
    font-size: 4rem;
}
#contact h4 {
    
    font-weight: 500;
}

.tex-white {
    
    color: white;
}

#contact .icon-arrow {
    margin-right: 8px;
    margin-top: 19px;
    width: 35px !important;
}

#contact .text-left {
    align-items: start;
    /*padding-right: 100px;*/
}

/*--------------------------------------------------------------
# oTROS Sections
--------------------------------------------------------------*/
section.clients, footer{
  /*display: none;*/
}



element.style {
    color: white;
}



section.about-featured .icon-box .content {
    text-align: center;
}
section.about-featured .icon-box h2 {
color: #3E5FC8;
}
section.about-featured .icon-box p {
color: #3F3D56;
}

section.about-featured .icon-box {
    background:#F4F4F4;
    color: inherit;
}
section.about-featured .icon-box:hover {
    background:#F4F4F4;
}
.featured .icon-box:hover {
    background: #e96b56; /* Color de fondo original */
    color: inherit; /* Mantener el color del texto */
}
section.about-featured .icon-box:hover i, section.about-featured .icon-box:hover h3 a, section.about-featured .icon-box:hover p {
color: #3F3D56;
}

section.about-featured .icon-box.pull:hover i, section.about-featured .icon-box.pull:hover h3 a {
    color: #FF6A00;

}
.about-featured .featured .icon-boxs {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-top: var(--bs-gutter-y);
}

section.about-featured.featured .second-row {
    margin-top: 50px;
}
.second-row{
}

main.page-proyectos .breadcrumbs {
    background-image: url(../img/page-title-bg-proyectos.jpg)
}

main.page-nosotros .breadcrumbs {
    background-image: url(../img/head-nosotros.jpg)
}

main.page-servicios .breadcrumbs {
    background-image: url(../img/head-servicios.jpg)
}

.breadcrumbs {
    padding: 140px 0 60px 0;
    min-height: 60vh;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.breadcrumbs:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    inset: 0;
}

.breadcrumbs p {
    color: white;
    text-align: center;
}

.footer-contact-container {
    padding: 100px 0px;
    background-color: white;
    max-width: 100%;
}
#footer{
    padding: 0 0 60px 0;
    background: #132665;
}
.footer-top {
    background: none;
}
#footer .footer-top {
    background: none
}

main.page-servicios section.portfolio.home{
    background-color: #FFFFFF;
}


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "Montserrat", sans-serif;
  color: #3F3D56;
}
h1,h2,h3,h4,h5,h6 {
  font-family: "Montserrat", sans-serif;
}

.row-1 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.row {
    /*--bs-gutter-x: 1.5rem;*/
   /*--bs-gutter-y: 0;*/
    /*display: flex;*/
   /*flex-wrap: wrap;*/
    /*margin-top: calc(-1 * var(--bs-gutter-y));*/
   /*margin-right: calc(-.5 * var(--bs-gutter-x));*/
   /*margin-left: calc(-.5 * var(--bs-gutter-x));*/
}

footer .row-1 {
    margin-bottom: 18px;
}

footer .row-1 p {
    margin: 0;
    color: #1D1B1B;
    font-weight: 700;
    font-size: 17px;
}

footer .row-1 .container-text {
    vertical-align: baseline;
    display: -webkit-inline-box !important;
}

footer .row-2 {
    background-color: #F4F4F4;
    padding: 48px 20px;
    border-radius: 12px;
}
footer .row-2 .container-text {
    display: flex;
    align-items: center;
}

footer .row-2 img {
    width: 86px;
    margin-right: 15px;
}
footer .row-2 h4 {
    text-transform: inherit;
    color: #1D1B1B;
    margin-right: 20px;
}
footer .row-2 a {
    background: #3E5FC8;
    display: inline-block;
    padding: 8px 30px;
    border-radius: 20px;
    color: #fff;
    transition: none;
    font-size: 14px;
    font-weight: 400;
    font-family: raleway, sans-serif;
    transition: 0.3s;
}
footer .footer-contact-container .col-3 .container-img {
    display: flex;
    align-items: center;
}

main.page-inicio section#featured {
    padding: 80px 0 50px 0;
}


#header.proyectos {
    z-index: 99999;
}

.page-nosotros h6 {
    font-size:22px;
    font-weight: normal;
}
.page-nosotros h4 {
    font-size:22px !important;
    font-weight: bold;
}
.page-nosotros .row.icon-box h4 {
    font-size: 26px !important;
    font-weight: bold;
    margin-right: 0 !important;
    margin-top: 0 !important;
}
.page-nosotros .row.icon-box img{
    width: 50px !important;
    margin-right: 15px;
     width: 40px !important;
    height: 30px !important;
    margin-top: -5px;
}
.page-nosotros .row.icon-box .align-vertical{
    display: flex;
    justify-content: center;
}

.page-nosotros h2 {
    font-weight: bold;
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: #132665;
    border-color: var(--bs-btn-hover-border-color);
}
.page-servicios .btn {
    background: #3E5FC8
}
.page-servicios .btn:hover  {
    background-color: #132665;
}
.page-servicios-individual h3 {
    font-weight: normal;
    font-size: 22px;
}
.page-servicios-individual h3 b {
    font-size: 18px;
}
.page-servicios-individual h2 {
    color:white;
}
.page-servicios-individual section {
    padding: 50px 20px;
}
.page-servicios-individual .section.clients {
    padding: 70px 40px;
}
.page-servicios-individual .section.about {
    padding: 20px 50px 90px;
}

.page-servicios-individual .section-image {
    height: 400px !important;
    background-position: center center !important;
}
.page-servicios-individual.ingenieria-diseno .section-image {
    height: 500px;
}

@media (max-width: 768px) {
  .services-section .portfolio-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
      .page-servicios-individual .section-image {
    height: 190px;
    }
      .page-servicios-individual.ingenieria-diseno .section-image {
        height: 230px !important;
    }    
    
}
@media (max-width: 575px) {
    .page-servicios-individual.ingenieria-diseno .section-image {
        height: 110px !important;
    }
}

@media (min-width: 1024px) {
    .page-servicios-individual.ingenieria-diseno .section-image {
        height: 400px !important;
    }
}



p, span {
    font-size: 16px;
    line-height: 26px;
}
.about .content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.about .content ul li {
    padding: 10px 0 0 0;
    display: flex;
}
.about .content ul i {
    margin-right: 0.5rem;
    line-height: 1.2;
    font-size: 1.25rem;
}
.about .content ul i {
    margin-right: 0.5rem;
    line-height: 1.2;
    font-size: 1.25rem;
}

.page-servicios-individual .about {
  display: flex;
  align-items: center; /* Centrar verticalmente */
  justify-content: center; /* Centrar horizontalmente */
}

.page-servicios-individual .about .row {
  background-color: #F4F4F4;
  border-radius: 12px;
  border: 1px solid #ededed;
}

.page-servicios-individual .about ul {
  list-style: none;
  padding-left: 0;
  text-align: left; /* Alinear el texto a la izquierda */
}

.page-servicios-individual .about ul li {
  margin-bottom: 10px; /* Espacio entre elementos de la lista */
}

.page-servicios-individual .about ul li i {
  margin-right: 10px; /* Espacio entre el icono y el texto */
}

.page-servicios-individual .about .content {
  display: flex;
  flex-direction: column;
  justify-content: center; /* Centrar verticalmente */
  align-items: center; /* Centrar horizontalmente */
      padding: 40px;
    vertical-align: middle;
}

.page-servicios-individual .about ul {
  list-style: none;
  padding-left: 0;
  text-align: left; /* Alinear el texto a la izquierda */
}

.page-servicios-individual .about ul li {
  margin-bottom: 10px; /* Espacio entre elementos de la lista */
}

.page-servicios-individual .about ul li i {
  margin-right: 10px; /* Espacio entre el icono y el texto */
}
.page-servicios-individual .about .row {
  display: flex;
  flex-wrap: wrap;
}

.page-servicios-individual .about .order-lg-2 {
  display: flex;
  align-items: center; /* Centrar verticalmente la imagen */
}

.page-servicios-individual .about img {
  max-width: 100%;
  height: auto;
}
.page-servicios-individual .about .row {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  background-color: #F4F4F4;
    border-radius: 12px;
    border: 0px solid #ededed;
}

.page-servicios-individual .about .order-lg-2 {
   /* La columna ocupa el 100% de la altura disponible en el contenedor */
  display: flex;
  align-items: center; /* Centrar verticalmente el contenido */
}

.page-servicios-individual .about .order-lg-2 img {
  height: 100%; /* La imagen ocupa el 100% de la altura de la columna */
  width: auto; /* Mantener la proporción */
}
.page-servicios-individual .about .order-lg-2 {
  background-size: cover;
  background-position: center center;
}
.page-servicios-individual .section.clsients {
  background-position: center center;
}


.mobile-nav-toggle {
    color: #f8f9fa;
}

.services img {
    margin-top: 20px;
}

.navbar-mobile a, .navbar-mobile a:focus {
    padding: 14px 20px;
    font-size: 24px;
    color: #132665;
}

#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {
    color: #ffffffb3;
}


@media (min-width: 1400px){
.container.container-featured {
    max-width: 920px;
    }
}    



@media (min-width: 1400px) {
    .container.container-about-featured {
    max-width: 1320px;
  }
}


/*--------------------------------------------------------------
# Container
--------------------------------------------------------------*/

@media (max-width: 576px) {
    .container.container-featured {
        max-width: 100%;
    }
    .carousel-indicators {
        
    }
    
    .footer-top img {
        width: 150px;
    }

    .breadcrumbs #hero h1 {
        font-size: 34px;
        line-height: 2.2rem;
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .breadcrumbs h2, .breadcrumbs h2 span {
        font-size: 34px;
    }
    .page-servicios-individual section {
    padding: 0px 20px 10px;
    }
    #hero p {
        font-size: 18px;
    }
    .subtitulo {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 40px;
    }
    .numero {
    font-size: 22px;
    }
    .hexagon {
        width: 85px;
        height: 95px;

    }
}
    .page-nosotros .row.second-row .col-lg-6{
    margin-bottom: 140px; 
    }
    .page-nosotros .row.second-row .col-lg-6.first-col{
    padding-right: 0px !important;
    }
    .page-nosotros .row.second-row .col-lg-6.second-col{
    padding-left:0px !important; 
    }
    .page-nosotros .row.second-row .col-lg-6.second-col .icon-box-button{
    padding-left: 20px;
    padding-right: 20px;
    }
    section.about-featured.featured .second-row {
    --bs-gutter-x: 0;
    }
    .page-nosotros section.about-featured.featured h6 {
    font-size: 19px;
    width: 55%;
    }
    .page-nosotros section#nuestros-valores {
    padding-top: 0rem !important;
    padding-bottom: 3rem !important;
    }
    .contact-info .bi.bi-envelope {
    display: none !important;
    }
    #contact h3 {
    font-size: 34px;
    font-weight: 500;
    }
    .page-servicios-individual .section.about {
    padding: 20px 20px 50px;
    }
}
        #services .icon-box_.row {
            background-color: #F4F4F4;
    padding: 48px 20px;
    border-radius: 12px;
    text-align: center;
    border: 1px solid #ededed;
        }

/*editando aqui queries*/


@media (min-width: 576px) {
    .container.container-about-featured {
        max-width: 540px;
    }
 }
    
@media (min-width: 768px) {
    .container.container-featured {
        max-width: 100%;
    }
    .container.container-about-featured {
        max-width: 720px;
    }
    .page-servicios-individual .about .order-lg-2 {
        height: 300px;
    }
}
@media (min-width: 992px) {
    .container.container-featured {
        max-width: 100%;
    }    
    .container.container-about-featured {
        max-width: 960px;
    }
    .page-servicios-individual .about .order-lg-2 {
        height: inherit;
    }
}
@media (min-width: 1200px) {
    .container.container-about-featured {
        max-width: 1140px;
    }
} 
@media (min-width: 1400px) {
    .container.container-about-featured {
        max-width: 1320px;
    }
}  

@media (min-width: 992px) {
  .fixed-width {
    width: 132px; /* Tamaño fijo para versiones de escritorio */
  }
}

/*MAIN CSS*/
@media (max-width: 575px) {
    .header .topbar .contact-info i a, .header .topbar .contact-info i span {
        font-size: 13px;
    }
    .portfolio .portfolio-wrap {
    height: 300px;
    overflow: hidden;
    }
    .rombos .row .col-lg-2.col-12 {
        width: 50%;
    }
}

@media (max-width: 768px) {
        .portfolio .portfolio-wrap {
    height: 300px;
    overflow: hidden;
    }
    #hero h1, #hero h1 span  {
        font-size: 34px;
    }
    #hero p {
    padding-right: 24px;
    padding-left: 24px;
    }
    #hero .carousel-container {
    position: absolute;
    inset: 90px 12px 64px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 3;
    }
    .portfolio .portfolio-wrap .portfolio-info h4 {
        font-size: 20px;
        padding-right: 21px;
        padding-left: 20px;
    }
     #services .icon-box_.row {
    padding: 24px 8px !important;
        }
    main.page-inicio section#featured {
        padding: 0;
    }  
    #hero {
    height: 96vh;
    margin-bottom: 0px;
    }
    #hero .carousel-item {
    height: 100vh;
  }
  .featured .icon-box {
    border-radius: 0px;
    }
    .page-servicios-individual .about .order-lg-2 {
        height: 300px;
    }
    section.about-featured .icon-box {
    padding: 40px 10px !important;
    border-radius: 0 !important;
    }
    .page-nosotros section.about-featured.featured {
    padding-top: 0;
    padding-bottom: 0;
    }
    .page-nosotros section.about-featured.featured h6 {
    font-size: 14px;
    width: 48%;
    }
    .page-nosotros section.about-featured.featured .icon-box-button {
    justify-content: space-between !important;
    }
    .page-nosotros .row.second-row .col-lg-6.second-col .icon-box-button {
    padding-left: 0;
    padding-right: 0;
    }
    .page-nosotros section.services {
    padding-top: 0px;
    }
}


@media (max-width: 991px) {
        .page-servicios-individual .about .order-lg-2 {
        height: 190px;
    }
    .page-servicios-individual .section-image {
    height: 250px !important;
    }
}

/*portfolio*/
a.portfolio-link {
    width: 100%;
}
@media (max-width: 767px) {
    .container.container-featured {
        max-width: 100%;
    }
    .services-section .portfolio-item {
        width: 100%;
        height: 300px;
        overflow: hidden;
    }
    .portfolio .portfolio-wrap {
        position: relative;
        width: 100%;
        height: 100%;
    }
    .portfolio .portfolio-wrap .img-fluid {
        width: 100%;
        height: 300px;
        object-fit: cover;
        object-position: center;
    }   
    .section-title h2, section.featured h2 {
         font-size: 26px;
     }

     .page-servicios-individual .about .content {
      padding: 40px 20px !important;
    }
    .section.services .icon-box_.row h4{
        font-size: 18px;
        line-height: 26px;

    }


}

@media (max-width: 767px) {
  .services-section .portfolio-item {
    flex: 0 0 100%;
    max-width: 100%;
  }

}
/*FOOTER CONTACT*/
@media (max-width: 575px) {
    .footer-contact-container {
        padding: 50px 10px; /* Reducir el padding para pantallas pequeñas */
    }
    .footer-contact-container .col-3,
    .footer-contact-container .col-9 {
        width: 100%; /* Hacer que las columnas ocupen el 100% del ancho */
        text-align: center; /* Centrar el contenido */
    }
    .footer-contact-container .col-3 .container-img {
        justify-content: center; /* Centrar la imagen en el contenedor */
    }
    footer .row-1,
    footer .row-2 {
        margin-bottom: 10px; /* Reducir el margen inferior para filas */
        padding: 20px 10px; /* Ajustar el padding para filas */
    }
    footer .row-1 .container-text,
    footer .row-2 .container-text {
        flex-direction: column; /* Colocar el contenido en una sola columna */
        align-items: center; /* Alinear los elementos en el centro */
    }
    footer .row-1 p {
        font-size: 14px; /* Reducir el tamaño del texto */
    }
    footer .row-1 img {
        display: none;
    }    
    footer .row-2 img {
        width: 60px; /* Reducir el tamaño de la imagen */
        margin-bottom: 10px; /* Añadir margen inferior para separación */
    }
    footer .row-2 h4 {
        font-size: 16px; /* Reducir el tamaño del encabezado */
        margin-right: 0; /* Eliminar el margen derecho */
        margin-bottom: 10px; /* Añadir margen inferior para separación */
    }
    footer .row-2 a {
        padding: 8px 20px; /* Ajustar el padding del botón */
        font-size: 12px; /* Reducir el tamaño del texto del botón */
    }
}

.page-proyectos section.portfolio {
    padding: 80px 0 30px 0;
}

@media (min-width: 1024px) {
    .container.container-featured {
            max-width: 960px;
        }    
  #hero p {
    width: 70%;
  }

  #hero .carousel-control-prev,
  #hero .carousel-control-next {
    width: 5%;
  }
}

/*CONTACT PAGE*/
#contact h3 {
    /*font-size: 65px;*/
    /*font-weight: 500;*/
    /*color: #FE6A01;*/
}
@media (min-width: 992px) {
    #contact h3 {
        font-size: 65px;
    }
}
@media (max-width: 991px) {
    #contact .text-left {
    padding-right: calc(var(--bs-gutter-x)* .5);
    }
    #contact h3 {
        font-size: 65px;
        text-align: center;
    }
}

@media (max-width: 575px) {
    #contact h3 {
        font-size: 39px;
        text-align: center; 
    }
}

#contact .breadcrumbs:before {
    background-color: inherit;
}

section#contact.contact.exito .container {
    top: 100px;
    min-height: 400px;
    text-align: center;
    padding: 4rem 1rem 0rem;
}
section#contact.contact.exito .container h1{
    font-size: 50px;
    font-weight: 500;
}