/*
Theme Name: Centro de Conciliacion Señor de Qoyllority
Author: Hans Ccarita
Description: Tema para el Centro de Conciliación Señor de Qoyllority (Cusco, Perú)
Author URI: https://github.com/hanszio
version: 2.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: centrodeconciliacionseordeqoyllority
Tags: wordpress theme, conciliacion, legal
*/

/* ── BASE ──────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    min-height: 100%;
    background: var(--color-bg) linear-gradient(180deg, var(--color-bg-top), var(--color-bg-bottom)) no-repeat;
    background-size: 100% 100%;
    overflow-x: clip;
}
body {
    margin: 0; /* sin margen por defecto de 8px: body ocupa todo el viewport */
    position: relative;
    min-height: 100vh;
    overflow-x: clip; /* sin contain: mantiene sticky del header y el fondo visible */
    font-family: var(--font-body);
    font-size: var(--font-size-base);
    line-height: 1.6;
    color: var(--color-text);
    background: transparent;
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); margin: 0; }
p { margin: 0; }
a { color: var(--color-primary-pale); text-decoration: none; transition: color var(--transition); }
a:hover { color: var(--color-primary-light); }
img, svg, video { max-width: 100%; height: auto; display: block; }
button { font: inherit; color: inherit; }
ul, ol { margin: 0; padding: 0; }

/* Contenido por encima de los blobs .glow */
header, main, footer, section { position: relative; z-index: 1; }

/* Accesibilidad */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background: var(--color-bg);
    border-radius: var(--radius-sm);
    clip: auto !important;
    clip-path: none;
    color: var(--color-text);
    height: auto;
    left: 1rem;
    padding: 1rem 1.5rem;
    top: 1rem;
    width: auto;
    z-index: 100000;
}

/* Páginas internas: evitar doble padding entre secciones consecutivas */
.page-template-page-proceso .steps,
.page-template-page-nosotros .about { padding-bottom: 0; }
.prose + .form-card { margin-top: 4rem; }