/*
Theme Name: CriptoFinanzas Pro
Theme URI: https://criptofinanzaspro.com
Author: Axel
Author URI: https://criptofinanzaspro.com
Description: Block theme (FSE) minimo y orientado a rendimiento (Core Web Vitals) para blog editorial de criptomonedas + landing de captacion. Fuentes de sistema, cero webfonts. Slots de AdSense con alto reservado para evitar CLS; anuncios solo en posts, nunca en la landing.
Version: 0.1.0
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: criptofinanzaspro
Tags: blog, news, one-column, editor-style, block-patterns, full-site-editing, translation-ready
*/

/*
  Regla general: casi todo el estilo vive en theme.json.
  Aca solo va lo que theme.json no expresa bien:
  slots de anuncios (reserva de espacio para CWV), eyebrow editorial y disclaimer.
*/

/* --- Slot de anuncios: alto reservado = cero CLS ---
   El contenedor reserva el espacio ANTES de que AdSense inyecte el anuncio,
   por lo que el contenido nunca se desplaza al cargar (Cumulative Layout Shift = 0). */
.cfp-ad-slot {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 280px;                 /* reserva: medium rectangle. Ajustar por formato/breakpoint. */
  margin-block: var(--wp--preset--spacing--60, 3rem);
  padding: 1rem;
  background: var(--wp--preset--color--muted, #eef0ec);
  border: 1px solid var(--wp--preset--color--border, #e1e3de);
  contain: layout;                   /* aisla el reflow del anuncio del resto de la pagina */
}
.cfp-ad-slot > ins { display: block; width: 100%; }
.cfp-ad-label {
  margin: 0;
  font-family: var(--wp--preset--font-family--mono, monospace);
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8f98;
}

/* --- Eyebrow / kicker: la categoria del post en la fuente mono, sobre el titulo.
   Es la "firma" editorial del sitio y ademas comunica seccion (estructura = informacion). */
.cfp-eyebrow,
.wp-block-post-terms.cfp-eyebrow {
  font-family: var(--wp--preset--font-family--mono, monospace);
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--wp--preset--color--accent, #1f8a6d);
}
.cfp-eyebrow a { text-decoration: none; }

/* --- Disclaimer de riesgo (nicho financiero: exigido por AdSense y buena praxis) --- */
.cfp-disclaimer {
  font-size: 0.8125rem;
  line-height: 1.6;
  color: #5b616b;
}

/* --- CWV: reservar el alto de las imagenes para no romper el layout --- */
.wp-block-post-featured-image img { height: auto; }

/* --- Accesibilidad: foco visible por teclado (piso de calidad) --- */
:where(a, button, input, .wp-block-navigation-item a):focus-visible {
  outline: 2px solid var(--wp--preset--color--accent, #1f8a6d);
  outline-offset: 2px;
}

/* --- Respetar reduced-motion --- */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}