/**
 * Santoral de España - Estilos
 */

.santoral-es {
    box-sizing: border-box;
    font-family: inherit;
    line-height: 1.5;
    margin: 1em 0;
    color: #333;
}

.santoral-es * {
    box-sizing: border-box;
}

/* Estilo TARJETA (por defecto) */
.santoral-es-tarjeta {
    background: linear-gradient(135deg, #fdf6e3 0%, #fff8e7 100%);
    border: 1px solid #d4af37;
    border-left: 5px solid #8b1a1a;
    border-radius: 8px;
    padding: 1.25em 1.5em;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.santoral-es-tarjeta .santoral-es-titulo {
    margin: 0 0 0.25em 0;
    font-size: 1.2em;
    font-weight: 700;
    color: #8b1a1a;
    letter-spacing: 0.02em;
}

.santoral-es-tarjeta .santoral-es-fecha {
    margin: 0 0 0.85em 0;
    font-size: 0.9em;
    color: #6b5b3a;
    font-style: italic;
}

.santoral-es-tarjeta .santoral-es-principal {
    display: flex;
    align-items: center;
    gap: 0.5em;
    padding: 0.6em 0.75em;
    background: rgba(255, 255, 255, 0.65);
    border-radius: 6px;
    margin-bottom: 0.85em;
}

.santoral-es-tarjeta .santoral-es-cruz {
    color: #8b1a1a;
    font-size: 1.4em;
    line-height: 1;
    flex-shrink: 0;
}

.santoral-es-tarjeta .santoral-es-nombre {
    font-weight: 600;
    font-size: 1.05em;
    color: #2c2c2c;
}

.santoral-es-tarjeta .santoral-es-otros-titulo {
    margin: 0 0 0.4em 0;
    font-size: 0.9em;
    font-weight: 600;
    color: #555;
}

.santoral-es-tarjeta .santoral-es-otros ul {
    margin: 0;
    padding-left: 1.2em;
    list-style: none;
}

.santoral-es-tarjeta .santoral-es-otros li {
    position: relative;
    padding-left: 0.8em;
    margin: 0.2em 0;
    font-size: 0.92em;
    color: #555;
}

.santoral-es-tarjeta .santoral-es-otros li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #d4af37;
    font-weight: bold;
}

/* Estilo SIMPLE */
.santoral-es-simple {
    padding: 0.75em 0;
    border-top: 2px solid #8b1a1a;
    border-bottom: 1px solid #ddd;
}

.santoral-es-simple .santoral-es-titulo {
    margin: 0 0 0.2em 0;
    font-size: 1.1em;
    color: #8b1a1a;
    font-weight: 600;
}

.santoral-es-simple .santoral-es-fecha {
    margin: 0 0 0.6em 0;
    font-size: 0.88em;
    color: #777;
}

.santoral-es-simple .santoral-es-principal {
    margin-bottom: 0.6em;
}

.santoral-es-simple .santoral-es-cruz {
    color: #8b1a1a;
    margin-right: 0.3em;
}

.santoral-es-simple .santoral-es-nombre {
    font-weight: 600;
    font-size: 1em;
}

.santoral-es-simple .santoral-es-otros-titulo {
    margin: 0 0 0.3em 0;
    font-size: 0.88em;
    color: #666;
    font-weight: 600;
}

.santoral-es-simple .santoral-es-otros ul {
    margin: 0;
    padding-left: 1.2em;
    font-size: 0.9em;
    color: #555;
}

.santoral-es-simple .santoral-es-otros li {
    margin: 0.15em 0;
}

/* Estilo MINIMAL */
.santoral-es-minimal {
    padding: 0;
}

.santoral-es-minimal .santoral-es-titulo {
    margin: 0 0 0.15em 0;
    font-size: 0.85em;
    color: #888;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.santoral-es-minimal .santoral-es-fecha {
    margin: 0 0 0.4em 0;
    font-size: 0.85em;
    color: #999;
}

.santoral-es-minimal .santoral-es-principal {
    font-size: 1em;
    margin-bottom: 0.3em;
}

.santoral-es-minimal .santoral-es-cruz {
    display: none;
}

.santoral-es-minimal .santoral-es-nombre {
    font-weight: 600;
    color: #333;
}

.santoral-es-minimal .santoral-es-otros-titulo {
    margin: 0.4em 0 0.15em 0;
    font-size: 0.82em;
    color: #888;
}

.santoral-es-minimal .santoral-es-otros ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.85em;
    color: #777;
}

.santoral-es-minimal .santoral-es-otros li {
    display: inline;
}

.santoral-es-minimal .santoral-es-otros li:not(:last-child)::after {
    content: " · ";
    color: #ccc;
}

/* Estado de error */
.santoral-es-error {
    padding: 0.75em 1em;
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    color: #856404;
    border-radius: 4px;
}

/* Responsivo */
@media (max-width: 480px) {
    .santoral-es-tarjeta {
        padding: 1em;
    }

    .santoral-es-tarjeta .santoral-es-principal {
        flex-direction: row;
        align-items: flex-start;
    }
}

/* =====================================================
   LECTURA DEL DÍA
   ===================================================== */

.lectura-dia {
    box-sizing: border-box;
    font-family: inherit;
    line-height: 1.5;
    margin: 1em 0;
    color: #333;
}

.lectura-dia * {
    box-sizing: border-box;
}

