/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.18.1766789051
Updated: 2025-12-26 22:44:11

*/
/*
Theme Name: Astral Child - Estilos Gutenberg
Description: Estilos personalizados para entradas con Gutenberg
Version: 1.1
*/

/* ================================================
   ESTILOS PARA ENTRADAS CON GUTENBERG
   Solo afecta a .single .entry-content
================================================ */

:root {
    --revista-principal: #2D3748;
    --revista-acento: #D97757;
    --revista-secundario: #7C6B5E;
    --revista-fondo: #FEFDFB;
    --revista-texto: #4A5568;
    --revista-categoria: #E6D5C3;
}

/* Contenedor principal de la entrada */
.single-post .entry-content {
    max-width: 780px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    background: var(--revista-fondo);
    line-height: 1.8;
}

/* ========================================
   TÍTULO DE LA ENTRADA
======================================== */

.single-post .entry-title {
    font-size: clamp(2.5rem, 6vw, 4rem) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: var(--revista-principal) !important;
    margin: 1.5rem 0 !important;
    letter-spacing: -0.02em !important;
}

/* ========================================
   BAJADA (EXCERPT)
======================================== */

.single-post .entry-excerpt,
.single-post .post-excerpt {
    font-size: 1.35rem;
    line-height: 1.6;
    color: var(--revista-secundario);
    margin-bottom: 2rem;
    font-weight: 400;
    border-left: 4px solid var(--revista-acento);
    padding-left: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ========================================
   BOTONES DE COMPARTIR
======================================== */

.revista-compartir-social {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.5rem 0;
    border-top: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
    margin: 2rem 0;
}

.revista-compartir-label {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--revista-secundario);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.revista-social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--revista-fondo);
    border: 2px solid #E2E8F0;
    color: var(--revista-secundario);
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 1.1rem;
    font-weight: 700;
}

.revista-social-btn:hover {
    background: var(--revista-acento);
    color: white;
    border-color: var(--revista-acento);
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(217, 119, 87, 0.3);
}

/* Iconos específicos */
.revista-social-btn.facebook::before {
    content: 'f';
}

.revista-social-btn.twitter::before {
    content: '𝕏';
}

.revista-social-btn.linkedin::before {
    content: 'in';
    font-size: 0.9rem;
}

.revista-social-btn.whatsapp::before {
    content: 'W';
}

/* ========================================
   CIERRE DE NOTA CON FECHA
======================================== */

.revista-cierre-nota {
    margin: 4rem 0 2rem 0;
    padding-top: 2rem;
    border-top: 2px solid var(--revista-acento);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.revista-cierre-linea {
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, var(--revista-acento), transparent);
    min-width: 100px;
}

.revista-fecha-publicacion {
    font-size: 0.95rem;
    color: var(--revista-secundario);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

.revista-fecha-publicacion::before {
    content: '📅';
    font-size: 1.1rem;
}

/* Estilo alternativo de cierre (centrado) */
.revista-cierre-nota.centrado {
    flex-direction: column;
    text-align: center;
}

.revista-cierre-nota.centrado .revista-cierre-linea {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 1rem auto;
}

/* ========================================
   TIPOGRAFÍA MEJORADA
======================================== */

.single-post .entry-content p {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--revista-texto);
    margin-bottom: 1.5rem;
    text-align: justify;
}

.single-post .entry-content p:first-of-type::first-letter {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
    float: left;
    margin: 0.1rem 0.5rem 0 0;
    color: var(--revista-acento);
}

/* ========================================
   TÍTULOS H2 y H3
======================================== */

.single-post .entry-content h2 {
    font-size: 2rem;
    font-weight: 700;
    color: var(--revista-principal);
    margin: 3rem 0 1.5rem 0;
    line-height: 1.3;
    position: relative;
    padding-bottom: 0.75rem;
}

.single-post .entry-content h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 3px;
    background: var(--revista-acento);
}

.single-post .entry-content h3 {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--revista-principal);
    margin: 2.5rem 0 1rem 0;
    line-height: 1.4;
}

.single-post .entry-content h4 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--revista-secundario);
    margin: 2rem 0 1rem 0;
}

/* ========================================
   IMÁGENES
======================================== */

