/*
Theme Name: Cultura Geek Child
Theme URI: https://culturageek.com
Description: Tema hijo de Smart Mag para Cultura Geek
Author: Cultura Geek
Author URI: https://culturageek.com
Template: smart-mag
Version: 1.0
*/

/* Importa los estilos del tema padre */
@import url("../smart-mag/style.css");

/* =========== LINKS RÁPIDOS =========== */
/* Modo oscuro */
html.s-dark .wp-block-wpseopress-table-of-contents {
    background-color: #1a1a1a;
    color: #ffffff;
}

html.s-dark .wp-block-wpseopress-table-of-contents nav {
    background-color: #242424;
}

/* Modo claro */
html.s-light .wp-block-wpseopress-table-of-contents {
    background-color: #f8f8f8;
    color: #232323;
    border: 1px solid #e0e0e0;
}

html.s-light .wp-block-wpseopress-table-of-contents nav {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
}

/* Estilos compartidos Links Rápidos */
.wp-block-wpseopress-table-of-contents {
    padding: 20px;
    margin: 20px 0;
    border-radius: 4px;
}

/* Título con rayo */
.wp-block-wpseopress-table-of-contents h2 {
    display: flex !important;
    align-items: center;
    font-size: 1.2em !important;
    font-weight: bold !important;
    letter-spacing: 0.5px;
    margin: 0 0 15px 0 !important;
    padding: 0 0 10px 0 !important;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(250, 80, 5, 0.1);
}

.wp-block-wpseopress-table-of-contents h2::before {
    content: "⚡";
    margin-right: 10px;
    color: #FA5005;
    display: inline-block;
}

/* Contenedor de navegación */
.wp-block-wpseopress-table-of-contents nav {
    padding: 15px 20px;
    border-radius: 2px;
}

/* =========== PUNTOS CLAVE =========== */
/* Modo oscuro */
html.s-dark .puntos-clave {
    background-color: #1a1a1a;
    color: #ffffff;
}

html.s-dark .puntos-clave-content {
    background-color: #242424;
}

/* Modo claro */
html.s-light .puntos-clave {
    background-color: #f8f8f8;
    color: #232323;
    border: 1px solid #e0e0e0;
}

html.s-light .puntos-clave-content {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
}

/* Estilos compartidos puntos clave */
.puntos-clave {
    padding: 20px;
    margin: 20px 0;
    border-radius: 4px;
}

.puntos-clave-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(250, 80, 5, 0.1);
    padding-bottom: 10px;
}

.puntos-clave-icon::before {
    content: "☰";
    font-size: 1.2em;
    margin-right: 10px;
    color: #FA5005;
}

.puntos-clave-title {
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.puntos-clave-content {
    padding: 15px 20px;
    border-radius: 2px;
}

/* NUEVA SECCIÓN CORREGIDA DE BULLETS */
.puntos-clave-content ul {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.puntos-clave-content li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    line-height: 1.4;
    list-style-type: none !important;
}

.puntos-clave-content li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background-color: #FA5005;
    border-radius: 1px;
    transform: rotate(45deg);
}

.puntos-clave-content li:last-child {
    margin-bottom: 0;
}

/* Enlaces en ambos bloques */
.wp-block-wpseopress-table-of-contents nav a,
.puntos-clave a {
    color: #FA5005;
    text-decoration: none;
    line-height: 1.6;
}

.wp-block-wpseopress-table-of-contents nav a:hover,
.puntos-clave a:hover {
    color: #ff8c5a;
    text-decoration: underline;
}

/* Numeración */
.wp-block-wpseopress-table-of-contents nav > ol > li::before,
.wp-block-wpseopress-table-of-contents nav ol ol li::before {
    color: #FA5005;
}
/* =========== AUTOR BIO =========== */
/* Contenedor principal */
.author-info {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 25px;
    margin: 30px 0;
    border-radius: 8px;
    transition: all 0.3s ease;
}

/* Modo claro */
html.s-light .author-info {
    background-color: #f8f8f8;
    border: 1px solid #e0e0e0;
}

