body {
        background-color: #f4f4f9;  /* Color de fondo suave, cercano al blanco */
        font-family: 'Arial', sans-serif;  /* Fuente predeterminada de la página */
        }
        .slider-img {
            width: 100%;  /* Las imágenes ocupan todo el ancho disponible */
            height: 450px;  /* La altura de las imágenes es fija en 450px */
            object-fit: cover;  /* La imagen cubre el área sin distorsionarse */
        }
        .section-title {
        font-size: 1.5rem;  /* Título grande */
        color: #333;  /* Color gris oscuro */
        margin-bottom: 30px;  /* Espacio inferior de 30px */
        font-weight: 600;  /* El texto es semi-negrita */
        }
        .section-contents {
            font-size: 0.9rem;  /* Texto un poco más grande que el normal */
            color: #555;  /* Gris intermedio */
            line-height: 1.6;  /* Espaciado entre líneas de texto */
        }

        mision-section, .mision-section, .vision-section, .valores-section , .testimonios-section{  
        margin-top: 50px;  /* Espacio de 50px arriba de cada sección */
        background-color: #f9f9f9;
        border: 2px solid #ddd;
        border-radius: 15px; /* Esquinas redondeadas */
        }
       /*
        .testimonios-section {
            background-color: #f8f9fa;  /* Fondo gris claro */
         /* padding: 50px 0;  /* Espacio superior e inferior */
           /* margin-top: 50px;  /* Espacio superior */
       /* }*/
        .card {
            border: none;  /* Sin borde en la tarjeta */
            border-radius: 10px;  /* Esquinas redondeadas */
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);  /* Sombra suave */
        }
        .card-body {
            padding: 20px;  /* Espacio interno en las tarjetas */
        }
        .card-title {
            font-size: 1.5rem;  /* Título más grande */
            font-weight: 600;  /* Título semi-negrita */
        }
        .card-text {
            color: #777;  /* Gris más claro para el texto */
        }
        .testimonio-card {
            border-radius: 8px;  /* Esquinas redondeadas */
            background-color: #fff;  /* Fondo blanco */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  /* Sombra sutil */
            padding: 30px;  /* Espacio interno */
            text-align: center;  /* Alineación centrada */
        }
        .testimonio-card img {
            width: 80px;  /* Tamaño fijo de la imagen */
            height: 80px;  /* Asegura que la imagen sea cuadrada */
            border-radius: 50%;  /* Imagen circular */
            margin-bottom: 20px;  /* Espacio debajo de la imagen */
        }
        .testimonio-card p {
            font-style: italic;  /* Cursiva para el texto del testimonio */
        }
        .testimonio-card footer {
            font-weight: bold;  /* Texto en negrita */
            text-align: right;  /* Alineación a la derecha */
        }


        /* Estilos del footer */
        footer {
            background-color: #343a40;  /* Fondo oscuro */
            color: white;  /* Texto blanco */
            padding: 20px 0;  /* Espacio vertical de 20px */
            text-align: center;  /* Centrado del contenido */
        }
        .footer-links a {
            color: white;  /* Enlaces blancos */
            margin: 0 15px;  /* Espacio entre los enlaces */
            text-decoration: none;  /* Sin subrayado en los enlaces */
            font-size: 1.5rem;  /* Enlaces grandes */
        }
        .footer-links a:hover {
            color: #ffc107;  /* Color dorado al pasar el mouse */
        }

    


    /* seccion productos /*

    .producto-img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }
    </style>


<style>
        body {
            background-color: #f4f4f9;
            font-family: 'Arial', sans-serif;
        }
        .slider-img {
            width: 75%;
            height: 350px;
            object-fit: cover;
        }
        .section-title {
            font-size: 2.5rem;
            color: #333;
            margin-bottom: 30px;
            font-weight: 600;
        }
        .section-content {
            font-size: 1.1rem;
            color: #555;
            line-height: 1.6;
        }
        .mision-section, .vision-section, .valores-section {
            padding: 50px 0;
            background-color: #fff;
            margin-top: 50px;
        }
        .testimonios-section {
            background-color: #f8f9fa;
            padding: 50px 0;
            margin-top: 50px;
        }
        .card {
            border: none;
            border-radius: 10px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }
        .card-body {
            padding: 20px;
        }
        .card-title {
            font-size: 1.5rem;
            font-weight: 600;
        }
        .card-text {
            color: #777;
        }
        .testimonio-card {
            border-radius: 8px;
            background-color: #fff;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            padding: 30px;
            text-align: center;
        }
        .testimonio-card img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            margin-bottom: 20px;
        }
        .testimonio-card p {
            font-style: italic;
        }
        .testimonio-card footer {
            font-weight: bold;
            text-align: right;
        }
        /* Estilos del footer */
        footer {
            background-color: #343a40;
            color: white;
            padding: 20px 0;
            text-align: center;
        }
        .footer-links a {
            color: white;
            margin: 0 15px;
            text-decoration: none;
            font-size: 1.5rem;
        }
        .footer-links a:hover {
            color: #ffc107;
        }