/* --- Modo iframe --- */
.lectura-dia-iframe {
    text-align: center;
}

.lectura-dia-iframe .lectura-dia-titulo {
    margin: 0 0 0.5em 0;
    color: #8b1a1a;
    font-weight: 700;
    font-size: 1.2em;
}

.lectura-dia-iframe iframe {
    max-width: 100%;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    background: #fff;
}

.lectura-dia-iframe .lectura-dia-fuente {
    margin: 0.6em 0 0 0;
    font-size: 0.8em;
    color: #888;
    font-style: italic;
}

.lectura-dia-iframe .lectura-dia-fuente a {
    color: #8b1a1a;
    text-decoration: none;
}

.lectura-dia-iframe .lectura-dia-fuente a:hover {
    text-decoration: underline;
}

/* --- Modo enlace: estilo TARJETA --- */
.lectura-dia-enlace.lectura-dia-tarjeta {
    background: linear-gradient(135deg, #f4f1ea 0%, #fbf9f2 100%);
    border: 1px solid #c5a572;
    border-left: 5px solid #5d4037;
    border-radius: 8px;
    padding: 1.25em 1.5em;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.lectura-dia-enlace.lectura-dia-tarjeta .lectura-dia-titulo {
    margin: 0 0 0.25em 0;
    color: #5d4037;
    font-weight: 700;
    font-size: 1.2em;
    letter-spacing: 0.02em;
}

.lectura-dia-enlace.lectura-dia-tarjeta .lectura-dia-fecha {
    margin: 0 0 0.75em 0;
    font-size: 0.9em;
    color: #7a6450;
    font-style: italic;
}

.lectura-dia-enlace.lectura-dia-tarjeta .lectura-dia-texto {
    margin: 0 0 1em 0;
    color: #4a4a4a;
    font-size: 0.98em;
}

.lectura-dia-enlace.lectura-dia-tarjeta .lectura-dia-boton {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    padding: 0.6em 1.1em;
    background: #5d4037;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    font-weight: 600;
    font-size: 0.92em;
    transition: background 0.2s ease, transform 0.15s ease;
}

.lectura-dia-enlace.lectura-dia-tarjeta .lectura-dia-boton:hover {
    background: #3e2723;
    transform: translateY(-1px);
    color: #fff;
}

.lectura-dia-enlace.lectura-dia-tarjeta .lectura-dia-flecha {
    transition: transform 0.2s ease;
}

.lectura-dia-enlace.lectura-dia-tarjeta .lectura-dia-boton:hover .lectura-dia-flecha {
    transform: translateX(3px);
}

.lectura-dia-enlace.lectura-dia-tarjeta .lectura-dia-fuente {
    margin: 0.75em 0 0 0;
    font-size: 0.78em;
    color: #999;
    font-style: italic;
}

/* --- Modo enlace: estilo SIMPLE --- */
.lectura-dia-enlace.lectura-dia-simple {
    padding: 0.75em 0;
    border-top: 2px solid #5d4037;
    border-bottom: 1px solid #ddd;
}

.lectura-dia-enlace.lectura-dia-simple .lectura-dia-titulo {
    margin: 0 0 0.2em 0;
    color: #5d4037;
    font-size: 1.1em;
    font-weight: 600;
}

.lectura-dia-enlace.lectura-dia-simple .lectura-dia-fecha {
    margin: 0 0 0.5em 0;
    font-size: 0.88em;
    color: #777;
}

.lectura-dia-enlace.lectura-dia-simple .lectura-dia-texto {
    margin: 0 0 0.6em 0;
    font-size: 0.95em;
    color: #555;
}

.lectura-dia-enlace.lectura-dia-simple .lectura-dia-boton {
    display: inline-block;
    color: #5d4037;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 2px solid #5d4037;
    padding-bottom: 2px;
}

.lectura-dia-enlace.lectura-dia-simple .lectura-dia-boton:hover {
    color: #3e2723;
}

.lectura-dia-enlace.lectura-dia-simple .lectura-dia-fuente {
    margin: 0.7em 0 0 0;
    font-size: 0.78em;
    color: #999;
}

/* --- Modo enlace: estilo MINIMAL --- */
.lectura-dia-enlace.lectura-dia-minimal .lectura-dia-titulo {
    margin: 0 0 0.15em 0;
    font-size: 0.85em;
    color: #888;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.lectura-dia-enlace.lectura-dia-minimal .lectura-dia-fecha {
    margin: 0 0 0.4em 0;
    font-size: 0.85em;
    color: #999;
}

.lectura-dia-enlace.lectura-dia-minimal .lectura-dia-texto {
    margin: 0 0 0.4em 0;
    font-size: 0.9em;
    color: #666;
}

.lectura-dia-enlace.lectura-dia-minimal .lectura-dia-boton {
    color: #5d4037;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9em;
}

.lectura-dia-enlace.lectura-dia-minimal .lectura-dia-boton:hover {
    text-decoration: underline;
}

.lectura-dia-enlace.lectura-dia-minimal .lectura-dia-fuente {
    margin: 0.5em 0 0 0;
    font-size: 0.75em;
    color: #aaa;
}

/* Responsivo lectura del día */
@media (max-width: 480px) {
    .lectura-dia-enlace.lectura-dia-tarjeta {
        padding: 1em;
    }

    .lectura-dia-iframe iframe {
        width: 100% !important;
    }
}