/* Modo oscuro */
html.s-dark .author-info {
    background-color: #1a1a1a;
    border: 1px solid #2d2d2d;
}

/* Imagen de perfil */
.author-info img.avatar {
    border-radius: 50%;
    border: 3px solid #FA5005;
    padding: 3px;
    background-color: transparent;
    width: 95px;
    height: 95px;
}

/* Contenedor de descripción */
.author-info .description {
    flex: 1;
}

/* Header con nombre y redes sociales */
.author-info .description {
    position: relative;
}

/* Nombre del autor */
.author-info .description a[rel="author"] {
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 10px;
    color: #FA5005;
}

/* Iconos sociales */
.author-info .social-icons {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 5px;
    right: 0;
    display: flex;
    gap: 15px;
}

.author-info .social-icons li {
    margin: 0;
}

.author-info .social-icons a {
    color: #FA5005;
    text-decoration: none;
    font-size: 1.1em;
    transition: color 0.3s ease;
}

.author-info .social-icons a:hover {
    color: #ff8c5a;
}

/* Modo claro - texto bio */
html.s-light .author-info .bio {
    color: #232323;
}

/* Modo oscuro - texto bio */
html.s-dark .author-info .bio {
    color: #ffffff;
}

/* Texto de bio */
.author-info .bio {
    margin: 0;
    line-height: 1.6;
    font-size: 0.95em;
    clear: both;
}

