/* General Styles */
    body {
        font-family: 'Nunito', sans-serif;
        color: #545454;
        background-color: #f5f5f5;
        overflow-x: hidden;
    }

    /* Carousel Styles */
    .carousel-item {
        height: 80vh;
        background-size: cover;
        background-position: center;

    }

    /* Overlay para añadir opacidad al carousel */
    .carousel-item::before,
    .carousel-video-wrapper::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.45); /* Color negro con 45% de opacidad */
       
    }

    .carousel-caption {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        text-align: left;
        padding-left: 10%;
   
        color: #fff;
    }

    .carousel__titulo {
        font-size: 33px;
        font-weight: 600;
        margin-bottom: 1rem;
        color: #fff; /* Cambiado a rojo oscuro para mantener consistencia con la paleta */
        text-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    }

    .carousel__descripcion {
        font-size: 1.2rem;
        color: #fff; /* Cambiado a blanco para mejor contraste con el overlay */
        max-width: 80%;
        padding: 0.5rem 1rem;
        border-radius: 6px;
    }

    .btn__white {
        background-color: #8c2223;
        color: #ffffff !important; /* Texto blanco para contraste */
        font-weight: 600;
        border-radius: 30px;
        padding: 0.5rem 1.5rem;
        z-index: 3; /* Asegurar que el botón está por encima de todo */
        border: 2px solid #8c2223;
        transition: all 0.3s ease;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .btn__white:hover {
        background-color: #545454;
        color: #ffffff !important;
        border-color: #545454;
    }

    /* Estilos para las secciones */
    .section-title {
        font-weight: 700;
        color: #8c2223;
        position: relative;
        margin-bottom: 2rem;
    }

    .coating-item {
        transition: all 0.3s ease;
    }

    .coating-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important;
    }

    /* Estilos para iconos de experiencia */
    .experience-item {
        transition: all 0.3s ease;
    }

    .experience-item:hover {
        transform: translateY(-8px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
    }

    .counter-number {
        font-size: 42px;
        font-weight: 700;
        color: #8c2223;
    }

    .counter-years {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .counter-title {
        font-size: 18px;
        font-weight: 500;
    }

.text-primary-red { color: #8c2223 !important; }
.text-secondary-gray { color: #545454 !important; }
.bg-primary-red { background-color: #8c2223 !important; }
.border-top-primary { border-top: 3px solid #8c2223 !important; }
.carousel-video-wrapper { position: relative; }
.carousel-video { width: 100%; height: 100%; object-fit: cover; }
.icon-box { min-width: 40px; height: 40px; }