/*
Theme Name: La Mujer Móvil
Theme URI: https://lamujermovil.info
Author: La Mujer Móvil
Author URI: https://lamujermovil.com
Description: Tema de bloques ligero con la identidad de La Mujer Móvil: portal de formación en Transformación Digital e Inteligencia Artificial.
Version: 2.1.0
Requires at least: 6.4
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: lamujermovil
*/

:root{--lmm-azul:#1f3f8f;--lmm-hondo:#142a63;--lmm-magenta:#c8236e;--lmm-turquesa:#0f9d95;--lmm-fondo:#f6f8fc;--lmm-linea:#dfe5f2}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{-webkit-font-smoothing:antialiased}
:where(.wp-site-blocks)>*{margin-block-start:0}
main.wp-block-group{margin-top:0}
.wp-block-post-title{margin-top:0}
a{text-underline-offset:3px}
:focus-visible{outline:3px solid var(--lmm-turquesa);outline-offset:2px}

/* ---------- Cabecera ---------- */
/* Los estilos de la cabecera van dentro de la propia cabecera (lmm_css_cabecera en functions.php). */
.lmm-pie__marca img{display:block;height:88px;width:auto}
.lmm-logo__placa{display:inline-block;background:#fff;border-radius:10px;padding:4px 8px;line-height:0}

/* ---------- Portada y secciones ---------- */
.lmm-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--lmm-hondo) 0%,var(--lmm-azul) 75%);color:#fff;padding:clamp(48px,8vw,112px) 16px}
.lmm-hero::before,.lmm-hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.lmm-hero::before{width:clamp(220px,32vw,460px);aspect-ratio:1;right:calc(clamp(220px,32vw,460px) * -.28);top:calc(clamp(220px,32vw,460px) * -.32);background:var(--lmm-magenta);opacity:.92}
.lmm-hero::after{width:clamp(180px,26vw,380px);aspect-ratio:1;right:6%;bottom:calc(clamp(180px,26vw,380px) * -.5);background:var(--lmm-turquesa);opacity:.92}
.lmm-hero>*{position:relative;z-index:1}
.lmm-hero h1,.lmm-hero h2,.lmm-hero h3,.lmm-hero p{color:#fff}
.lmm-hero>h1,.lmm-hero>p{box-sizing:border-box;padding-right:min(34%,380px)}
.lmm-hero h1{margin-bottom:.4em}
.lmm-hero .lmm-hero__texto{font-size:var(--wp--preset--font-size--grande)}
@media (max-width:640px){.lmm-hero>h1,.lmm-hero>p{padding-right:0}}
.lmm-hero .lmm-kicker{color:#7ce3dc;font-weight:700;letter-spacing:.07em;text-transform:uppercase;font-size:.9rem;margin-bottom:.4em}
.lmm-hero .is-style-outline .wp-block-button__link{color:#fff;border:2px solid #fff;background:transparent}
.lmm-hero .is-style-outline .wp-block-button__link:hover{background:rgba(255,255,255,.14)}
.wp-block-buttons{gap:12px}
.is-style-outline .wp-block-button__link{background:transparent;color:var(--lmm-azul);border:2px solid var(--lmm-azul)}

.lmm-seccion{padding:clamp(36px,6vw,76px) 16px}
.lmm-seccion--blanca{background:#fff}
.lmm-seccion h2{margin-bottom:.4em}
.lmm-seccion>p{box-sizing:border-box;padding-right:min(18%,260px)}
@media (max-width:640px){.lmm-seccion>p{padding-right:0}}
.lmm-tarjeta{transition:transform .18s ease,box-shadow .18s ease}
.lmm-tarjeta:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(20,42,99,.12)}
.lmm-seccion .lmm-grid--4 .lmm-tarjeta:nth-child(4n+1){border-top:5px solid var(--lmm-azul)}
.lmm-seccion .lmm-grid--4 .lmm-tarjeta:nth-child(4n+2){border-top:5px solid var(--lmm-magenta)}
.lmm-seccion .lmm-grid--4 .lmm-tarjeta:nth-child(4n+3){border-top:5px solid var(--lmm-turquesa)}
.lmm-seccion .lmm-grid--4 .lmm-tarjeta:nth-child(4n+4){border-top:5px solid var(--lmm-hondo)}

/* ---------- Pie ---------- */
.lmm-pie{background:var(--lmm-hondo);color:#dfe6f7;padding:40px 16px 22px}
.lmm-pie a{color:#fff;text-decoration:none}
.lmm-pie a:hover{text-decoration:underline}
.lmm-pie__dentro{max-width:1280px;margin:0 auto;display:grid;gap:28px 40px;grid-template-columns:1.4fr 1fr 1fr}
.lmm-pie__marca p{margin:12px 0 0;max-width:340px}
.lmm-pie__marca img{height:72px}
.lmm-pie__col{display:flex;flex-direction:column;gap:8px}
.lmm-pie__col strong{color:#fff;font-family:var(--wp--preset--font-family--bricolage);font-size:1.1rem}
.lmm-pie__cta{display:inline-block;margin-top:10px;background:var(--lmm-magenta);color:#fff!important;font-weight:700;text-decoration:none;padding:9px 16px;border-radius:10px}
.lmm-pie__copy{max-width:1280px;margin:26px auto 0;font-size:.9rem;color:#aab6d6}
@media (max-width:760px){.lmm-pie__dentro{grid-template-columns:1fr}}

/* ---------- Modo oscuro ---------- */
@media (prefers-color-scheme:dark){
	body{background:#0d1428!important;color:#e8edf9!important}
	body h1,body h2,body h3,body h4{color:#fff}
	body a{color:#9db6ff}
	.lmm-seccion--blanca{background:#101a36}
	.lmm-hero a,.lmm-pie a,.lmm-cta{color:#fff}
	.is-style-outline .wp-block-button__link{color:#9db6ff;border-color:#9db6ff}
	.lmm-tarjeta:hover{box-shadow:0 12px 28px rgba(0,0,0,.4)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}