/*
 * Quark 2 — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 *//* 1. Importar fuentes globalmente para todo el sitio */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,700;1,900&family=Trirong:ital,wght@0,400;1,400&display=swap');

/* 2. Tipografía para todo el cuerpo de la página */
body {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 400;
}

/* 3. Títulos H1 globales (Rubik Black Itálica Mayúscula) */
h1 {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 900 !important;
    font-style: italic;
    text-transform: uppercase;
}

/* Títulos H2 y H3 globales (Rubik Negrita) */
h2, h3 {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

/* 4. Botones globales del tema */
.btn, .button {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 700 !important;
}

/* --------------------------------------------------- */
/* ESTILOS ESPECÍFICOS PARA EL POST DEVOCIONAL         */
/* --------------------------------------------------- */

.post-devocional { max-width: 800px; margin: 0 auto; padding: 20px; color: #e5e7eb; }
.cabecera-post { text-align: center; margin-bottom: 30px; }

.etiqueta-servicio { 
    display: inline-block; 
    background-color: #d97706; 
    color: #ffffff; 
    padding: 5px 15px; 
    border-radius: 20px; 
    font-size: 0.85em; 
    font-weight: bold; 
    text-transform: uppercase; 
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.post-devocional h1, .post-devocional h2, .post-devocional h3 { text-align: center; color: #ffffff; }
.post-devocional h1 { margin: 10px 0; }
.post-devocional h2, .post-devocional h3 { margin-top: 40px; }

.meta-fecha { color: #9ca3af; font-size: 0.95em; }

/* Cita Bíblica (Exclusiva en Trirong) */
.cita-biblica { 
    font-family: 'Trirong', serif !important;
    text-align: center; 
    font-size: 1.3em; 
    border-left: none; 
    color: #d1d5db; 
    margin: 30px 0;
}
.cita-biblica p { font-style: italic; }
.cita-biblica footer { 
    font-family: 'Rubik', sans-serif !important;
    color: #9ca3af; 
    margin-top: 15px; 
    font-size: 0.8em;
    font-style: normal;
}

/* Cajas de enfoques de oración */
.caja-enfoque {
    background-color: rgba(255, 255, 255, 0.08); 
    border: 1px solid rgba(255, 255, 255, 0.15); 
    color: #f3f4f6; 
    border-radius: 15px;
    padding: 25px;
    margin: 20px auto;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2); 
}

/* Caja final de enlaces */
.caja-enlaces {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    padding: 30px;
    margin-top: 50px;
    text-align: center;
}
.caja-enlaces h3 { margin-top: 0; margin-bottom: 25px; }

/* Botones específicos del devocional */
.botones-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; }
.btn-fotos { background-color: #3b82f6 !important; border: none; } 
.btn-youversion { background-color: #ef4444 !important; border: none; } 
.btn-material { background-color: #10b981 !important; border: none; } 
.btn-fotos:hover, .btn-youversion:hover, .btn-material:hover { opacity: 0.8; }

.texto-meditacion { margin-top: 20px; font-size: 1.05em; color: #d1d5db; }
.texto-meditacion strong { color: #ffffff; }