body, .titulo, .location, .fecha {
    font-family: 'Sans Serif', Arial, sans-serif;
}

/* Variables CSS */
:root {
    --color-verde: #007F38;
    --color-naranja: #f9a825;
    --color-gris: #888;
    --color-black: #000;
    --coloe-white: #fff;
    --font-size-pequeño: 0.57em;
    --font-size-titulo: 0.8em;
}

/* Estilos para las tarjetas */
.blog-card {
    display: flex;
    flex-direction: column;
    width: 260px;
    height: 300px;
    border-radius: 11px;
    overflow: hidden;
    box-shadow: 0 6px 11px rgba(0, 0, 0, 0.15);
    background: #fff;
}

/* Estilos para la imagen */
.image-container-sb {
    position: relative;
    width: 100%;
    height: 65%;
    overflow: hidden;
}

.blog-image {
    width: 100%;
    height: 100%;
}

/* Estilos para la información */
.blog-info-container {
    display: flex;
    flex-direction: column;
    padding: 11px;
    align-items: center;
}

.blog-titulo {
    color: var(--color-black);
    font-size: var(--font-size-titulo);
    margin-bottom: 5px;
}

/* Estilos para ubicación y fecha */
.blog-location-container {
    margin-left: -10px; 
    display: flex;
}

.blog-location, .blog-fecha-container {
    display: flex;
    align-items: center;
    font-size: var(--font-size-pequeño);
    color: var(--color-gris);
}

.blog-location {
    margin-right: 50px; 
}


.blog-location-icon , .blog-calender-icon {
    transform: scale(0.65); /* Escala el icono */
    display: inline-block; /* Asegura que se renderice correctamente */
    color: var(--color-gris); 
}

/* Estilos para el botón de reserva */
.blog-vermas-btn {
    padding: 6.6px 22px;
    background-color: var(--color-verde);
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.99em;
    width: 85%;
    text-align: center;
    transition: background-color 0.3s ease;
    margin-top: 15px;
}