/*
Theme Name: Orden del Día
Theme URI: https://ordendeldia.com
Author: Orden del Día
Description: Tema de blog limpio y profesional para Orden del Día: crecimiento personal y cuidado de uno mismo.
Version: 2.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ordendeldia
*/

:root {
  --odd-acento: var(--wp--preset--color--acento);
  --odd-tinta: var(--wp--preset--color--tinta);
  --odd-sec: var(--wp--preset--color--secundario);
  --odd-lineas: var(--wp--preset--color--lineas);
  --odd-serif: var(--wp--preset--font-family--serif);
  --odd-sans: var(--wp--preset--font-family--sans);
}
body { -webkit-font-smoothing: antialiased; background: #fff; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid var(--odd-acento); outline-offset: 2px; }
img { border-radius: 4px; }
.wp-site-blocks > * { margin-block-start: 0; }

/* ---------- Cabecera ---------- */
.odd-header { background: #fff; }
.odd-marca { position: relative; text-align: center; padding: 2.25rem 3.5rem 1.5rem; }
.odd-marca > * { margin: 0 !important; }
.odd-logo { font-family: var(--odd-serif); font-size: clamp(2.25rem, 5vw, 3rem); font-weight: 500; letter-spacing: -0.015em; line-height: 1; }
.odd-logo a { color: var(--odd-tinta); text-decoration: none; }
.odd-logo em { color: var(--odd-acento); }
.odd-lema { margin-top: 0.6rem !important; font-size: 0.8125rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--odd-sec); }
.odd-buscar { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.odd-buscar .wp-block-search__button { background: transparent; color: var(--odd-tinta); border: 0; padding: 0.6rem; }
.odd-nav { margin-top: 0 !important; min-height: 54px; border-top: 1px solid var(--odd-lineas); border-bottom: 1px solid var(--odd-lineas); font-family: var(--odd-sans); font-size: 0.8125rem !important; font-weight: 600 !important; letter-spacing: 0.1em; text-transform: uppercase; }
.odd-nav .wp-block-navigation__container { gap: 2.25rem; }
.odd-nav a { color: var(--odd-tinta); text-decoration: none; }
.odd-nav a:hover { color: var(--odd-acento); }
.odd-nav .wp-block-navigation__responsive-container.is-menu-open { padding: 2rem; }
.odd-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 1.25rem; font-size: 1rem; }
@media (max-width: 781px) {
  .odd-marca { padding: 1.5rem 3rem 1.1rem; }
  .odd-lema { font-size: 0.6875rem; letter-spacing: 0.1em; }
  .odd-nav { min-height: 48px; }
}

/* ---------- Publicidad ---------- */
.odd-ad { display: flex; flex-direction: column; align-items: center; margin-block: 1.5rem; }
.odd-ad:has(ins)::before { content: "Publicidad"; margin-bottom: 0.375rem; font-size: 0.625rem; letter-spacing: 0.16em; text-transform: uppercase; color: #6E6E6E; }
.odd-ad:not(:has(ins, iframe, img, script)) { margin-block: 0; }

/* ---------- Portada ---------- */
.odd-hero { margin-top: 3rem !important; margin-bottom: 4.5rem !important; gap: clamp(2rem, 5vw, 4rem); align-items: center !important; }
.odd-hero-img { margin: 0; }
.odd-hero-img img { width: 100%; height: auto; display: block; }
.odd-antetitulo { margin: 0; font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--odd-acento); }
.odd-hero-titulo { margin: 0.75rem 0 1rem; font-size: clamp(2.25rem, 4vw, 3.5rem) !important; line-height: 1.05; }
.odd-hero-texto { font-family: var(--odd-serif); font-size: 1.25rem; line-height: 1.55; color: #3D3D3D; }
.odd-hero-botones { margin-top: 1.5rem; }
body.paged .odd-hero { display: none; }
.odd-seccion { margin: 0 0 2rem !important; padding-top: 0.9rem; border-top: 2px solid var(--odd-tinta); font-family: var(--odd-sans) !important; font-size: 0.8125rem !important; font-weight: 600 !important; letter-spacing: 0.14em; text-transform: uppercase; }

/* ---------- Tarjetas ---------- */
.odd-rejilla { margin-bottom: 5rem; }
.odd-rejilla .wp-block-post-template { gap: 3rem 2.25rem; }
.odd-tarjeta .wp-block-post-featured-image { margin: 0 0 1.1rem; }
.odd-tarjeta-texto > * { margin-block: 0 0.6rem; }
.odd-etiqueta a, .taxonomy-category.odd-etiqueta a { display: inline-block; padding: 0.3rem 0.6rem; background: var(--odd-acento); color: #fff; font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; border-radius: 2px; }
.odd-etiqueta a:hover { background: var(--odd-tinta); color: #fff; }
.odd-etiqueta .wp-block-post-terms__separator { display: none; }
.odd-tarjeta .wp-block-post-title { font-size: 1.5rem; line-height: 1.2; }
.odd-tarjeta .wp-block-post-title a, .wp-block-post-title a { color: var(--odd-tinta); text-decoration: none; }
.wp-block-post-title a:hover { color: var(--odd-acento); }
.odd-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; font-size: 0.8125rem; color: var(--odd-sec); }
.odd-meta > * { margin: 0 !important; }
.odd-meta > * + *::before { content: "·"; margin-right: 0.5rem; }
.odd-tarjeta .wp-block-post-excerpt { font-size: 0.9375rem; line-height: 1.6; color: var(--odd-sec); }
.odd-tarjeta .wp-block-post-excerpt__excerpt { margin: 0; }
.odd-vacio { padding: 3rem 0; text-align: center; font-family: var(--odd-serif); font-size: 1.25rem; color: var(--odd-sec); }
.wp-block-query-pagination { margin-top: 3rem; font-weight: 600; }
@media (max-width: 1000px) { .odd-rejilla .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 640px) { .odd-rejilla .wp-block-post-template { grid-template-columns: 1fr !important; } }

/* ---------- Archivo ---------- */
.odd-cabecera-archivo { margin: 3rem 0 2.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--odd-lineas); }
.odd-titulo-archivo { margin: 0; }
.odd-descripcion { margin-top: 0.75rem; font-family: var(--odd-serif); font-size: 1.1875rem; color: #3D3D3D; }

/* ---------- Artículo ---------- */
.odd-cabecera-articulo { margin-top: 3.5rem; text-align: center; }
.odd-cabecera-articulo > * { margin-inline: auto; }
.odd-titulo { margin: 1rem 0 1.25rem; font-size: clamp(2.25rem, 4.2vw, 3.25rem) !important; line-height: 1.08; }
.odd-meta-articulo { justify-content: center; margin-bottom: 2.25rem; }
.odd-meta-articulo img { border-radius: 50%; }
.odd-meta-articulo .wp-block-post-author { align-items: center; }
.odd-contenido { margin-top: 2.5rem !important; font-family: var(--odd-serif); font-size: var(--wp--preset--font-size--medium); line-height: 1.75; }
.odd-contenido h2 { margin-top: 2.5rem; }
.odd-contenido a { text-decoration-thickness: 1px; text-underline-offset: 3px; }
.odd-autor { margin-top: 3rem; padding: 1.75rem 0; border-top: 1px solid var(--odd-lineas); border-bottom: 1px solid var(--odd-lineas); }
.odd-autor img { border-radius: 50%; }
.odd-autor .wp-block-post-author__name { font-family: var(--odd-serif); font-size: 1.25rem; }
.odd-autor .wp-block-post-author__bio { color: var(--odd-sec); }
.odd-aviso { font-size: 0.8125rem; color: var(--odd-sec); }
.odd-relacionados { margin-top: 4rem; }
.odd-relacionados .odd-rejilla { margin-bottom: 0; }
.odd-comentarios { margin-top: 3rem; margin-bottom: 5rem; padding-top: 2rem; border-top: 1px solid var(--odd-lineas); }
.odd-comentario { padding: 1.25rem 0; border-bottom: 1px solid var(--odd-lineas); }
.odd-comentarios input[type="text"], .odd-comentarios input[type="email"], .odd-comentarios input[type="url"], .odd-comentarios textarea { border: 1px solid #BDBDBD; border-radius: 2px; padding: 0.75rem; font: inherit; width: 100%; box-sizing: border-box; }
.odd-titulo-pagina { margin-top: 3.5rem; text-align: center; }
.odd-main > .wp-block-post-content:last-child { margin-bottom: 5rem; }

/* ---------- Patrones ---------- */
.odd-rotulo { margin: 0 0 0.5rem; font-family: var(--odd-sans); font-size: 0.75rem !important; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; }
.odd-resumen { border: 1px solid var(--odd-lineas); border-left: 3px solid var(--odd-acento); padding: 1.5rem 1.75rem; }
.odd-resumen .odd-rotulo { color: var(--odd-acento); }
.odd-resumen p:not(.odd-rotulo) { margin: 0; }
ol.odd-pasos { list-style: none; padding: 0; counter-reset: paso; }
ol.odd-pasos > li { counter-increment: paso; display: grid; grid-template-columns: 2.25rem 1fr; gap: 1.25rem; padding: 1.25rem 0; border-top: 1px solid var(--odd-lineas); }
ol.odd-pasos > li:last-child { border-bottom: 1px solid var(--odd-lineas); }
ol.odd-pasos > li::before { content: counter(paso); font-family: var(--odd-serif); font-size: 2.25rem; line-height: 1; color: var(--odd-acento); }

/* ---------- Pie ---------- */
.odd-pie { background: var(--odd-tinta); color: #CFCFCF; padding-top: 3.5rem; padding-bottom: 2rem; }
.odd-pie .odd-logo { font-size: 1.875rem; }
.odd-pie .odd-logo a { color: #FFFFFF; }
.odd-pie .odd-logo em { color: #9CC3B3; }
.odd-pie-texto { font-size: 0.9375rem; line-height: 1.6; color: #BDBDBD; max-width: 340px; }
.odd-pie-rotulo { margin: 0 0 0.75rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: #9A9A9A; }
.odd-pie-enlaces p { margin: 0.45rem 0; font-size: 0.9375rem; }
.odd-pie-enlaces a { color: #FFFFFF; text-decoration: none; }
.odd-pie-enlaces a:hover { text-decoration: underline; }
.odd-pie-final { margin-top: 2.5rem !important; padding-top: 1.5rem; border-top: 1px solid #2E2E2E; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.75rem 2.5rem; }
.odd-pie-final p { margin: 0; font-size: 0.8125rem; color: #9A9A9A; }