/*
Theme Name: Beatriz Tarazona
Theme URI: https://beatriztarazona.com
Description: Tema hijo de GeneratePress con la identidad visual de la Dra. Beatriz Tarazona (porcelana, azul petróleo, champán; tipografías Fraunces y Newsreader).
Author: TISSIA
Template: generatepress
Version: 1.0
Text Domain: beatriztarazona-child
*/

/* ===== Tokens de identidad ===== */
:root{
  --porcelana:#F7F6F1;
  --papel:#FFFFFF;
  --tinta:#1E2226;
  --tinta-suave:#4A5158;
  --petrol:#14333C;
  --petrol-claro:#1E4A56;
  --champan:#B2925C;
  --linea:#E3E0D6;
}

/* ===== Base ===== */
body{
  background:var(--porcelana);
  color:var(--tinta);
  font-family:'Newsreader',Georgia,serif;
  font-size:1.1rem;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5{
  font-family:'Fraunces',Georgia,serif;
  font-weight:500;
  line-height:1.2;
  color:var(--tinta);
}
a{color:var(--petrol)}
a:hover{color:var(--petrol-claro)}
a:focus-visible{outline:2px solid var(--petrol);outline-offset:3px}

/* ===== Cabecera y navegación ===== */
.site-header{background:var(--porcelana);border-bottom:1px solid var(--linea)}
.main-title a{font-family:'Fraunces',Georgia,serif;font-weight:600;color:var(--tinta)}
.site-description{color:var(--tinta-suave);font-style:italic}
.main-navigation{background:var(--porcelana)}
.main-navigation .main-nav ul li a{
  font-family:'Archivo',sans-serif;
  font-size:.82rem;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--tinta);
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item a{color:var(--petrol);box-shadow:inset 0 -2px 0 var(--champan)}
.main-navigation .menu-toggle{color:var(--tinta)}

/* ===== Contenido ===== */
.site-content .content-area{background:transparent}
.separate-containers .inside-article,
.one-container .site-content{background:var(--papel)}
.inside-article{border:1px solid var(--linea);border-radius:2px}
.entry-title a{color:var(--tinta)}
.entry-meta{font-family:'Archivo',sans-serif;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-suave)}
.entry-content blockquote{
  font-family:'Fraunces',Georgia,serif;
  font-style:italic;
  font-size:1.3rem;
  color:var(--petrol);
  border-left:2px solid var(--champan);
  padding-left:24px;
  margin-left:0;
}
.entry-content table{border-collapse:collapse;width:100%}
.entry-content th{font-family:'Archivo',sans-serif;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--tinta);text-align:left;padding:10px 12px}
.entry-content td{border-bottom:1px solid var(--linea);padding:10px 12px}
.cat-links a{color:var(--champan);font-family:'Archivo',sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}

/* ===== Botones y formularios ===== */
button,.button,input[type="submit"],input[type="button"],.wp-block-button__link{
  background:var(--petrol);
  color:#fff;
  border:1px solid var(--petrol);
  border-radius:2px;
  font-family:'Archivo',sans-serif;
  font-size:.8rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}
button:hover,.button:hover,input[type="submit"]:hover,.wp-block-button__link:hover{background:var(--petrol-claro);color:#fff}
input[type="text"],input[type="email"],input[type="url"],textarea{border:1px solid var(--linea);border-radius:2px;background:var(--papel)}

/* ===== Pie ===== */
.site-footer,.site-info{background:var(--tinta);color:#B9BDC1}
.site-info a{color:#B9BDC1}
.site-info a:hover{color:var(--champan)}

/* ===== Utilidades para la portada (sesión de maquetación) ===== */
.bt-eyebrow{
  font-family:'Archivo',sans-serif;font-size:.72rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:var(--champan);
}
.bt-banda-petrol{background:var(--petrol);color:#EDEAE0}
.bt-banda-petrol h2,.bt-banda-petrol h3{color:#fff}