/*Configuraciones generales*/

    @import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
    :root{
        --titulo:"Merriweather", serif;
        --texto: "Quicksand", sans-serif;
    }

    .justificado{text-align: justify;}

    .colorPersonalizado{
        color: black;
        font-family: var(--texto)!important;
        font-size: 18.5px!important;
    }
    
    .textoHeader{
        color: #e8c274;
        font-family: var(--titulo);
    }
       
    .scrollPersonalizacion{
        scrollbar-width: thin;
        scrollbar-color:  #72717446 white;
    }

    main{padding-top: 90px;}

    .mainServicio{padding-top: 160px;}

    .divisor-personalizado {
        width: 50%;
        margin: 0 auto;
        border: 0;
        height: 2px;
        background: linear-gradient(90deg, transparent, #007bff, #6c757d, #007bff, transparent);
        opacity: 0.6;
        border-radius: 2px;
        margin-top: 30px;
        margin-bottom: 30px;
    }


/*Barra de navegacion*/
    
    header{
        background: #ffffff;
        position: fixed;
        width: 100%;
        box-shadow: 0 0 12px rgba(0,0,0,0.15);
        z-index: 1050; 
    }

    .navbar-nav .nav-link {
        letter-spacing: 1px;
        font-size: 1.2rem;
        color: black;
        transition: color 0.3s ease;
        font-family: var(--texto)!important;
        width: fit-content;
    }

    .navbar-nav .nav-link:hover {color: #e8c274;}

    .navbar-nav{margin-right: 100px;}

    .logoNav{
        margin-left: 70px;
        width:220px;
        padding: 20px;
    }

    .divisorNav {
        height: 2px;
        background: #e8c274;
        width: 100%;
    }

    /* Boton Scroller */

        .scroll-indicator {
            display: inline-block;
            margin-top: 3rem;
            opacity: 0.9;
            transition: opacity 0.3s ease, transform 0.3s ease;
        }

        .scroll-indicator:hover {
            opacity: 1;
            transform: translateY(6px);
        }

        .flecha-scroll {
            width: 32px;
            height: auto;
            filter: drop-shadow(0 2px 6px rgba(0,0,0,.6));
        }

/*Pagina de inicio*/

  
    .presentacion h2 {font-size: 2.2rem;}

    .presentacion p {
        font-size: 1.05rem;
        line-height: 1.8;
        color: #444;
        
    }

    .presentacion-imagen img {
        border-radius: 20px;
        transition: transform .4s ease, box-shadow .4s ease;
        box-shadow: 0 5px 5px rgba(0,0,0,0.15);
    }

    .presentacion-imagen:hover{
        transform:scale(1.05);
    }

    .servicio-card {transition: transform 0.3s ease, box-shadow 0.3s ease;}

    .servicio-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(0,0,0,0.12);
    }

    .servicio-card img {filter: invert(38%) sepia(90%) saturate(600%) hue-rotate(358deg);}

    .servicios img {
        filter: brightness(0) saturate(100%)
                invert(18%)
                sepia(8%)
                saturate(420%)
                hue-rotate(210deg)
                brightness(88%)
                contrast(92%);
    }
    .bordes {border-radius:20px !important;}
    
    .proceso-card {
        transition: transform 0.35s ease, box-shadow 0.35s ease;
    }

    .proceso-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 36px rgba(0,0,0,0.12);
    }

    .icono-proceso {
        font-size: 2.2rem;
        color: #e8c274;
        display: inline-block;
    }

 /*Nosotros*/
    .carrusel{
        display: flex;
        overflow-x: auto!important;
        pointer-events: none;   
    }

    .carrusel::-webkit-scrollbar{display: none;}

    .alineacionCarrusel{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1em;
    }
   
    .carruselElementos{animation: spin 40s infinite linear;}

    .elementoCarrusel{
        width: auto;    
        margin:20px;    
        flex:0 0 5em;
    }

    @keyframes spin {from{tranlate:0;}to{translate:-100%} }

 /*Footer*/
 
     .linkFooter{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        text-decoration: none;
        color: #dab135;
    }

    .linkFooter:hover{color: #514110;}

/*Pagina de error*/

        .error-404 {
            min-height: 70vh;
            display: flex;
            align-items: center;
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        }
        .error-code {
            font-size: 8rem;
            font-weight: 700;
            color: #2E313E;
            line-height: 1;
            font-family: var(--titulo);
            text-shadow: 4px 4px 0 #e8c274;
        }
        .error-divider {
            width: 100px;
            height: 4px;
            background: linear-gradient(90deg, #2E313E, #e8c274);
            margin: 1.5rem auto;
            border-radius: 2px;
        }
        .logo-404 {
            max-width: 200px;
            height: auto;
            margin-bottom: 1rem;
            filter: brightness(1.05);
            transition: transform 0.3s ease;
            border-radius:20px;
        }
        .logo-404:hover {transform: scale(1.02);}

/*Diseño responsivo*/

        @media screen  and (width < 1000px) {
            
            .navbar-nav{margin-left: 25px;}

            .logoNav{margin-left: 20px;}
        }

        @media screen and (width<400px){ .logoNav{margin-left: 10px;}}