/* Ajuste de texto para compatibilidad */
body {
    -webkit-text-size-adjust: 100%; /* Soporte para navegadores WebKit (Chrome, Safari) */
    text-size-adjust: 100%;        /* Soporte para otros navegadores */
}


/* Barra de navegación */
.navbar {
    background-color: #000 !important; /* Fondo negro */
}

.navbar-brand img {
    height: 50px;
}

.navbar-nav .nav-link {
    color: #fff !important;
    font-weight: bold;
}

.navbar-nav .nav-link:hover {
    color: #32CD32 !important; /* Verde lima */
}

/* Video */
.container-fluid {
    padding: 0;
}

/* Estilos para texto y contenido */
.text-content {
    margin: 20px 0;
    font-size: 1.1rem;
    line-height: 1.6;
}

/* Imágenes sin fondo verde */
.img-fluid {
    max-width: 100%;
    height: auto;
    background-color: transparent;
}

/* Pie de página */
footer {
    background-color: #000; /* Fondo negro */
    color: #fff; /* Letras blancas */
    padding: 20px 0;
}

footer h5 {
    font-weight: bold;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #32CD32; /* Verde lima */
    text-decoration: none;
}

/* Contenedor */
.container {
    margin-top: 20px;
}

/* Tarjetas de producto */
.card {
    margin-bottom: 20px;
}

.card-title {
    font-weight: bold;
}

.btn-primary {
    background-color: #32CD32;
    border-color: #32CD32;
}

.btn-primary:hover {
    background-color: #28a745;
    border-color: #28a745;
}

/* Botón de pago */
.btn-success {
    background-color: #32CD32;
    border-color: #32CD32;
}

.btn-success:hover {
    background-color: #28a745;
    border-color: #28a745;
}

/* Encabezado */
.encabezado {
    background-color: #f0f0f0 !important; /* color gris claro */
    color: #000; /* Letras negras */
    padding: 50px 0;
    text-align: center;
}

.encabezado h2 {
    font-size: 2.5rem;
    margin-bottom: 20px;
}

.encabezado p {
    font-size: 1.1rem;
    line-height: 1.6;
}

/* Contenido de inicio */
.inicio-content {
    margin-top: 30px;
}

.inicio-content .row {
    margin-top: 20px;
}

.inicio-content .row img {
    margin-bottom: 10px;
}

/* Ajuste de imagen */
.img-fluid {
    max-width: 100%;
    height: auto;
}

/* Estilos para la sección de frutas */
.container {
    margin-top: 50px; /* Espaciado superior */
}

.container h2 {
    font-size: 2.5rem; /* Tamaño del título */
    margin-bottom: 30px; /* Espaciado inferior */
}

.container .card {
    margin-bottom: 30px; /* Espaciado entre tarjetas */
}

.container .card-img-top {
    height: 300px; /* Altura de las imágenes */
    object-fit: cover; /* Ajuste de la imagen */
}

.container .card-title {
    font-size: 1.5rem; /* Tamaño del título de la tarjeta */
}

/* Estilos para la sección de verduras */
.container {
    margin-top: 50px; /* Espaciado superior */
}

.container h2 {
    font-size: 2.5rem; /* Tamaño del título */
    margin-bottom: 30px; /* Espaciado inferior */
}

.container .card {
    margin-bottom: 30px; /* Espaciado entre tarjetas */
}

.container .card-img-top {
    height: 300px; /* Altura de las imágenes */
    object-fit: cover; /* Ajuste de la imagen */
}

.container .card-title {
    font-size: 1.5rem; /* Tamaño del título de la tarjeta */
}

/* Estilos para la sección de quesos */
.container {
    margin-top: 50px; /* Espaciado superior */
}

.container h2 {
    font-size: 2.5rem; /* Tamaño del título */
    margin-bottom: 30px; /* Espaciado inferior */
}

.container .card {
    margin-bottom: 30px; /* Espaciado entre tarjetas */
}

.container .card-img-top {
    height: 300px; /* Altura de las imágenes */
    object-fit: cover; /* Ajuste de la imagen */
}

.container .card-title {
    font-size: 1.5rem; /* Tamaño del título de la tarjeta */
}

.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #25d366;
    color: white;
    border-radius: 50%;
    padding: 15px;
    font-size: 24px;
    z-index: 1000;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    text-align: center;
    transition: transform 0.2s;
}

.whatsapp-float:hover {
    transform: scale(1.1);
    color: white;
}