/* Responsive */
@media screen and (max-width: 480px) {
    .author-info {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .author-info img.avatar {
        margin-bottom: 15px;
    }

    .author-info .social-icons {
        position: static;
        justify-content: center;
        margin-bottom: 10px;
    }
}
/* =========== SEPARADOR NUMERADO =========== */
/* Estilos base compartidos */
.separador-numerado {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0;
}

.separador-circulo {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

/* Modo oscuro */
html.s-dark .separador-linea {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #ff6934;
    top: 50%;
    transform: translateY(-50%);
}

html.s-dark .separador-circulo {
    background-color: #ff6934;
}

html.s-dark .separador-numero {
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1;
}

/* Modo claro */
html.s-light .separador-linea {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #FA5005;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.8; /* Ligera transparencia para modo claro */
}

html.s-light .separador-circulo {
    background-color: #FA5005;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Sutil sombra en modo claro */
}

html.s-light .separador-numero {
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1;
}

/* =========== BLOQUE DE NOTAS =========== */
/* Estilos base compartidos */
.notas {
    position: relative;
    margin: 20px 0;
    padding: 20px;
    border-bottom: 6px solid #FA5005;
}

.notas-label {
    color: #FA5005;
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 10px;
    display: block;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(250, 80, 5, 0.2);
}

.notas-content {
    line-height: 1.6;
    font-size: 0.95em;
}

/* Modo oscuro */
html.s-dark .notas {
    background-color: #1a1a1a;
    color: #ffffff;
}

html.s-dark .notas-label {
    background-color: #1a1a1a;
}

/* Modo claro */
html.s-light .notas {
    background-color: #f8f8f8;
    color: #232323;
}

html.s-light .notas-label {
    background-color: #f8f8f8;
}

/* Márgenes de párrafos */
.notas-content p:first-child {
    margin-top: 0;
}

.notas-content p:last-child {
    margin-bottom: 0;
}

/* Enlaces */
html.s-light .notas-content a {
    color: #FA5005;
}

html.s-dark .notas-content a {
    color: #FA5005;
}

.notas-content a:hover {
    color: #ff8c5a;
}
/* =========== BLOQUE TABLAS =========== */
/* Estilos base de la tabla */
.wp-block-table.is-style-stripes {
    margin: 2em 0;
    border-spacing: 0;
    width: 100%;
    border-collapse: separate;
}

/* Estilos compartidos */
.wp-block-table.is-style-stripes table {
    width: 100%;
    border: none;
}

.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
    padding: 15px 20px;
    border: none;
    line-height: 1.4;
}

/* Encabezados */
.wp-block-table.is-style-stripes thead th {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.9em;
    border-bottom: 2px solid #FA5005;
}

.wp-block-table.is-style-stripes thead th:first-child {
    border-bottom-color: #2ecc71; /* Verde para Pros */
}

.wp-block-table.is-style-stripes thead th:last-child {
    border-bottom-color: #e74c3c; /* Rojo para Contras */
}

/* Celdas del cuerpo */
.wp-block-table.is-style-stripes tr {
    border-bottom: 1px solid transparent;
}

/* Modo Claro */
html.s-light .wp-block-table.is-style-stripes {
    background: #ffffff;
}

html.s-light .wp-block-table.is-style-stripes thead th {
    background-color: #f8f8f8;
    color: #232323;
}

html.s-light .wp-block-table.is-style-stripes tr:nth-child(even) {
    background-color: #f8f8f8;
}

html.s-light .wp-block-table.is-style-stripes tr:nth-child(odd) {
    background-color: #ffffff;
}

html.s-light .wp-block-table.is-style-stripes td {
    color: #454545;
    border-bottom: 1px solid #e0e0e0;
}

/* Modo Oscuro */
html.s-dark .wp-block-table.is-style-stripes {
    background: #1a1a1a;
}

html.s-dark .wp-block-table.is-style-stripes thead th {
    background-color: #242424;
    color: #ffffff;
}

html.s-dark .wp-block-table.is-style-stripes tr:nth-child(even) {
    background-color: #242424;
}

html.s-dark .wp-block-table.is-style-stripes tr:nth-child(odd) {
    background-color: #1a1a1a;
}

html.s-dark .wp-block-table.is-style-stripes td {
    color: #e0e0e0;
    border-bottom: 1px solid #333333;
}

/* Estilos responsive */
@media screen and (max-width: 600px) {
    .wp-block-table.is-style-stripes {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .wp-block-table.is-style-stripes th,
    .wp-block-table.is-style-stripes td {
        padding: 12px 15px;
        font-size: 0.95em;
    }
}

/* Eliminar bordes por defecto de Gutenberg */
.wp-block-table.is-style-stripes tbody tr:last-child td {
    border-bottom: none;
}

.wp-block-table.is-style-stripes table,
.wp-block-table.is-style-stripes tr,
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
    border: none;
}

/* Estilos base del formulario */
.gform_wrapper.gform-theme form {
    margin-top: 30px;
}

/* Etiquetas de campos */
.gform-field-label {
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

/* Estilos compartidos para campos de entrada */
.ginput_container input[type="text"],
.ginput_container input[type="email"],
.ginput_container textarea,
.ginput_container_select select {
    padding: 12px 15px !important;
    border-radius: 4px !important;
    width: 100% !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
}

/* Estilos específicos para el select */
.ginput_container_select select {
    cursor: pointer !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23FA5005' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 15px) center !important;
    padding-right: 40px !important;
}

/* Modo Claro */
html.s-light .gform-field-label {
    color: #232323 !important;
}

html.s-light .ginput_container input[type="text"],
html.s-light .ginput_container input[type="email"],
html.s-light .ginput_container textarea,
html.s-light .ginput_container_select select {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    color: #232323 !important;
}

html.s-light .ginput_container_select select option {
    background-color: #ffffff !important;
    color: #232323 !important;
}

html.s-light .ginput_container_select select option[value=""] {
    color: #666666 !important;
}

html.s-light .gfield_description {
    color: #454545 !important;
}

/* Modo Oscuro */
html.s-dark .gform-field-label {
    color: #ffffff !important;
}

html.s-dark .ginput_container input[type="text"],
html.s-dark .ginput_container input[type="email"],
html.s-dark .ginput_container textarea,
html.s-dark .ginput_container_select select {
    background-color: #242424 !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important;
}

html.s-dark .ginput_container_select select option {
    background-color: #242424 !important;
    color: #ffffff !important;
}

html.s-dark .ginput_container_select select option[value=""] {
    color: #999999 !important;
}

html.s-dark .gfield_description {
    color: #e0e0e0 !important;
}

/* Estados focus y hover */
.ginput_container input[type="text"]:focus,
.ginput_container input[type="email"]:focus,
.ginput_container textarea:focus,
.ginput_container_select select:focus,
.ginput_container_select select:hover {
    outline: none !important;
    border-color: #FA5005 !important;
    box-shadow: 0 0 0 1px #FA5005 !important;
}

/* Botón de envío */
.gform_button.button {
    padding: 12px 30px !important;
    border: none !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    cursor: pointer !important;
    background-color: #FA5005 !important;
    color: #ffffff !important;
    transition: background-color 0.3s ease !important;
}

.gform_button.button:hover {
    background-color: #ff8c5a !important;
}

/* Elementos de validación y descripción */
.gfield_required {
    margin-left: 5px !important;
}

.gfield_required_text {
    color: #FA5005 !important;
}

.gfield_validation_message {
    color: #FA5005 !important;
    font-size: 14px !important;
    margin-top: 5px !important;
}

.gfield_description {
    font-size: 14px !important;
    opacity: 0.8;
    margin-bottom: 10px !important;
}

/* Contador de caracteres */
.charleft.ginput_counter {
    color: inherit !important;
    opacity: 0.7;
    font-size: 13px !important;
    margin-top: 5px !important;
}

/* Estructura y espaciado */
.gform-grid-row {
    display: grid !important;
    grid-gap: 20px !important;
    margin-bottom: 20px !important;
}

.gfield {
    margin-bottom: 25px !important;
}

/* Responsive */
@media (max-width: 640px) {
    .gform-grid-row {
        grid-template-columns: 1fr !important;
    }
    
    .gform_button.button {
        width: 100% !important;
    }
}

/* TEMPORAL */
/* Estilos generales de la página */
.contact-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* Encabezado */
.contact-header {
    text-align: center;
    margin-bottom: 60px;
}

.contact-title {
    font-size: 2.5em;
    margin-bottom: 20px;
    color: #FA5005;
	  margin-top: 5px !important; /* Ajusta este valor según necesites */
    text-align: center;
html.s-light .contact-title,
html.s-dark .contact-title {
    margin-top: 5px !important;
}
}

/* Grid de propósitos */
.purposes-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin: 40px 0;
}

.purpose-item {
    padding: 25px;
    border-radius: 8px;
    text-align: center;
    transition: transform 0.3s ease;
}

html.s-light .purpose-item {
    background: #f8f8f8;
    border: 1px solid #e0e0e0;
}

html.s-dark .purpose-item {
    background: #1a1a1a;
    border: 1px solid #333;
}

.purpose-item:hover {
    transform: translateY(-5px);
}

.purpose-icon {
    font-size: 2.5em;
    margin-bottom: 15px;
    display: block;
}

/* Sección del formulario */
.contact-form-section {
    margin: 60px 0;
    padding: 40px;
    border-radius: 8px;
}

html.s-light .contact-form-section {
    background: #ffffff;
    border: 1px solid #e0e0e0;
}

html.s-dark .contact-form-section {
    background: #242424;
    border: 1px solid #333;
}

.form-intro {
    margin-bottom: 30px;
}

.required-notice {
    margin-bottom: 20px;
    font-size: 0.9em;
    opacity: 0.8;
}

/* Información adicional */
.contact-additional {
    text-align: center;
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid rgba(250, 80, 5, 0.1);
}

/* Responsive */
@media (max-width: 768px) {
    .purposes-grid {
        grid-template-columns: 1fr;
    }

    .contact-page {
        padding: 20px;
    }

    .contact-form-section {
        padding: 20px;
    }
}

/* NEWSLETTER TEMPORAL */
/* Contenedor del consentimiento */
#field_2_4 {
    margin-top: -40px !important;
    margin-bottom: 20px !important;
}

