/* ==========================================================================
   ESTILOS SINGLE STANDARD V7.0 (Optimizado: Redundancias Core Eliminadas)
   Carga en single.php
   ========================================================================== */

/* Fondo general de la página */
.standard-page-container {
    background-color: #f4f4f4; 
    padding: 40px 20px;
    min-height: 80vh;
}

/* 1. TARJETA PRINCIPAL */
.single-post-container {
    max-width: 900px;
    margin: 0 auto;
    background-color: #ffffff; 
    padding: 50px;             
    border-radius: 16px;       
    box-shadow: 0 5px 25px rgba(0,0,0,0.05); 
}

/* Ajuste móvil */
@media (max-width: 768px) {
    .standard-page-container { padding: 20px 10px; }
    .single-post-container { padding: 30px 20px; }
}

/* 2. CABECERA */
.single-header { margin-bottom: 30px; text-align: left; }

.single-title {
    font-family: var(--font-titles); font-size: 2.8rem; line-height: 1.1;
    color: #1C3D44; margin-bottom: 20px; font-weight: 800;
}
.single-meta {
    font-size: 0.95rem; color: #666; display: flex; align-items: center;
    gap: 10px; font-weight: 500; font-family: var(--font-body);
    border-bottom: 1px solid #eee; padding-bottom: 20px;
}
.meta-sep { opacity: 0.5; }

/* 3. IMAGEN DESTACADA */
.single-featured-image {
    width: 100%; margin-bottom: 40px; border-radius: 12px; overflow: hidden;
}
.single-featured-image img {
    width: 100%; height: auto; object-fit: cover; display: block;
    transition: transform 0.3s;
}
.single-featured-image:hover img { transform: scale(1.02); }

.single-image-caption {
    margin: 10px auto 0; font-size: 0.85rem; color: #666;
    font-style: italic; text-align: center; font-family: var(--font-body);
}

/* 4. CUERPO DEL CONTENIDO */
/* NOTA: Los estilos de tipografía (p, h2, h3, ul, blockquote) están centralizados en global-modules.css */
.single-content {
    margin-bottom: 60px;
}

/* 5. FOOTER DEL POST */
.single-footer { margin-top: 50px; }

/* Responsive */
@media (max-width: 768px) {
    .single-title { font-size: 2.2rem; }
}