/*
Theme Name: Lieura
Theme URI: https://lieura.com
Author: Lieura · Interiors by Nerea Díaz
Description: Tema de bloques a medida para Lieura, estudio de interiorismo en Málaga. Paleta, tipografías y patrones de la marca.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.8
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: lieura
*/

/* ---------- Base ---------- */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; animation: none !important; } }
:where(a, button, summary, input, textarea, select):focus-visible { outline: 2px solid var(--wp--preset--color--bronce); outline-offset: 3px; }
::selection { background: var(--wp--preset--color--gris-calido); color: var(--wp--preset--color--grafito); }
strong { font-weight: 500; }
img { height: auto; }

/* ---------- Secciones ---------- */
.lieura-seccion { padding-top: var(--wp--preset--spacing--60); padding-bottom: var(--wp--preset--spacing--60); }
.lieura-seccion > * + * { margin-block-start: 1.5rem; }
.lieura-seccion p { max-width: 64ch; }
.is-style-seccion-yeso { background: var(--wp--preset--color--yeso); }
.is-style-seccion-grafito { background: var(--wp--preset--color--grafito); color: var(--wp--preset--color--yeso); }
.is-style-seccion-grafito :where(h1, h2, h3, h4, a:not(.wp-element-button)) { color: var(--wp--preset--color--yeso); }
.is-style-seccion-grafito .lieura-eyebrow, .is-style-seccion-grafito .lieura-nota { color: var(--wp--preset--color--gris-calido); }
.is-style-seccion-grafito .wp-element-button { background: var(--wp--preset--color--yeso); color: var(--wp--preset--color--grafito); }
.is-style-seccion-grafito .wp-element-button:hover { background: var(--wp--preset--color--bronce); color: var(--wp--preset--color--hueso); }

.lieura-eyebrow { font-size: 0.8125rem; font-weight: 400; letter-spacing: 0.22em; text-transform: uppercase; color: var(--wp--preset--color--tierra); margin-bottom: 0; }
.lieura-lead { font-size: var(--wp--preset--font-size--large); line-height: 1.6; }
.lieura-destacado, .lieura-cita { font-family: var(--wp--preset--font-family--cormorant); font-style: italic; font-size: clamp(1.5rem, 2.6vw, 2rem); line-height: 1.3; }
.lieura-cita { color: var(--wp--preset--color--bronce); }
.lieura-enlace a { font-size: 0.8125rem; letter-spacing: 0.16em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 3px; }
.lieura-pendiente { border: 1px dashed var(--wp--preset--color--gris-calido); padding: 0.75rem 1rem; color: var(--wp--preset--color--tierra); font-size: var(--wp--preset--font-size--small); }

