/* TARJETAS DEL DÍA (ORACIÓN, TEMAS, MISA, NOCHE) */
.day-options {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.7rem;
    margin: 0.9rem 0 0.8rem;
}

.day-option-card {
    text-decoration: none;
    color: var(--text-main);
    padding: 0.75rem 0.8rem;
    border-radius: 1rem;
    border: 3px solid #ffffff;
    background: linear-gradient(135deg, var(--block-orange), #f8cf7a);
    box-shadow: 0 6px 0 rgba(0, 0, 0, 0.25);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.6rem;
    align-items: center;
    transition: transform 0.1s ease, box-shadow 0.1s ease, filter 0.1s ease;
}

/* Variantes de color por tipo */
.opt-oracion {
    background: linear-gradient(135deg, #ffd447, #ffe89b);
}

.opt-temas {
    background: linear-gradient(135deg, var(--block-orange), #f8cf7a);
}

.opt-misa {
    background: linear-gradient(135deg, var(--deep-sky), var(--sky-blue));
}

.opt-noche {
    background: linear-gradient(135deg, var(--night-blue), #2b346f);
    color: #f5f8ff;
}

/* icono grande estilo game */
.option-icon {
    font-size: 1.4rem;
}

/* textos de la opción */
.option-title {
    font-family: "Press Start 2P", system-ui;
    font-size: 0.65rem;
    margin-bottom: 0.15rem;
}

.option-text {
    font-size: 0.8rem;
    line-height: 1.4;
}

/* efecto de “botón presionado” */
.day-option-card:active,
.day-option-card:hover {
    transform: translateY(2px);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.3);
    filter: brightness(1.03);
}