/*
Theme Name: El Velero Digital
Description: Tema hijo de Astra — web clásica bien hecha: blanco, Georgia, enlaces azules subrayados. La lectura manda.
Author: Evercreate
Template: astra
Version: 2.0
*/

/* ============================================================
   TOKENS — web clásica: blanco puro, tinta oscura, azul de enlace
============================================================ */
:root{
  --bg:#ffffff;
  --ink:#1c1c1c;            /* cuerpo, 16.7:1 sobre blanco */
  --ink-soft:#454545;       /* metadatos, 9.5:1 */
  --navy:#16386b;           /* titulares, eco del azul marino original */
  --link:#0645ad;           /* azul clásico, 7.6:1 */
  --link-visited:#551a8b;   /* morado visitado de toda la vida */
  --rule:#c9c9c9;
  --rule-soft:#e4e4e4;
  --tint:#f4f4f4;           /* gris neutro para cabeceras de tabla */
  --f-serif:Georgia,'Times New Roman',Times,serif;
  --f-sans:Verdana,Geneva,'DejaVu Sans',sans-serif;
}

/* ============================================================
   BASE
============================================================ */
body{background:var(--bg)!important;color:var(--ink);font-family:var(--f-serif)}
.ast-container{max-width:1000px}
/* Astra "caja separada": todo sobre blanco, sin caja */
.ast-separate-container,.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,.ast-separate-container .comments-area{
  background:var(--bg)!important;border:0;box-shadow:none;
}
.ev-ficha .port:empty{display:none}
h1,h2,h3,h4,.entry-title{font-family:var(--f-serif);color:var(--navy);font-weight:700;letter-spacing:0;text-wrap:balance}
a{color:var(--link)}
a:visited{color:var(--link-visited)}
a:hover{color:var(--navy)}
::selection{background:#bcd3f5}

/* ============================================================
   CABECERA — blanco, un filo gris, marca con velero
============================================================ */
.site-header,.ast-primary-header-bar,#masthead{
  background:var(--bg)!important;
  border-bottom:1px solid var(--rule);
  box-shadow:none;
}
.main-header-bar{padding:4px 0}
.site-title,.site-title a{
  font-family:var(--f-serif)!important;
  font-weight:700!important;
  color:var(--navy)!important;
  font-size:25px!important;
  letter-spacing:0;
  display:flex;align-items:center;gap:10px;
  text-decoration:none!important;
}
.site-title a:visited{color:var(--navy)!important}
.site-title a::before{
  content:"";width:30px;height:30px;flex:0 0 30px;
  background:no-repeat center/contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><path d='M33 6 L33 40 L14 40 Z' fill='%230645ad'/><path d='M36 14 L52 40 L36 40 Z' fill='%2316386b'/><path d='M8 44 h48 l-7 10 a6 6 0 0 1 -5 3 H20 a6 6 0 0 1 -5 -3 Z' fill='%2316386b'/><line x1='33' y1='4' x2='33' y2='40' stroke='%2316386b' stroke-width='2'/></svg>");
}
/* Navegación: sans pequeña, azul, subrayado al pasar */
.main-header-menu .menu-link,.ast-builder-menu .menu-link{
  font-family:var(--f-sans)!important;
  font-weight:400;color:var(--link)!important;
  font-size:13px;letter-spacing:0;
  text-decoration:none;
}
.main-header-menu .menu-item:hover>.menu-link{color:var(--navy)!important;text-decoration:underline}
.current-menu-item>.menu-link,.current-menu-ancestor>.menu-link{color:var(--ink)!important;font-weight:700}
.main-header-menu .menu-item>.menu-link::after{content:none}
.main-header-menu .sub-menu,.ast-builder-menu .sub-menu{
  background:var(--bg)!important;border:1px solid var(--rule)!important;
  box-shadow:0 1px 3px rgba(0,0,0,.12)!important;border-radius:0;padding:2px 0;
}
.main-header-menu .sub-menu .menu-link{font-weight:400;padding:7px 16px!important}
.main-header-menu .sub-menu .menu-item:hover>.menu-link{background:var(--tint);color:var(--navy)!important;text-decoration:underline}