/* Ocultar la leyenda por defecto */
#field_2_4 legend.gfield_label {
    display: none !important;
}

/* Contenedor del checkbox y label */
.ginput_container_consent {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

/* Checkbox */
#input_2_4_1 {
    margin: 0 !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    margin-top: 3px !important;
}

/* Label del consentimiento */
.gfield_consent_label {
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #999999 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Modo claro */
html.s-light .gfield_consent_label {
    color: #666666 !important;
}

/* Modo oscuro */
html.s-dark .gfield_consent_label {
    color: #999999 !important;
}
.spc-newsletter .message {
    margin-bottom: 5px;
    font-size: var(--message-fs);
}

/* Estilos del widget de citas */
.random-quote-widget {
    padding: 2rem;
    margin: 1rem 0;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 87, 34, 0.3);
}

/* Modo oscuro (principal) */
html.s-dark .random-quote-widget {
    background: rgba(18, 18, 18, 0.95);
    box-shadow: 0 0 20px rgba(255, 87, 34, 0.1);
}

/* Modo claro */
html.s-light .random-quote-widget {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 20px rgba(255, 87, 34, 0.15);
}

/* Título "SABÍAS QUE..." */
.random-quote-widget::before {
    content: "SABÍAS QUE...";
    display: block;
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
    letter-spacing: 0.5px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Decoración lateral */
.random-quote-widget::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: linear-gradient(to bottom, #ff5722, #ff9800);
}

.quote-content {
    font-size: 1.2rem;
    line-height: 1.6;
    font-weight: 400;
    position: relative;
    padding-left: 1rem;
}

/* Estilos para modo oscuro */
html.s-dark .random-quote-widget::before {
    color: #ff5722;
}

html.s-dark .quote-content {
    color: rgba(255, 255, 255, 0.9);
}

/* Estilos para modo claro */
html.s-light .random-quote-widget::before {
    color: #ff5722;
}

html.s-light .quote-content {
    color: rgba(0, 0, 0, 0.87);
}

/* Animación suave al cargar */
.random-quote-widget {
    animation: fadeIn 0.5s ease-in-out;
}

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

/* Responsive */
@media (max-width: 768px) {
    .random-quote-widget {
        padding: 1.5rem;
    }
    
    .random-quote-widget::before {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
    
    .quote-content {
        font-size: 1.1rem;
    }
}

/* Contenedor principal */
.contenedor-beta {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 30px;
}

/* Tema oscuro */
html.s-dark .pregunta-beta {
    background: #1a1a1a;
    color: #fff;
}

html.s-dark .sidebar-beta {
    background: #242424;
}

/* Tema claro */
html.s-light .pregunta-beta {
    background: #fff;
    color: #333;
}

html.s-light .sidebar-beta {
    background: #f5f5f5;
}

/* Contenido principal */
.pregunta-beta {
    padding: 30px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.pregunta-titulo {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

.pregunta-meta {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #666;
}

.pregunta-imagen {
    margin: 20px 0;
    border-radius: 8px;
    overflow: hidden;
}

.pregunta-imagen img {
    width: 100%;
    height: auto;
}

/* Bio del autor */
.autor-bio {
    margin: 30px 0;
    padding: 20px;
    border-radius: 8px;
    background: rgba(255, 87, 34, 0.1);
}

.autor-header {
    display: flex;
    gap: 20px;
}

.autor-avatar img {
    border-radius: 50%;
}

/* Sidebar */
.sidebar-beta {
    border-radius: 8px;
    padding: 20px;
}

.nueva-pregunta-widget,
.preguntas-populares-widget {
    margin-bottom: 30px;
}

.boton-nueva-pregunta {
    display: block;
    background: #ff5722;
    color: white;
    text-align: center;
    padding: 12px;
    border-radius: 4px;
    text-decoration: none;
    margin-top: 10px;
}

.pregunta-popular {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 87, 34, 0.2);
}

.pregunta-popular a {
    color: inherit;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
}

.comentarios-count {
    font-size: 12px;
    color: #666;
}

/* Botones sociales */
.social-share {
    display: flex;
    gap: 10px;
    margin: 20px 0;
}

.share-button {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
}

.reddit { background: #ff4500; }
.twitter { background: #1da1f2; }
.whatsapp { background: #25d366; }

/* Responsive */
@media (max-width: 768px) {
    .contenedor-beta {
        grid-template-columns: 1fr;
    }
    
    .pregunta-titulo {
        font-size: 24px;
    }
}
/* Widgets del Sidebar */
.widget-beta {
    background: var(--c-contrast-0, #fff);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

html.s-dark .widget-beta {
    background: #1a1a1a;
}

.widget-titulo {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    color: var(--c-contrast-900);
}

/* Botón Nueva Pregunta */
.boton-nueva-pregunta {
    display: block;
    background: #ff5722;
    color: white;
    text-align: center;
    padding: 12px 20px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s;
}

.boton-nueva-pregunta:hover {
    background: #f4511e;
}

/* Widget del Autor */
.autor-widget {
    background: var(--c-contrast-50, #f8f8f8);
}

html.s-dark .autor-widget {
    background: #242424;
}

.autor-info {
    display: flex;
    align-items: center;
    gap: 15px;
}

.autor-imagen img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 3px solid #ff5722;
}

.autor-detalles h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px 0;
    color: var(--c-contrast-900);
}

.autor-fecha {
    font-size: 13px;
    color: var(--c-contrast-500);
}

/* Lista de Preguntas Populares */
.preguntas-populares {
    list-style: none;
    margin: 0;
    padding: 0;
}

.preguntas-populares li {
    padding: 10px 0;
    border-bottom: 1px solid var(--c-contrast-100);
}

.preguntas-populares li:last-child {
    border-bottom: none;
}

.preguntas-populares a {
    display: block;
    color: var(--c-contrast-900);
    text-decoration: none;
    margin-bottom: 5px;
    font-weight: 500;
}

.preguntas-populares .comentarios-count {
    font-size: 12px;
    color: var(--c-contrast-500);
}

/* Responsive */
@media (max-width: 768px) {
    .contenedor-beta {
        grid-template-columns: 1fr;
    }
    
    .widget-beta {
        margin-bottom: 15px;
    }
}
/* Estilos mínimos adicionales para Comunidad Beta */
.comunidad-author .autor-info {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
}

.comunidad-author .author-avatar img {
    border-radius: 50%;
}

.comunidad-author .author-data h5 {
    margin: 0 0 5px 0;
}

.comunidad-author .author-reg {
    font-size: 13px;
    color: var(--c-contrast-500);
}

/* Ajuste para el botón de nueva pregunta */
.sidebar .button {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

/* Estilos esenciales del tema padre para Comunidad Beta */

/* Variables básicas del tema */
:root {
    --post-content-size: 1.186rem;
    --post-content-lh: 1.7;
    --c-contrast-0: #fff;
    --c-contrast-200: #ccc;
    --c-separator2: rgba(var(--c-rgba), 0.13);
    --c-rgba: 0, 0, 0;
}

.s-dark {
    --c-contrast-0: #000;
    --c-contrast-200: #444;
}

/* Estilos para el contenedor principal */
.main {
    margin: 42px auto;
}

/* Estilos para títulos de posts */
.post-title {
    color: var(--c-headings);
    font-family: var(--title-font);
    line-height: 1.36;
}

.is-title {
    margin: 16px 0;
    margin-top: 15px;
    max-width: 1050px;
    font-size: 43px;
    line-height: 1.2;
}

/* Estilos para la meta información */
.post-meta-items {
    font-family: var(--ui-font);
    font-size: 12px;
    color: color: #fff;
    line-height: 1.5;
}

.post-meta-items a {
    color: inherit;
}

/* Estilos para widgets en el sidebar */
.widget-title.block-head {
    --space-below: 30px;
    display: flex;
    flex-wrap: nowrap;
    font-family: var(--ui-font);
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-below);
}

.block-head-e {
    --c-line: var(--c-separator2);
    --line-weight: 1px;
    --inner-pad: 20px;
}

/* Estilos para los botones sociales */
.post-share {
    margin: 25px 0;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
}

.post-share .share-button {
    padding: 8px 16px;
    border-radius: 2px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}

/* Estilos específicos para comentarios */
.comments-list {
    margin-bottom: 42px;
}

.comments-list .comment {
    margin-top: 28px;
}

/* Estilos para el botón de añadir comentario */
.add-comment-btn {
    background-color: transparent;
    border: 2px solid var(--c-main);
    color: var(--c-main);
    padding: 10px 20px;
    cursor: pointer;
    font-weight: 500;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.add-comment-btn:hover {
    background-color: var(--c-main);
    color: #fff;
}
/* Estilos para cajita para newsletter */
.cLfxsV {
    position: relative;
    z-index: 1600;
    height: 220px !important;
    margin: 15px 0;
    border-radius: 5px;
    background-color: #fafafa;
}

/* Estilos generales para las tablas */
.entry-content table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 2em 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Encabezados de tabla */
.entry-content table thead th {
    background-color: var(--wp--preset--color--primary, #2271b1);
    color: #ffffff;
    font-weight: 600;
    text-align: left;
    padding: 14px 16px;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border: none;
}

/* Celdas de tabla */
.entry-content table td {
    padding: 12px 16px;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
    vertical-align: middle;
}

/* Fila de tabla */
.entry-content table tbody tr {
    transition: background-color 0.2s ease;
}

/* Efecto hover en filas */
.entry-content table tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

/* Última fila sin borde inferior */
.entry-content table tbody tr:last-child td {
    border-bottom: none;
}

/* Columna con nombre del desinstalador (primera columna) */
.entry-content table td:first-child {
    font-weight: 600;
}

/* Columna de precio */
.entry-content table td:nth-child(3) {
    color: var(--wp--preset--color--secondary, #d63638);
    font-weight: 600;
}

/* Columna de características */
.entry-content table td:last-child {
    line-height: 1.5;
}

/* Para tablas con filas alternas */
.entry-content table tbody tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.02);
}

/* Estilos específicos para modo oscuro */
@media (prefers-color-scheme: dark) {
    .entry-content table {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    }
    
    .entry-content table thead th {
        background-color: #1a1a1a;
        color: #ffffff;
    }
    
    .entry-content table td {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .entry-content table tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.05);
    }
    
    .entry-content table tbody tr:nth-child(even) {
        background-color: rgba(255, 255, 255, 0.03);
    }
}

/* Para sitios que usan clases específicas para modo oscuro */
.dark-mode .entry-content table,
.night-mode .entry-content table,
.theme-dark .entry-content table,
[data-theme="dark"] .entry-content table {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.dark-mode .entry-content table thead th,
.night-mode .entry-content table thead th,
.theme-dark .entry-content table thead th,
[data-theme="dark"] .entry-content table thead th {
    background-color: #1a1a1a;
    color: #ffffff;
}

.dark-mode .entry-content table td,
.night-mode .entry-content table td,
.theme-dark .entry-content table td,
[data-theme="dark"] .entry-content table td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .entry-content table tbody tr:hover,
.night-mode .entry-content table tbody tr:hover,
.theme-dark .entry-content table tbody tr:hover,
[data-theme="dark"] .entry-content table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.dark-mode .entry-content table tbody tr:nth-child(even),
.night-mode .entry-content table tbody tr:nth-child(even),
.theme-dark .entry-content table tbody tr:nth-child(even),
[data-theme="dark"] .entry-content table tbody tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.03);
}

/* Estilo responsivo para móviles */
@media (max-width: 768px) {
    .entry-content table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    
    .entry-content table thead th,
    .entry-content table td {
        padding: 10px 12px;
    }
}

/* Estilo alternativo para sitios que usan diferentes contenedores */
.content-area table,
.site-main table,
.wp-block-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 2em 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Si tu tema utiliza variables CSS, puedes utilizar esto para compatibilidad */
:root {
    --table-header-bg: var(--wp--preset--color--primary, #2271b1);
    --table-header-color: #ffffff;
    --table-border-color: rgba(0, 0, 0, 0.1);
    --table-hover-bg: rgba(0, 0, 0, 0.03);
    --table-striped-bg: rgba(0, 0, 0, 0.02);
    --table-price-color: var(--wp--preset--color--secondary, #d63638);
}

[data-theme="dark"] {
    --table-header-bg: #1a1a1a;
    --table-header-color: #ffffff;
    --table-border-color: rgba(255, 255, 255, 0.1);
    --table-hover-bg: rgba(255, 255, 255, 0.05);
    --table-striped-bg: rgba(255, 255, 255, 0.03);
}

/* ======= ESTILOS MODERNOS PARA SITIO TECH ======= */

/* Variables globales simplificadas */
:root {
  --primary-color: #FF5722;
  --secondary-color: #FF9800;
  --dark-gray: #333333;
  --light-gray: #f8f9fa;
  --border-radius: 8px;
}

/* Encabezados con subrayado */
.entry-content h2,
.entry-content h3 {
  position: relative;
  padding-bottom: 8px;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  font-weight: 700;
}

.entry-content h2::after,
.entry-content h3::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 3px;
  background: linear-gradient(to right, #FF5722, #FF9800);
}

/* Ajustes para modo oscuro */
[data-theme="dark"], 
.dark-mode, 
.night-mode {
  --primary: #FF7043;
  --secondary: #FFAB91;
  --gray-light: #2a2a2a;
}

/* Estilos para tabla */
.entry-content table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 1.5rem 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Encabezados de tabla */
.entry-content table thead th {
  background-color: #FF5722;
  color: white;
  font-weight: 600;
  padding: 12px 15px;
  text-align: left;
  border: none;
}

/* Celdas de tabla */
.entry-content table td {
  padding: 10px 15px;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* Hover en filas */
.entry-content table tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.02);
}

/* Última fila sin borde */
.entry-content table tbody tr:last-child td {
  border-bottom: none;
}

/* Estilo para la columna de precios */
.entry-content table td:nth-child(3) {
  font-weight: 600;
  color: #FF5722;
}

/* Modo oscuro para tablas */
@media (prefers-color-scheme: dark) {
  .entry-content table {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  }
  
  .entry-content table td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }
}

/* Estilos base para las listas */
.wp-block-list {
  padding-left: 1.5em;
  margin-bottom: 1.5em;
}

.wp-block-list li {
  position: relative;
  padding-left: 0.5em;
  margin-bottom: 0.8em;
  line-height: 1.5;
}

/* Estilo para los bullets personalizados */
.wp-block-list li::before {
  content: "";
  position: absolute;
  left: -1.2em;
  top: 0.5em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

/* Estilos específicos para modo claro */
html.s-light .wp-block-list li,
html.site-s-light .wp-block-list li {
  color: #333 !important; /* Color oscuro para modo claro */
}

html.s-light .wp-block-list li::before,
html.site-s-light .wp-block-list li::before {
  background-color: #ff5722; /* Color naranja para los bullets en modo claro */
}

/* Estilos específicos para modo oscuro */
html.s-dark .wp-block-list li,
html.site-s-dark .wp-block-list li {
  color: #e0e0e0 !important; /* Color más claro y contrastante para modo oscuro */
}

html.s-dark .wp-block-list li::before,
html.site-s-dark .wp-block-list li::before {
  background-color: #ff7e47; /* Color naranja más brillante para modo oscuro */
}

/* Estilos para enlaces dentro de listas */
.wp-block-list li a {
  color: #0073aa; /* Color para enlaces en modo claro */
  text-decoration: underline;
}

html.s-dark .wp-block-list li a,
html.site-s-dark .wp-block-list li a {
  color: #00b9ff; /* Color para enlaces en modo oscuro - más brillante */
}

/* Asegurarnos que los párrafos dentro de listas hereden el color correcto */
.wp-block-list li p {
  color: inherit;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

/* Estilos para texto en negrita dentro de las listas */
.wp-block-list li strong {
  font-weight: 600;
  color: inherit;
}