/*
Theme Name: Iván Diego Hevia
Theme URI: https://ivandediego.com
Description: Tema hijo de Twenty Twenty-Five para la web de acompañamiento emocional de Iván Diego Hevia. Paleta, tipografías y plantillas a medida; el contenido se edita con el editor de bloques.
Author: Iván Diego Hevia
Template: twentytwentyfive
Version: 1.0.0
Text Domain: ivandediego
*/

/* Texto de lectura más cómodo que el del tema padre */
.wp-block-post-content p { max-width: 38rem; }
.wp-block-post-content > .alignwide,
.wp-block-post-content > .alignfull { max-width: none; }

/* Enlaces del cuerpo: subrayado fino, no color chillón */
.wp-block-post-content a:where(:not(.wp-element-button)) {
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}

/* La ficha de contacto del pie y las cajas de aviso */
.idh-aviso {
  border-left: 3px solid var(--wp--preset--color--acento);
  padding: 1rem 1.25rem;
  background: var(--wp--preset--color--arena);
}

/* Los enlaces dentro de titulares no se subrayan: el titular ya señala */
:where(h1,h2,h3,h4) a:where(:not(.wp-element-button)) { text-decoration: none; }
:where(h1,h2,h3,h4) a:where(:not(.wp-element-button)):hover { text-decoration: underline; }

/* Tira "lo que me traen": 4 columnas que no se aplastan en móvil */
.idh-tira .wp-block-column { min-width: 12rem; }
.idh-tira h3 { margin-bottom: .2rem; }
.idh-tira h3 a { color: var(--wp--preset--color--acento); }

/* Servicios sobre fondo oscuro: el enlace tiene que verse */
.idh-servicios a { color: var(--wp--preset--color--dorado); }

/* Marcas de la sección "sobre mí": lista sin bolitas, con guion dorado */
.idh-marcas { list-style: none; display: flex; flex-direction: column; gap: .5rem; }
.idh-marcas li { position: relative; padding-left: 1.1rem; }
.idh-marcas li::before {
  content: "—"; position: absolute; left: 0;
  color: var(--wp--preset--color--acento);
}

/* Cita del retrato */
.idh-cita { border-left: 2px solid var(--wp--preset--color--dorado); padding-left: 1rem; }
.idh-cita cite { font-family: var(--wp--preset--font-family--manrope); font-size: .85rem; font-style: normal; }

/* Las dos fotos de Iván: proporción reservada para que no salte el diseño */
.idh-foto-hero img, .idh-foto-retrato img { width: 100%; height: auto; display: block; }

/* Los enlaces dentro de titulares: sin subrayado (el theme.json los subraya con
   :where(), que pierde por especificidad frente a esta regla) */
h1 a:not(.wp-element-button), h2 a:not(.wp-element-button),
h3 a:not(.wp-element-button), h4 a:not(.wp-element-button) { text-decoration: none; }
h1 a:not(.wp-element-button):hover, h2 a:not(.wp-element-button):hover,
h3 a:not(.wp-element-button):hover, h4 a:not(.wp-element-button):hover { text-decoration: underline; }

/* Columnas que no parten las palabras.
   ⚠️ WordPress pone flex-wrap:nowrap !important a partir de 782px: sin el !important
   de aquí, un min-width empuja la ultima columna FUERA de la pantalla (pasó el 17-sep). */
.idh-servicios, .idh-tira { flex-wrap: wrap !important; }
.idh-servicios > .wp-block-column { min-width: 12rem; padding-left: 0 !important; padding-right: 0 !important; }
.idh-tira > .wp-block-column { min-width: 12rem; }
.idh-servicios h3, .idh-tira h3 { hyphens: none; overflow-wrap: normal; }

/* La cita del retrato no debe quedar en una columna de una palabra por linea */
.idh-cita p { font-size: 1.05rem; line-height: 1.5; }