/* ============================================================
   TÍTULO DE PÁGINA
============================================================ */
.ast-single-post .entry-title,.page .entry-title,.entry-header .entry-title{
  font-size:1.9rem;line-height:1.2;margin-bottom:.25em;
}
.entry-header{border-bottom:1px solid var(--rule-soft);padding-bottom:.5em;margin-bottom:1.3em}
.ast-archive-description{border-bottom:1px solid var(--rule-soft)}

/* ============================================================
   CONTENIDO / LECTURA
============================================================ */
.entry-content{font-family:var(--f-serif);font-size:17px;line-height:1.65;color:var(--ink)}
/* medida de línea contenida para la prosa; tablas y catálogo a lo ancho */
.entry-content>p,.entry-content>ul,.entry-content>ol,.entry-content>h2,
.entry-content>h3,.entry-content>h4,.entry-content>blockquote{max-width:44rem}
.entry-content p{text-wrap:pretty}
.entry-content h2,.entry-content h3,.entry-content h4{margin-top:1.5em}
.entry-content a{text-decoration:underline}
.entry-content a:visited{color:var(--link-visited)}
.entry-content table{border-collapse:collapse;margin:16px 0;font-size:.95em;width:auto;max-width:100%}
.entry-content td,.entry-content th{border:1px solid var(--rule);padding:6px 10px}
.entry-content th,.entry-content tr:first-child th{background:var(--tint);font-weight:700}
.entry-content blockquote{margin:1em 0 1em 1.6em;padding:0;border:0;background:none;font-style:italic;color:var(--ink-soft)}
.entry-content hr{border:0;border-top:1px solid var(--rule);margin:2em 0}

/* Contenido migrado ancho (tablas, líneas de análisis con espacios duros):
   scroll dentro del artículo, nunca en el body */
.entry-content img{max-width:100%;height:auto}
@media(max-width:760px){
  body{overflow-x:hidden}
  /* las líneas de análisis con espacios duros se desplazan solas; el resto fluye */
  .entry-content p,.entry-content div{max-width:100%;overflow-x:auto}
  .entry-content table{display:block;overflow-x:auto;max-width:100%}
}

/* ============================================================
   PORTADA — el estilo de componentes vive en el mu-plugin
============================================================ */
.home .entry-header,.home .entry-title,.page-template-front-page .entry-title{display:none!important}
.home .ast-container{padding-top:18px}

/* Ficha de libro: ocultar título/meta/navegación de Astra (la ficha ya los muestra) */
.single-libro .entry-header,.single-libro .entry-meta,.single-libro .ast-single-post-order,
.single-libro nav.post-navigation,.single-libro .ast-navigation-single,
.single-libro .read-more,.single-libro .ast-single-related-posts-container{display:none!important}
.single-libro .ast-article-single{border:0;padding-top:0}

/* ============================================================
   PIE — sobrio, clásico
============================================================ */
.site-footer,footer.site-footer{display:none!important}
.ev-footer{background:var(--bg);color:var(--ink-soft);font-family:var(--f-sans);margin-top:56px;
  border-top:1px solid var(--rule)}
.ev-footer .inner{max-width:1000px;margin:0 auto;padding:22px 24px 26px;text-align:center;font-size:12px;line-height:2}
.ev-footer .marca{font-family:var(--f-serif);font-size:16px;color:var(--navy);font-weight:700;margin-bottom:6px}
.ev-footer nav a{color:var(--link);text-decoration:underline;margin:0 9px}
.ev-footer nav a:visited{color:var(--link-visited)}
.ev-footer .legal{margin-top:8px;color:var(--ink-soft)}
.ev-footer .legal a{color:var(--link)}

@media(max-width:600px){.site-title a{font-size:21px!important}}
