/* INICIO*/
.bg__breadcrumb{
  
    padding: 10px 0;
}
.breadcrumb-item{
    color: #000;

    font-family: 'Sarabun';
    font-size: 13px;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
}

.breadcrumb-item .active{
    color: grey !important;
    font-family: 'Sarabun';
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}

.breadcrumb-titulo{
    color: var(--Azul, #00477A);
    font-family: 'Sarabun';
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;          
}
.carousel-video-wrapper {
    position: relative;
    width: 100%;
    height: 640px;
}

.carousel-video-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 740px;
    background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);
    mix-blend-mode: multiply;
    z-index: 1;
}

.carousel-video {
    width: 100%;
    height: 740px;
    object-fit: cover;
}
.carousel-imagen{
    width: 100%;
    height: 740px;
    object-fit: cover;
}
.carousel-caption {
    position: absolute;
    bottom: 100px;
 
    z-index: 2;
}

.carousel__titulo {
    color: #FFF;
    font-family: 'Sarabun';
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.carousel__descripcion {
    color: var(--Blanco, #FFF);
    font-family: 'Sarabun', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: 33px; 
}

/* Responsive Layout */
@media (max-width: 768px) {
    .carousel__titulo {
        color: #FFF;
        font-family: 'Sarabun';
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    
}


.contenido__titulo{
    color: #1F1F1F;
    font-family: 'Sarabun';
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.titulo-inicio{
    color: white;
    font-family: 'Sarabun';
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.descripcion-inicio{
    color: white;
    font-family: 'Sarabun';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
    letter-spacing: 0.24px;
}


.btn{
    border-radius: 0px;
}
.btn__negro {
    font-family: 'Sarabun';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.4px;
    border: 1px solid #252627;
    color: #fff;
    cursor: pointer;
    padding: 12px 23px;
    background-color: #252627;
    border-radius: 0; /* Remove rounded corners */
    transition: 0.5s ease-in-out;
}

.btn__negro:hover {
    border: 1px solid #252627;
    background-color: #fff;
    color: #252627;
    transition: 0.5s ease-in-out;
}

.btn__amarillo {
    font-family: 'Sarabun';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: 1px solid #EDC302;
    color: #252627;
    cursor: pointer;
    padding: 12px 23px;
    background-color: #EDC302;
    border-radius: 0; /* Remove rounded corners */
    transition: 0.5s ease-in-out;
}

.btn__amarillo:hover {
    border: 1px solid #EDC302;
    background-color: #fff;
    color: #EDC302;
    transition: 0.5s ease-in-out;
}
.btn__vermas {
    font-family: 'Sarabun';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: 1px solid var(--Gris-oscuro, #252627);
    background: var(--Blanco, #FFF);
    color: #252627;
    cursor: pointer;
    padding: 12px 23px;
    border-radius: 0; /* Remove rounded corners */
    transition: 0.5s ease-in-out;
}

.btn__vermas:hover {
    border: 1px solid #252627;
    background-color: #252627;
    color: #fff;
    transition: 0.5s ease-in-out;
}


/* EMPRESA*/
.titulo-empresa{
    color: var(--Gris-oscuro, #252627);
    font-family: 'Sarabun';
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.descripcion-empresa{
    color: var(--Gris-oscuro, #252627);
font-family: 'Sarabun';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.custom-list ul {
    list-style-type: none;
    padding: 0;
}

.custom-list ul li {
    display: flex; /* Para alinear el ícono y el texto en línea */
    align-items: center; /* Para centrar verticalmente el contenido */
    margin-bottom: 10px; /* Espacio entre cada elemento de la lista */
}

.custom-list ul li::before {
    content: ''; /* Contenido generado antes del texto del li */
    display: inline-block; /* Convertir en un bloque en línea */
    width: 24px; /* Ancho del ícono */
    height: 24px; /* Altura del ícono */
    margin-right: 8px; /* Espacio entre el ícono y el texto */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_89_3692)'%3E%3Cpath d='M6.75 9L8.25 10.5L11.25 7.5M16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9Z' stroke='%23EDC302' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_89_3692'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat; /* Evitar la repetición del ícono */
    background-size: contain; /* Asegurar que el ícono se ajuste dentro del tamaño asignado */
    padding: 10px;
}

.bg-grey {
    background: #F5F5F5;
    padding: 50px 50px 150px;
}

.bg__card {
    position: relative; /* Needed to position the icon relative to the card */
    background-color: #FFFFFF;
    padding: 50px 20px 20px; /* Add padding to create space for the icon */
    height: 300px;
    text-align: start;
}

.bg__card img {
    transition: transform 0.3s ease;
 
}

.bg__card:hover img {
    transform: scale(1.1); /* Zoom effect */
}

.card__titulo {
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
}

.card__texto {
    font-size: 16px;
    color: #555;
}

.card__texto:hover {
    font-size: 16px;
    color: #EDC302;
}
.icon-wrapper {
    background-color: #EDC302; /* Yellow background */
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -30px; /* Adjust to position the icon over the card border */
    left: 15%;
    transform: translateX(-50%); /* Center the icon horizontally */
}

.icon-wrapper img {
    width: 30px;
    height: 30px;
    transition: transform 0.3s ease;
}

.bg__card:hover .icon-wrapper img {
    transform: scale(1.1); /* Zoom effect on hover */
}

/* Productos*/
   /* Card Container */
   .product-card {
    border: 1px solid #e0e0e0;
   
    overflow: hidden;
    /* transition: box-shadow 0.3s ease, transform 0.3s ease; */
    text-align: left;
    background-color: #fff;
}

/* Hover Effects */
.product-card:hover {
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1);
    /* transform: translateY(-5px); */
}

/* Image Styling */
.image-container img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.product-card:hover .image-container img {
    transform: scale(1.05);
}
.product-title-categorie{
    padding-left: 15px;
    padding-top: 15px;
    
}


.product-title-categorie h2{
    color: var(--Amarillo, #EDC302);
    font-family: 'Sarabun';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.product-title-proyecto{
    padding-left: 15px;
    padding-top: 15px;
    
}


.product-title-proyecto h2{
    color: rgba(0, 0, 0, 0.50);
    font-family: 'Sarabun';
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}
/* Title Section */
.product-title {
    padding: 15px;
}

.product-title h2 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 0;
    /* transition: color 0.3s ease; */
}

.product-card:hover .product-title h2 {
  /*   color: #AB0000; Accent Color */
}

/* Description Section */
.product-description {
    padding: 0px 15px;
    color: #666;
    font-size: 14px;
    line-height: 1.5;
}

/* Responsive Layout */
@media (max-width: 768px) {
    .product-card {
        margin-bottom: 20px;
    }

    .product-title h2 {
        font-size: 18px;
    }
}

.categoria-menu{
    color: var(--Gris-oscuro, #252627);
font-family: 'Sarabun';
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 27px */
}

.subcategoria-menu{
    color: var(--Gris-oscuro, #252627);
font-family: 'Sarabun';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}
.subcategoria-menu:hover{
    color: #EDC302;
font-family: 'Sarabun';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}
.accordion-button:not(.collapsed){
    color: var(--Gris-oscuro, #252627) !important;
font-family: 'Sarabun';
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 27px */
}


/* Calidad */

.card-title-calidad{
    color: var(--Gris-oscuro, #252627);
font-family: 'Sarabun';
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
  }
.info-contact {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Adjust spacing as needed */
}

.item-contact {
    display: flex;
    align-items: center;
    gap: 8px; /* Space between icon and text */
}

.item-contact svg {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.item-contact a {
    color: #000;
    font-family: 'Sarabun';
  font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    text-decoration: none;
}

.item-contact a:hover {
    color: #AB0000;
    font-family: 'Sarabun';
  font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    text-decoration: none;
}

.form-label{
    color: var(--Gris-oscuro, #252627);
    font-family: 'Sarabun';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px; /* 373.333% */
  }
  .input::placeholder{
    color: var(--Gris-oscuro, #252627);
    font-family: 'Sarabun';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px; /* 373.333% */
  }

  .titulo__presupuesto{
    color: var(--Gris-Oscuro, #1A181C);
    font-family: 'Sarabun';
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 33.6px */
    }