/* Cabecera de página (hero) */
.lieura-hero { padding-top: var(--wp--preset--spacing--60); padding-bottom: var(--wp--preset--spacing--60); }
.lieura-hero .wp-block-columns { gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.lieura-hero h1 { margin-top: 1rem; }
.lieura-hero .lieura-lead { max-width: 34rem; }
.lieura-foto { margin: 0; }
.lieura-foto img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.lieura-foto:not(:has(img[src])) { background: var(--wp--preset--color--gris-calido); aspect-ratio: 4 / 5; }

/* Elementos en rejilla (servicios, valores, ventajas) */
.lieura-items { gap: clamp(1.5rem, 3vw, 2.5rem); }
.lieura-item { border-top: 1px solid var(--wp--preset--color--grafito); padding-top: 1.5rem; }
.is-style-seccion-grafito .lieura-item { border-top-color: var(--wp--preset--color--gris-calido); }
.lieura-item h3 { font-size: 1.6rem; margin: 0 0 0.5rem; }
.lieura-item p { margin: 0; font-size: 1rem; }

/* Proceso numerado (es una secuencia real) */
.lieura-pasos { list-style: none; counter-reset: paso; padding: 0; display: grid; gap: 1.25rem; max-width: 52rem; }
.lieura-pasos li { counter-increment: paso; display: grid; grid-template-columns: 3.5rem 1fr; align-items: baseline; border-top: 1px solid var(--wp--preset--color--gris-calido); padding-top: 1rem; }
.lieura-pasos li::before { content: counter(paso, decimal-leading-zero); font-family: var(--wp--preset--font-family--cormorant); font-size: 1.75rem; color: var(--wp--preset--color--bronce); }
.lieura-seccion ul.wp-block-list { max-width: 52rem; padding-left: 1.1rem; }
.lieura-seccion ul.wp-block-list li { margin-bottom: 0.5rem; }

/* Preguntas frecuentes */
.lieura-faq { max-width: 52rem; }
.lieura-faq .wp-block-details { border-top: 1px solid var(--wp--preset--color--gris-calido); padding: 1.25rem 0; margin: 0; }
.lieura-faq .wp-block-details:last-child { border-bottom: 1px solid var(--wp--preset--color--gris-calido); }
.lieura-faq summary { font-family: var(--wp--preset--font-family--cormorant); font-size: 1.5rem; cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 1rem; }
.lieura-faq summary::-webkit-details-marker { display: none; }
.lieura-faq summary::after { content: "+"; font-family: var(--wp--preset--font-family--jost); font-weight: 300; color: var(--wp--preset--color--bronce); }
.lieura-faq details[open] summary::after { content: "–"; }
.lieura-faq details p { margin-top: 0.75rem; }

/* ---------- Cabecera del sitio ---------- */
.lieura-header { padding-top: 1.25rem; padding-bottom: 1.25rem; background: var(--wp--preset--color--yeso); gap: 2rem; }
.lieura-logo { display: inline-flex; align-items: center; gap: 0.75rem; text-decoration: none; color: var(--wp--preset--color--grafito); }
.lieura-logo span { font-family: var(--wp--preset--font-family--cormorant); font-weight: 500; font-size: 1.4rem; letter-spacing: 0.3em; }
.lieura-logo svg { width: 26px; height: 26px; flex: none; }
.lieura-header .wp-block-navigation a { text-decoration: none; }
.lieura-header .wp-block-navigation a:hover { color: var(--wp--preset--color--bronce); }
.lieura-idiomas { text-transform: uppercase; display: flex; gap: 0.6rem; list-style: none; margin: 0; padding: 0; font-size: 0.8125rem; letter-spacing: 0.1em; }
.lieura-idiomas a { text-decoration: none; color: var(--wp--preset--color--tierra); }
.lieura-idiomas .current-lang a { color: var(--wp--preset--color--grafito); font-weight: 500; }
.lieura-header .wp-block-button__link { padding: 0.8rem 1.4rem; }

/* ---------- Pie ---------- */
.lieura-footer { background: #262422; color: var(--wp--preset--color--gris-calido); padding-top: var(--wp--preset--spacing--60); padding-bottom: var(--wp--preset--spacing--50); font-size: 0.9375rem; }
.lieura-footer a { color: var(--wp--preset--color--yeso); text-decoration: none; }
.lieura-footer a:hover { color: var(--wp--preset--color--gris-calido); }
.lieura-footer h4 { color: var(--wp--preset--color--yeso); font-size: 0.8125rem; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 500; }
.lieura-footer .lieura-logo, .lieura-footer .lieura-logo span { color: var(--wp--preset--color--yeso); }
.lieura-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.4rem; }
.lieura-footer .lieura-legal { border-top: 1px solid #4a4642; padding-top: 1.5rem; margin-top: 3rem; font-size: 0.8125rem; }

/* ---------- Proyectos y Diario ---------- */
.lieura-grid-proyectos .wp-block-post-template { gap: clamp(1.5rem, 3vw, 2.5rem); }
.lieura-grid-proyectos .wp-block-post-featured-image img { aspect-ratio: 4 / 5; object-fit: cover; }
.lieura-grid-proyectos .wp-block-post-title { font-size: 1.6rem; margin: 1rem 0 0.25rem; }
.lieura-grid-proyectos .wp-block-post-title a, .lieura-grid-diario .wp-block-post-title a { text-decoration: none; }
.lieura-grid-proyectos .wp-block-post-terms, .lieura-meta { font-size: 0.8125rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--tierra); }
.lieura-grid-proyectos .wp-block-post-terms a, .lieura-meta a { color: inherit; text-decoration: none; }
.lieura-filtros a { margin-right: 1.5rem; text-decoration: none; font-size: 0.8125rem; letter-spacing: 0.14em; text-transform: uppercase; }
.lieura-grid-diario .wp-block-post-featured-image img { aspect-ratio: 3 / 2; object-fit: cover; }
.lieura-grid-diario .wp-block-post-title { font-size: 1.5rem; margin: 1rem 0 0.5rem; }
.lieura-articulo .wp-block-post-content { font-size: 1.125rem; }
.lieura-articulo .wp-block-post-content h2 { font-size: 2.1rem; margin-top: 3rem; }
.lieura-articulo .wp-block-post-content > p:first-child { font-size: var(--wp--preset--font-size--large); }

/* ---------- WhatsApp ---------- */
.lieura-whatsapp { position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 50; width: 52px; height: 52px; border-radius: 50%; background: var(--wp--preset--color--grafito); color: var(--wp--preset--color--yeso); display: grid; place-items: center; box-shadow: 0 6px 20px rgba(50, 48, 45, 0.25); }
.lieura-whatsapp:hover { background: var(--wp--preset--color--bronce); }
.lieura-whatsapp svg { width: 24px; height: 24px; }

/* ---------- Formularios (plugin de formularios) ---------- */
.lieura-formulario input:not([type=checkbox]):not([type=submit]), .lieura-formulario textarea, .lieura-formulario select { width: 100%; background: transparent; border: none; border-bottom: 1px solid var(--wp--preset--color--gris-calido); padding: 0.8rem 0; font: inherit; color: inherit; }
.lieura-formulario label { font-size: 0.8125rem; letter-spacing: 0.14em; text-transform: uppercase; }

@media (max-width: 781px) {
  .lieura-hero .wp-block-column:last-child { order: -1; }
  .lieura-foto img, .lieura-foto:not(:has(img[src])) { aspect-ratio: 4 / 3; }
}

/* Franja de confianza */
.lieura-franja { padding-top: 1.4rem; padding-bottom: 1.4rem; }
.lieura-franja p { max-width: none; text-align: center; font-size: 0.8125rem; letter-spacing: 0.16em; text-transform: uppercase; margin: 0; }

/* Medida de lectura alineada con el borde izquierdo del contenido */
.lieura-seccion > :where(p, ul, ol, .lieura-faq) {
	max-width: min(64ch, 100%) !important;
	margin-left: max(0px, calc((100% - 1120px) / 2)) !important;
	margin-right: auto !important;
}
.lieura-seccion > .lieura-faq, .lieura-seccion > ol.lieura-pasos { max-width: min(52rem, 100%) !important; }
.lieura-franja > p { max-width: none !important; margin-left: auto !important; margin-right: auto !important; }