/*
Theme Name: Pilar
Theme URI: https://pilarrisueño.es/
Author: Zona Privada
Description: Tema de bloques (Full Site Editing) a medida para pilarrisueño.es. Papel crema, tinta pizarra y oro, con Cormorant Garamond y Work Sans. Pilar edita textos, fotos, colores y añade secciones desde el editor visual.
Version: 1.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: pilar
*/

/* Suavizado y selección */
body { -webkit-font-smoothing: antialiased; }
::selection { background: #c9a87c; color: #fff; }

/* Grano de película (capa decorativa) */
.pilar-grain::before {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 60;
  mix-blend-mode: multiply; opacity: .30;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='120' height='120' filter='url(%23n)' opacity='0.5'/></svg>");
}

/* Filete de oro para los "eyebrow" (kicker) */
.pilar-eyebrow { display: flex; align-items: center; gap: 14px; }
.pilar-eyebrow.is-centered { justify-content: center; }
.pilar-eyebrow::before { content: ""; width: 46px; height: 1px; background: #c9a87c; flex: none; }

/* Marco fino tras el retrato */
.pilar-frame { position: relative; }
.pilar-frame::before {
  content: ""; position: absolute; inset: -14px; border: 1px solid #cdbfa6; z-index: 0; pointer-events: none;
}
.pilar-frame > * { position: relative; z-index: 1; }

/* Texto con guías de ancho agradables */
.pilar-measure { max-width: 34ch; }

/* Enlaces del contenido con subrayado sutil */
.pilar-prose a { border-bottom: 1px solid rgba(122,139,131,.35); }
.pilar-prose a:hover { border-color: #c9a87c; }

/* Botones con estética de marca (por si se usan botones nativos) */
.wp-block-button.is-style-pilar-solid .wp-block-button__link {
  background: #2b3a42; color: #f4f1ea; border-radius: 0; letter-spacing: .16em; text-transform: uppercase;
  font-size: 12px; padding: 15px 30px; font-weight: 500;
}
.wp-block-button.is-style-pilar-outline .wp-block-button__link {
  background: transparent; color: #5a6a6a; border: 1px solid #c1b39a; border-radius: 0;
  letter-spacing: .16em; text-transform: uppercase; font-size: 12px; padding: 14px 30px;
}

/* Encabezados en versalitas para etiquetas pequeñas */
.pilar-kicker {
  font-size: 12px; letter-spacing: .32em; text-transform: uppercase; color: #a0876a;
  font-family: 'Work Sans', sans-serif;
}

/* Fondo con destellos cálidos de la marca */
body {
  background-image:
    radial-gradient(120% 70% at 50% -8%, rgba(201,168,124,.09), transparent 60%),
    radial-gradient(80% 50% at 92% 108%, rgba(122,139,131,.08), transparent 55%);
  background-attachment: fixed;
}

/* "Sobre mí": palabras destacadas en salvia */
.pilar-about em { color: #7a8b83; font-style: italic; }

/* Galería con estética de tarjeta (como la web) */
.pilar-gallery.wp-block-gallery figure.wp-block-image {
  background: #fbf9f4; padding: 10px; box-shadow: 0 18px 44px -28px rgba(43,58,66,.5); margin: 0;
}
.pilar-gallery figcaption {
  font-family: 'Cormorant Garamond', serif; font-style: italic; color: #a0876a; text-align: center;
}

/* Título del sitio en la cabecera */
.site-header .wp-block-site-title a { color: #2b3a42; }
.site-header .wp-block-site-title a:hover { color: #a0876a; }

/* Enlace Salir/Acceder de la cabecera (combina con el menú) */
.wp-block-loginout a {
  font-size: 12.5px; letter-spacing: .14em; text-transform: uppercase;
  color: #a0876a; text-decoration: none;
}
.wp-block-loginout a:hover { color: #c9a87c; }

/* Fila de pasión: el "tag" se oculta en móvil */
@media (max-width: 781px) {
  .pilar-passion .pilar-tag { display: none; }
}