@font-face {
		  font-family: 'AppG';
		  src: url('fonts/AppleGaramond.ttf') format('truetype');
	    }
    
    body {
            font-family: Arial, sans-serif;
            color: #333;
            background-color: #f9f9f9;
        }
        .navbar {
            /*background: linear-gradient(to right, white 25%, gray 50%, black 100%);*/
            position: relative;
            padding-bottom: 30px;
            background: #fff;
            /*border-bottom: 25px solid #E5B3B3;
            border-image-source: linear-gradient(to right, #FFE1E1 25% #E5B3B3 50%, #C28080 75%, #A35555 100%);
            border-image-slice: 25;*/
        }
        
        .navbar::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 25px; /* Grosor de la línea */
            background: linear-gradient(to right, #FFE1E1 33%, #E5B3B3 66%, #C28080 100%);
        }
        
        .navbar-brand {
            /*color: #E5B3B3; /* Rosa vieja */
            color:#000;
        }
        .navbar-brand:hover {
            /*color: #fff;*/
            color:#f4c2c2;
        }
        
        .navbar-nav {
            gap: 20px; /* Ajusta el valor según necesites */
        }
        
        .navbar-nav .nav-item {
            position: relative;
        }
        
        .navbar-nav .nav-link {
            color: black !important;
            transition: background 0.3s ease-in-out;
            height: 100%;
            display: flex;
            align-items: center;
        }
        
        .navbar-nav .nav-link:hover {
            background-color: #E5B3B3; /* Rosa vieja */
        }
        
        
        .hero {
            background-color: #f4c2c2; /* Rosa vieja */
            color: #333;
            padding: 100px 0;
            text-align: center;
        }
        .section-title {
            /*color: #e91e63;*/
            color: #000;
            text-align: center;
            margin-bottom: 40px;
        }
        .provider-card {
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.2s;
        }
        .provider-card:hover {
            transform: scale(1.05);
        }
     
        
        .header-image-container {
		    position: relative;
		    width: 100%;
		    height: 400px; /* Puedes ajustar la altura */
		    overflow: hidden;
		}

		.header-image {
		    width: 100%;
		    height: 100%;
		    object-fit: cover;
		}
		
		.header-text {
		    position: absolute;
		    top: 50%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		    text-align: center;
		    color: white;
		    background-color: rgba(0, 0, 0, 0.5); /* Fondo semi-transparente */
		    padding: 20px;
		    border-radius: 10px;
		}
		
		.header-text h1 {
		    font-size: 2.5rem;
		    margin: 0;
		}
		
		.header-text p {
		    font-size: 1.2rem;
		}
		
		.footer {
		    background-color: #333; /* Fondo oscuro */
		    color: #fff; /* Texto blanco */
		    padding: 20px 0;
		}

		.footer a {
		    color: #ffc0cb; /* Color rosa pálido (complementa el logo) */
		    text-decoration: none;
		}
		
		.footer a:hover {
		    text-decoration: underline;
		    color: #ff99cc; /* Cambio de color al pasar el cursor */
		}
		
		
		footer h5 {
            font-size: 1.2rem;
            margin-bottom: 15px;
        }   

        footer p, footer ul {
            font-size: 0.9rem;
        }

        footer i {
            color: #e91e63; /* Color rosa viejo */
            margin-right: 5px;
        }

        footer ul li a:hover {
            text-decoration: underline;
        }
		
		.header-carousel .carousel-caption {
		    background-color: rgba(0, 0, 0, 0.5); /* Fondo semitransparente */
		    padding: 15px;
		    border-radius: 10px;
		}
		
		.header-carousel .carousel-caption h2 {
		    font-size: 2rem;
		    color: #ffc0cb; /* Rosa pálido */
		}
		
		.header-carousel .carousel-caption p {
		    font-size: 1.2rem;
		    color: #fff; /* Blanco */
		}
		
		.header-carousel .carousel-inner {
            border-top: none; /* Borde superior rosa viejo */
            border-bottom: 3px solid #333; /* Borde inferior rosa viejo */
            border-left: none; 
            border-right: none;
            overflow: hidden; /* Asegura que las imágenes no sobresalgan */
        }
		
		/* Estilo del botón flotante */
        .btn-scroll-top {
            position: fixed;
            bottom: 20px;
            right: 20px;
            display: none;
            background-color: #f4c2c2; /* Color rosa viejo */
            color: #fff;
            font-size: 20px;
            padding: 10px 15px;
            border-radius: 50%;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
            z-index: 1000;
            text-align: center;
            text-decoration: none;
            transition: all 0.3s ease-in-out;
        }

        .btn-scroll-top:hover {
             background-color: #d81b60;
             box-shadow: 0 6px 8px rgba(0, 0, 0, 0.4);
        }
        
        .team-section h2 {
            font-size: 2rem;
            color: #000; /* Color rosa viejo */
        }
    
        .team-member img {
            border: 3px solid #f4c2c2; /* Añade un borde */
        }
        
        .team-member h5 {
            font-size: 1.5rem;
            margin-bottom: 5px;
        }
    
        .team-member p {
            color: #555;
            font-size: 0.95rem;
        }
        
        .btn-custom {
            background-color: #C28080; /* Rosa viejo */
            color: #fff; /* Texto blanco */
            border: none; /* Sin borde */
            font-size: 1rem;
            padding: 10px 20px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            border-radius: 5px;
        }

        .btn-custom:hover {
            background-color: #d81b60; /* Un tono más oscuro al pasar el ratón */
            color: #fff;
        }

        .btn-custom i {
            font-size: 1.2rem; /* Tamaño del ícono */
        }