/*
Theme Name: Altucher Confidencial
Theme URI: https://altucherconfidencial.com
Author: Inversor Global
Author URI: https://inversorglobal.com
Description: Child theme de Twenty Twenty-Five para Altucher Confidencial — Análisis financiero sin filtro.
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: altucher-confidencial
Tags: financial, editorial, newsletter, two-columns, right-sidebar
*/

/* Reset básico */
*, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}

/* Variables de color */
:root {
--negro: #1a1a1a;
--gris-oscuro: #2d6060;
--gris-medio: #5a8a8a;
--gris-claro: #f4f7f7;
--borde: #c8dada;
--acento: #1e5f5f;
--blanco: #ffffff;
}

body {
font-family: Georgia, "Times New Roman", serif;
color: var(--negro);
background: var(--blanco);
font-size: 18px;
line-height: 1.6;
margin: 0;
padding: 0;
}

a {
color: inherit;
text-decoration: none;
}

/* HEADER - Selectores específicos para sobrescribir tema padre */
header.altucher-header {
background: var(--acento) !important;
border-bottom: none !important;
padding: 24px 0 0 !important;
}

.altucher-header a {
color: inherit !important;
text-decoration: none !important;
}

.altucher-header .header-top {
max-width: 1100px;
margin: 0 auto;
padding: 0 24px 0 40px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}

.altucher-header .logo {
font-family: Georgia, "Times New Roman", serif;
font-size: 57px;
font-weight: bold;
letter-spacing: -0.5px;
line-height: 1.1;
color: var(--blanco) !important;
display: flex;
align-items: center;
gap: 14px;
}

.altucher-header .logo span {
display: block;
font-size: 13px;
font-family: Arial, sans-serif;
font-weight: normal;
letter-spacing: 2px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.7) !important;
margin-top: 2px;
text-align: right;
}

.altucher-header .firma {
font-family: "Caveat", cursive;
font-size: 17px;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}

.altucher-header nav {
max-width: 1100px;
margin: 20px auto 0;
padding: 0 24px 0 40px;
display: flex;
gap: 28px;
}

.altucher-header nav a {
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold;
letter-spacing: 1.5px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.8) !important;
padding-bottom: 12px;
border-bottom: 3px solid transparent;
}

.altucher-header nav a:hover,
.altucher-header nav a.activo {
color: var(--blanco) !important;
border-bottom-color: var(--blanco) !important;
}

.altucher-header .logo-icono {
flex-shrink: 0;
width: 150px;
height: 150px;
object-fit: cover;
border-radius: 50%;
filter: none;
}

/* LAYOUT DOS COLUMNAS */
.contenido-wrapper {
max-width: 1100px;
margin: 0 auto;
padding: 40px 24px;
display: grid;
grid-template-columns: 1fr 300px;
gap: 48px;
align-items: start;
}

main {
min-width: 0;
}

/* TARJETA DE ARTÍCULO */
.articulo-card {
display: grid;
grid-template-columns: 1fr 220px;
gap: 28px;
padding: 36px 0;
border-bottom: 1px solid var(--borde);
align-items: start;
}

.articulo-card:first-child {
padding-top: 0;
}

.articulo-meta {
font-family: Arial, sans-serif;
font-size: 12px;
color: var(--gris-medio);
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 10px;
}

.articulo-meta .autor {
color: var(--acento);
font-weight: bold;
}

.articulo-card h2 {
font-size: 24px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 12px;
letter-spacing: -0.3px;
}

.articulo-card h2 a:hover {
text-decoration: underline;
}

.articulo-card .bajada {
font-size: 16px;
color: var(--gris-oscuro);
line-height: 1.6;
margin-bottom: 16px;
}

.leer-mas {
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--acento);
}

.leer-mas:hover {
text-decoration: underline;
}

.articulo-imagen {
width: 100%;
aspect-ratio: 4/3;
object-fit: cover;
background: var(--gris-claro);
display: block;
}

.imagen-placeholder {
width: 100%;
aspect-ratio: 4/3;
background: var(--gris-claro);
display: flex;
align-items: center;
justify-content: center;
color: var(--gris-medio);
font-family: Arial, sans-serif;
font-size: 12px;
}

/* SIDEBAR Y NEWSLETTER */
.sidebar {
position: sticky;
top: 24px;
}

.newsletter-box {
border: 2px solid var(--acento);
padding: 16px 24px 24px;
text-align: center;
}

.newsletter-icono {
font-size: 48px;
margin: -6px 0 2px;
line-height: 1;
}

.newsletter-box h3 {
font-size: 20px;
line-height: 1.2;
margin-bottom: 12px;
}

.newsletter-box p {
font-family: Arial, sans-serif;
font-size: 14px;
color: var(--gris-oscuro);
line-height: 1.6;
margin-bottom: 20px;
}

.newsletter-boton {
display: block;
background: var(--acento);
color: var(--blanco);
border: none;
padding: 12px;
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
cursor: pointer;
width: 100%;
text-align: center;
text-decoration: none;
}

.newsletter-boton:hover {
background: #a93226;
text-decoration: none;
}

.newsletter-wa {
margin-top: 16px;
}

.newsletter-wa a {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
font-family: Arial, sans-serif;
font-size: 13px;
color: #25a244;
font-weight: bold;
line-height: 1.4;
}

.newsletter-wa a:hover {
text-decoration: underline;
}