.single-post .entry-content .wp-block-image {
    margin: 2.5rem 0;
}

.single-post .entry-content .wp-block-image img,
.single-post .post-thumbnail img {
    border-radius: 4px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    width: 100%;
    height: auto;
}

.single-post .entry-content .wp-block-image figcaption {
    font-size: 0.875rem;
    color: var(--revista-secundario);
    font-style: italic;
    margin-top: 0.75rem;
    text-align: center;
}

/* Imagen destacada (full width) */
.single-post .entry-content .wp-block-image.alignfull img,
.single-post .entry-content .wp-block-image.alignwide img {
    width: 100%;
    border-radius: 0;
}

/* ========================================
   CITAS (BLOCKQUOTE)
======================================== */

.single-post .entry-content blockquote,
.single-post .entry-content .wp-block-quote {
    border-left: 4px solid var(--revista-acento);
    padding: 1.5rem 2rem;
    margin: 2.5rem 0;
    background: #FBF9F7;
    font-style: italic;
    font-size: 1.25rem;
    color: var(--revista-secundario);
    position: relative;
}

.single-post .entry-content blockquote::before {
    content: '"';
    font-size: 4rem;
    color: var(--revista-acento);
    opacity: 0.3;
    position: absolute;
    left: 1rem;
    top: 0.5rem;
    line-height: 1;
}

.single-post .entry-content blockquote p {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

.single-post .entry-content blockquote cite {
    display: block;
    font-size: 0.95rem;
    color: var(--revista-principal);
    margin-top: 1rem;
    font-style: normal;
    font-weight: 600;
}

/* ========================================
   LISTAS
======================================== */

.single-post .entry-content ul,
.single-post .entry-content ol {
    margin: 2rem 0;
    padding-left: 0;
    list-style: none;
}

.single-post .entry-content ul li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1rem;
}

.single-post .entry-content ul li::before {
    content: '●';
    color: var(--revista-acento);
    font-size: 1.5rem;
    position: absolute;
    left: 0;
    top: -0.1rem;
}

.single-post .entry-content ol {
    counter-reset: custom-counter;
}

.single-post .entry-content ol li {
    position: relative;
    padding-left: 2.5rem;
    margin-bottom: 1rem;
    counter-increment: custom-counter;
}

.single-post .entry-content ol li::before {
    content: counter(custom-counter);
    position: absolute;
    left: 0;
    top: 0;
    background: var(--revista-acento);
    color: white;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 700;
}

/* ========================================
   ENLACES
======================================== */

.single-post .entry-content a:not(.revista-social-btn) {
    color: var(--revista-acento);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: all 0.3s ease;
}

.single-post .entry-content a:not(.revista-social-btn):hover {
    color: var(--revista-principal);
    text-decoration-thickness: 2px;
}

/* ========================================
   BLOQUES DE CÓDIGO
======================================== */

.single-post .entry-content code {
    background: #2D3748;
    color: #F7FAFC;
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    font-size: 0.9em;
    font-family: 'Courier New', monospace;
}

.single-post .entry-content pre {
    background: #2D3748;
    color: #F7FAFC;
    padding: 1.5rem;
    border-radius: 4px;
    overflow-x: auto;
    margin: 2rem 0;
}

.single-post .entry-content pre code {
    background: none;
    padding: 0;
}

/* ========================================
   SEPARADORES
======================================== */

.single-post .entry-content hr,
.single-post .entry-content .wp-block-separator {
    border: none;
    height: 2px;
    background: linear-gradient(to right, transparent, var(--revista-acento), transparent);
    margin: 3rem auto;
    max-width: 200px;
}

/* ========================================
   TABLAS
======================================== */

.single-post .entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0;
}

.single-post .entry-content table th {
    background: var(--revista-principal);
    color: white;
    padding: 1rem;
    text-align: left;
    font-weight: 600;
}

.single-post .entry-content table td {
    padding: 1rem;
    border-bottom: 1px solid #E2E8F0;
}

.single-post .entry-content table tr:hover {
    background: #FBF9F7;
}

/* ========================================
   BLOQUES GUTENBERG ESPECÍFICOS
======================================== */

