/* Estilos para los precios del día */
.dayprice h2 {
    font-size: 2.5rem;
}

/* Estilos para las tarjetas de precios de gasolina */
.todaygas .card {
    width: 12rem;
    height: 10rem;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0; /* Elimina el margen entre las tarjetas */
    padding: 0; /* Asegura que no haya espacio interno adicional */
}

.todaygas {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Ajusta la separación entre tarjetas */
    gap: 0; /* Elimina el espacio entre tarjetas */
}

.todaygas .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.todaygas .card-title {
    font-size: 1.5rem;
}

.todaygas .card-text {
    font-size: 2rem;
}

/* Estilos generales para las secciones de visión, misión, anuncios y publicaciones */
.vision, .mision, .anuncios, .publicaciones {
    margin-top: 50px;
    text-align: center; /* Centrar el texto */
}

/* Estilos para las publicaciones de Twitter y Facebook */
.publicaciones .row {
    display: flex;
    justify-content: space-around;
    align-items: flex-start; /* Alinear elementos al inicio */
    flex-wrap: wrap;
}

.publicaciones .col-twitter,
.publicaciones .col-facebook {
    flex: 1 1 45%; /* Cada columna ocupará aproximadamente el 45% del ancho */
    max-width: 45%;
    margin-bottom: 20px; /* Margen inferior para un poco de espacio */
}

/* Estilos para los botones del carrusel */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(144, 238, 144, 0.9); /* Verde claro con 90% de transparencia */
    border-radius: 50%;
    width: 50px;
    height: 50px;
}


.caja {
    border: 2px solid #004d00; /* Borde verde */
    padding: 20px;             /* Espaciado interno */
    margin: 20px auto;         /* Espaciado externo centrado */
    max-width: 900px;          /* Ancho máximo */
    background-color: #f9f9f9; /* Fondo claro */
    border-radius: 10px;       /* Bordes redondeados */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Sombra para darle profundidad */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}