.newsletter-divider {
border: none;
border-top: 1px solid var(--borde);
margin: 16px 0 8px;
}

.newsletter-legal {
font-size: 11px !important;
color: var(--gris-medio) !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}

/* GRILLA DE REPORTES */
.reportes-grilla {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
margin-top: 40px;
}

.reporte-card {
display: flex;
flex-direction: column;
}

.reporte-card img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
margin-bottom: 16px;
}

.reporte-info h3 {
font-size: 17px;
line-height: 1.3;
margin-bottom: 10px;
color: var(--negro);
}

.reporte-info p {
font-family: Arial, sans-serif;
font-size: 14px;
color: var(--gris-medio);
line-height: 1.6;
margin-bottom: 12px;
}

/* PÁGINAS INTERIORES */
.pagina-interior {
max-width: 720px;
margin: 0 auto;
padding: 48px 24px 80px;
}

.pagina-interior h1 {
font-size: 42px;
line-height: 1.1;
letter-spacing: -0.5px;
margin-bottom: 24px;
color: var(--acento);
}

.pagina-interior h2 {
font-size: 24px;
margin: 0 0 16px;
color: var(--negro);
}

.pagina-interior p {
font-size: 17px;
color: var(--gris-oscuro);
line-height: 1.75;
margin-bottom: 18px;
}

.pagina-interior p.intro {
font-size: 19px;
color: var(--negro);
line-height: 1.7;
}

.pagina-interior a {
color: var(--acento);
text-decoration: underline;
}

.separador {
border: none;
border-top: 1px solid var(--borde);
margin: 36px 0;
}

/* PÁGINA DE ARTÍCULO */
.articulo-pagina {
max-width: 680px;
margin: 0 auto;
padding: 40px 24px 80px;
}

.articulo-pagina .breadcrumb {
font-family: Arial, sans-serif;
font-size: 12px;
color: var(--gris-medio);
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 28px;
}

.articulo-pagina .breadcrumb a:hover {
text-decoration: underline;
}

.articulo-pagina h1 {
font-size: 36px;
line-height: 1.15;
letter-spacing: -0.5px;
margin-bottom: 16px;
}

.articulo-pagina .meta {
font-family: Arial, sans-serif;
font-size: 13px;
color: var(--gris-medio);
margin-bottom: 28px;
padding-bottom: 24px;
border-bottom: 1px solid var(--borde);
}

.articulo-pagina .meta .autor {
color: var(--acento);
font-weight: bold;
}

.articulo-pagina .imagen-principal {
width: 100%;
height: 340px;
object-fit: contain;
background: var(--gris-claro);
display: block;
margin-bottom: 32px;
}

.articulo-pagina .cuerpo p {
margin-bottom: 22px;
color: var(--gris-oscuro);
}

.articulo-pagina .cuerpo p:first-child {
font-size: 20px;
color: var(--negro);
}

.articulo-pagina .cuerpo h3 {
font-size: 22px;
margin: 32px 0 12px;
color: var(--negro);
}

.articulo-pagina .cuerpo blockquote {
border-left: 3px solid var(--acento);
padding-left: 20px;
margin: 28px 0;
font-style: italic;
color: var(--gris-oscuro);
}

/* CTA BOX */
.cta-box {
background: var(--negro);
color: var(--blanco);
padding: 32px 28px;
margin-top: 48px;
text-align: center;
}

.cta-box h3 {
font-size: 22px;
margin-bottom: 10px;
}

.cta-box p {
font-family: Arial, sans-serif;
font-size: 14px;
color: #cccccc;
margin-bottom: 20px;
}

.cta-box a {
background: var(--acento);
color: var(--blanco);
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
padding: 12px 24px;
display: inline-block;
}

.cta-box a:hover {
background: #a93226;
}

/* FOOTER - Selectores específicos para sobrescribir tema padre */
.site-footer {
background: var(--acento) !important;
padding: 32px 24px !important;
text-align: center;
color: var(--blanco) !important;
}

.site-footer .footer-logo {
font-size: 20px;
font-weight: bold;
margin-bottom: 12px;
color: var(--blanco) !important;
}

.site-footer nav {
justify-content: center;
margin: 0 0 16px;
max-width: none;
padding: 0;
display: flex;
gap: 28px;
}

.site-footer nav a {
border: none;
padding: 0;
font-size: 12px;
color: rgba(255,255,255,0.75) !important;
}

.site-footer nav a:hover {
color: var(--blanco) !important;
}

.site-footer p {
font-family: Arial, sans-serif;
font-size: 12px;
color: rgba(255,255,255,0.6) !important;
max-width: 560px;
margin: 0 auto;
line-height: 1.7;
}

/* RESPONSIVE */
@media (max-width: 760px) {
.contenido-wrapper {
grid-template-columns: 1fr;
padding: 24px 16px;
}

.sidebar {
position: static;
}

.reportes-grilla {
grid-template-columns: 1fr;
}
}

@media (max-width: 620px) {
.articulo-card {
grid-template-columns: 1fr;
}

.articulo-card .imagen-placeholder,
.articulo-card .articulo-imagen {
order: -1;
aspect-ratio: 16/9;
}

.altucher-header .logo-icono {
width: 30px;
height: 30px;
}

.altucher-header .logo {
font-size: 32px;
}

.articulo-pagina h1 {
font-size: 28px;
}
}