/* Bloque de grupo */
.single-post .entry-content .wp-block-group {
    padding: 2rem;
    background: #FBF9F7;
    border-radius: 4px;
    margin: 2rem 0;
}

/* Bloque de columnas */
.single-post .entry-content .wp-block-columns {
    margin: 2rem 0;
    gap: 2rem;
}

/* Bloque de cover */
.single-post .entry-content .wp-block-cover {
    min-height: 400px;
    margin: 2.5rem 0;
    border-radius: 4px;
    overflow: hidden;
}

/* Botones */
.single-post .entry-content .wp-block-button__link {
    background: var(--revista-acento);
    color: white;
    padding: 0.875rem 2rem;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    font-weight: 600;
    transition: all 0.3s ease;
}

.single-post .entry-content .wp-block-button__link:hover {
    background: var(--revista-principal);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Pullquote */
.single-post .entry-content .wp-block-pullquote {
    border-top: 4px solid var(--revista-acento);
    border-bottom: 4px solid var(--revista-acento);
    padding: 2rem 0;
    text-align: center;
}

.single-post .entry-content .wp-block-pullquote blockquote {
    border: none;
    background: none;
    font-size: 1.5rem;
    padding: 0;
}

/* ========================================
   RESPONSIVO
======================================== */

/* Tablets grandes y pantallas medianas */
@media (max-width: 1024px) {
    .single-post .entry-content {
        padding: 2rem 1.5rem;
    }
    
    .single-post .entry-title {
        font-size: clamp(2rem, 5vw, 3rem) !important;
    }
}

/* Tablets */
@media (max-width: 768px) {
    .single-post .entry-content {
        padding: 1.5rem 1.25rem;
    }
    
    .single-post .entry-title {
        font-size: 2.25rem !important;
        line-height: 1.3 !important;
        margin: 1rem 0 1.5rem 0 !important;
    }
    
    .single-post .entry-excerpt,
    .single-post .post-excerpt {
        font-size: 1.15rem;
        padding-left: 1rem;
        margin-bottom: 1.5rem;
        line-height: 1.5;
    }
    
    /* Botones de compartir en tablet */
    .revista-compartir-social {
        padding: 1.25rem 0;
        gap: 0.65rem;
        justify-content: flex-start;
    }
    
    .revista-compartir-label {
        font-size: 0.8rem;
        margin-right: 0.25rem;
    }
    
    .revista-social-btn {
        width: 38px;
        height: 38px;
        font-size: 1rem;
    }
    
    /* Contenido */
    .single-post .entry-content p {
        font-size: 1.05rem;
        text-align: left;
        margin-bottom: 1.25rem;
    }
    
    .single-post .entry-content p:first-of-type::first-letter {
        font-size: 3.5rem;
        margin: 0.05rem 0.4rem 0 0;
    }
    
    .single-post .entry-content h2 {
        font-size: 1.65rem;
        margin: 2.5rem 0 1.25rem 0;
    }
    
    .single-post .entry-content h3 {
        font-size: 1.35rem;
        margin: 2rem 0 1rem 0;
    }
    
    .single-post .entry-content h4 {
        font-size: 1.15rem;
    }
    
    .single-post .entry-content blockquote {
        font-size: 1.15rem;
        padding: 1.25rem 1.5rem;
        margin: 2rem 0;
    }
    
    .single-post .entry-content blockquote::before {
        font-size: 3rem;
        left: 0.75rem;
        top: 0.25rem;
    }
    
    /* Listas */
    .single-post .entry-content ul li,
    .single-post .entry-content ol li {
        padding-left: 1.75rem;
    }
    
    .single-post .entry-content ul li::before {
        font-size: 1.25rem;
    }
    
    .single-post .entry-content ol li::before {
        width: 1.35rem;
        height: 1.35rem;
        font-size: 0.8rem;
    }
    
    /* Bloques Gutenberg */
    .single-post .entry-content .wp-block-columns {
        flex-direction: column;
        gap: 1.5rem;
    }
    
    .single-post .entry-content .wp-block-group {
        padding: 1.5rem;
    }
    
    .single-post .entry-content .wp-block-cover {
        min-height: 300px;
    }
    
    /* Cierre de nota */
    .revista-cierre-nota {
        margin: 3rem 0 1.5rem 0;
        padding-top: 1.5rem;
        gap: 0.75rem;
    }
    
    .revista-fecha-publicacion {
        font-size: 0.9rem;
    }
    
    /* Tablas responsive */
    .single-post .entry-content table {
        font-size: 0.9rem;
    }
    
    .single-post .entry-content table th,
    .single-post .entry-content table td {
        padding: 0.75rem;
    }
}

/* Móviles grandes */
@media (max-width: 640px) {
    .single-post .entry-content {
        padding: 1.25rem 1rem;
    }
    
    .single-post .entry-title {
        font-size: 1.85rem !important;
        line-height: 1.25 !important;
        margin: 0.75rem 0 1.25rem 0 !important;
    }
    
    .single-post .entry-excerpt,
    .single-post .post-excerpt {
        font-size: 1.05rem;
        padding-left: 0.85rem;
        border-left-width: 3px;
        margin-bottom: 1.25rem;
    }
    
    /* Botones de compartir en móvil */
    .revista-compartir-social {
        padding: 1rem 0;
        gap: 0.5rem;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .revista-compartir-label {
        width: 100%;
        text-align: center;
        margin-bottom: 0.5rem;
        font-size: 0.75rem;
    }
    
    .revista-social-btn {
        width: 44px;
        height: 44px;
        font-size: 1.05rem;
        border-width: 1.5px;
    }
    
    /* Contenido */
    .single-post .entry-content p {
        font-size: 1rem;
        line-height: 1.75;
    }
    
    .single-post .entry-content p:first-of-type::first-letter {
        font-size: 3rem;
        margin: 0 0.35rem 0 0;
    }
    
    .single-post .entry-content h2 {
        font-size: 1.5rem;
        margin: 2rem 0 1rem 0;
        padding-bottom: 0.5rem;
    }
    
    .single-post .entry-content h2::after {
        width: 50px;
        height: 2.5px;
    }
    
    .single-post .entry-content h3 {
        font-size: 1.25rem;
        margin: 1.75rem 0 0.85rem 0;
    }
    
    .single-post .entry-content h4 {
        font-size: 1.1rem;
    }
    
    .single-post .entry-content blockquote {
        font-size: 1.05rem;
        padding: 1rem 1.25rem;
        margin: 1.75rem 0;
    }
    
    .single-post .entry-content blockquote::before {
        font-size: 2.5rem;
        left: 0.5rem;
        top: 0.15rem;
    }
    
    .single-post .entry-content blockquote p {
        font-size: 1.05rem;
    }
    
    /* Listas */
    .single-post .entry-content ul,
    .single-post .entry-content ol {
        margin: 1.5rem 0;
    }
    
    .single-post .entry-content ul li,
    .single-post .entry-content ol li {
        padding-left: 1.5rem;
        margin-bottom: 0.85rem;
        font-size: 1rem;
    }
    
    .single-post .entry-content ul li::before {
        font-size: 1.15rem;
    }
    
    .single-post .entry-content ol li {
        padding-left: 2.25rem;
    }
    
    .single-post .entry-content ol li::before {
        width: 1.25rem;
        height: 1.25rem;
        font-size: 0.75rem;
    }
    
    /* Imágenes */
    .single-post .entry-content .wp-block-image,
    .single-post .post-thumbnail {
        margin: 1.75rem 0;
    }
    
    .single-post .entry-content .wp-block-image img,
    .single-post .post-thumbnail img {
        box-shadow: 0 8px 30px rgba(0,0,0,0.08);
    }
    
    .single-post .entry-content .wp-block-image figcaption {
        font-size: 0.8rem;
        margin-top: 0.5rem;
    }
    
    /* Bloques Gutenberg */
    .single-post .entry-content .wp-block-group {
        padding: 1.25rem;
        margin: 1.5rem 0;
    }
    
    .single-post .entry-content .wp-block-cover {
        min-height: 250px;
        margin: 1.75rem 0;
    }
    
    .single-post .entry-content .wp-block-button__link {
        padding: 0.75rem 1.5rem;
        font-size: 0.95rem;
    }
    
    /* Cierre de nota móvil */
    .revista-cierre-nota {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin: 2.5rem 0 1.5rem 0;
        padding-top: 1.25rem;
        gap: 1rem;
    }
    
    .revista-cierre-linea {
        width: 100%;
        max-width: 150px;
        height: 1px;
    }
    
    .revista-fecha-publicacion {
        font-size: 0.85rem;
        gap: 0.35rem;
    }
    
    .revista-fecha-publicacion::before {
        font-size: 1rem;
    }
    
    /* Tablas responsive */
    .single-post .entry-content table {
        font-size: 0.85rem;
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .single-post .entry-content table th,
    .single-post .entry-content table td {
        padding: 0.65rem;
        min-width: 100px;
    }
    
    /* Código */
    .single-post .entry-content pre {
        padding: 1rem;
        font-size: 0.85rem;
        overflow-x: auto;
    }
    
    .single-post .entry-content code {
        font-size: 0.85em;
        padding: 0.15rem 0.4rem;
    }
}

/* Móviles pequeños */
@media (max-width: 480px) {
    .single-post .entry-content {
        padding: 1rem 0.85rem;
    }
    
    .single-post .entry-title {
        font-size: 1.65rem !important;
        line-height: 1.2 !important;
        margin: 0.5rem 0 1rem 0 !important;
    }
    
    .single-post .entry-excerpt,
    .single-post .post-excerpt {
        font-size: 1rem;
        padding-left: 0.75rem;
        border-left-width: 3px;
        line-height: 1.5;
    }
    
    .revista-compartir-social {
        padding: 0.85rem 0;
    }
    
    .revista-social-btn {
        width: 42px;
        height: 42px;
        font-size: 1rem;
    }
    
    .single-post .entry-content p {
        font-size: 0.95rem;
        line-height: 1.7;
        margin-bottom: 1.25rem;
    }
    
    .single-post .entry-content p:first-of-type::first-letter {
        font-size: 2.5rem;
        margin: 0 0.3rem 0 0;
    }
    
    .single-post .entry-content h2 {
        font-size: 1.35rem;
        margin: 1.75rem 0 0.85rem 0;
    }
    
    .single-post .entry-content h3 {
        font-size: 1.15rem;
    }
    
    .single-post .entry-content h4 {
        font-size: 1.05rem;
    }
    
    .single-post .entry-content blockquote {
        font-size: 1rem;
        padding: 0.85rem 1rem;
        margin: 1.5rem 0;
    }
    
    .single-post .entry-content blockquote::before {
        font-size: 2rem;
        left: 0.35rem;
        top: 0.1rem;
    }
    
    .single-post .entry-content ul li,
    .single-post .entry-content ol li {
        font-size: 0.95rem;
        padding-left: 1.35rem;
    }
    
    .single-post .entry-content ol li {
        padding-left: 2rem;
    }
    
    .revista-cierre-nota {
        margin: 2rem 0 1.25rem 0;
        padding-top: 1rem;
    }
    
    .revista-cierre-linea {
        max-width: 120px;
    }
    
    .revista-fecha-publicacion {
        font-size: 0.8rem;
    }
    
    .revista-fecha-publicacion::before {
        font-size: 0.95rem;
    }
}

/* Móviles muy pequeños */
@media (max-width: 360px) {
    .single-post .entry-content {
        padding: 0.85rem 0.75rem;
    }
    
    .single-post .entry-title {
        font-size: 1.5rem !important;
    }
    
    .single-post .entry-excerpt,
    .single-post .post-excerpt {
        font-size: 0.95rem;
    }
    
    .revista-social-btn {
        width: 40px;
        height: 40px;
        font-size: 0.95rem;
    }
    
    .single-post .entry-content p {
        font-size: 0.9rem;
    }
    
    .single-post .entry-content h2 {
        font-size: 1.25rem;
    }
}

/* ========================================
   ANIMACIONES SUTILES
======================================== */

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.single-post .entry-content > * {
    animation: fadeIn 0.6s ease-out;
}

/* ========================================
   MEJORAS DE LECTURA
======================================== */

/* Resaltar texto seleccionado */
.single-post .entry-content ::selection {
    background: var(--revista-acento);
    color: white;
}

/* Smooth scroll */
.single-post {
    scroll-behavior: smooth;
}