/*
Theme Name: MAMESE - Zakra Child
Theme URI: https://mamese.es
Description: Diseño cinematográfico para MAMESE, tema hijo de Zakra.
Author: MAMESE
Version: 1.1.0
Template: zakra
Text Domain: mamese-zakra-child
Requires PHP: 7.4
*/
:root{--mm-bg:#071525;--mm-panel:#0d2239;--mm-accent:#438bde;--mm-text:#f6f9ff;--mm-muted:#b6c7d8}
body{background:var(--mm-bg);color:var(--mm-text)}
a{color:#80baff}a:hover{color:#fff}
.mm-wrap{max-width:1240px;margin:auto;padding:48px 24px}.mm-title{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;color:white;margin:0 0 18px}.mm-lead{color:var(--mm-muted);max-width:720px;font-size:1.15rem}
.mm-hero{position:relative;min-height:560px;display:flex;align-items:center;background:linear-gradient(95deg,rgba(3,14,29,.92),rgba(3,14,29,.3)),linear-gradient(140deg,#102c4d,#081522 70%,#6b463a);background-size:cover;background-position:center}
.mm-hero .mm-wrap{width:100%}.mm-hero h1{color:white;font-size:clamp(2.5rem,6vw,5rem);max-width:770px;line-height:1.08}.mm-hero p{font-size:1.25rem;color:#dbe8f5}.mm-btn{display:inline-block;padding:13px 24px;background:var(--mm-accent);color:white!important;border-radius:5px;text-decoration:none;font-weight:700}.mm-btn:hover{background:#2165b5}
.mm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0}.mm-card{background:var(--mm-panel);border:1px solid #27425e;border-radius:10px;overflow:hidden;color:white}.mm-card img{width:100%;height:230px;object-fit:cover}.mm-card-body{padding:20px}.mm-card h3{color:white;font-size:1.3rem;margin:0 0 9px}.mm-card p{color:var(--mm-muted)}.mm-card a{text-decoration:none}.mm-tag{display:inline-block;color:#a9d1ff;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.mm-content{max-width:880px;margin:auto;padding:50px 24px}.mm-content h1,.mm-content h2,.mm-content h3{color:white}.mm-content p,.mm-content li{color:#d9e5f0}.mm-contact label{display:block;margin:12px 0 5px}.mm-contact input,.mm-contact textarea{width:100%;padding:12px;background:#142b44;color:#fff;border:1px solid #6d8aa6;border-radius:4px}.mm-contact button{border:0;cursor:pointer}.mm-note{background:#142b44;border-left:4px solid var(--mm-accent);padding:16px;margin:20px 0}.mm-hero .mm-wrap{padding-top:90px;padding-bottom:90px}
@media(max-width:800px){.mm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-hero{min-height:430px}}@media(max-width:560px){.mm-grid{grid-template-columns:1fr}.mm-wrap{padding:32px 18px}.mm-hero h1{font-size:2.5rem}}

/* MAMESE v1.1: cinematic desktop and mobile */
:root{--mm-accent:#087cf6;--mm-bg:#041527;--mm-panel:#09213a}
.mm-shell{background:#041527;color:#f5f9ff;overflow:hidden}
.mm-shell *{box-sizing:border-box}
.mm-shell h1,.mm-shell h2,.mm-shell h3{color:#fff}
.mm-shell a{text-decoration:none}
.mm-shell .mm-section{max-width:1380px;margin:0 auto;padding:35px 26px}
.mm-shell .mm-section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:20px}
.mm-shell .mm-section-heading h2{font-size:clamp(1.5rem,2.5vw,2.15rem);margin:0;border-left:5px solid #168aff;padding-left:15px;line-height:1.2}
.mm-shell .mm-section-heading p{color:#c1d3e5;margin:7px 0 0 20px}
.mm-shell .mm-section-heading a{color:#59b9ff;white-space:nowrap}
.mm-shell .mm-cinematic{min-height:560px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(2,12,26,.25),rgba(2,12,26,.82) 70%),linear-gradient(125deg,#0c3559,#13223a 45%,#86504a);background-size:cover;background-position:center}
.mm-shell .mm-cinematic-inner{max-width:1380px;margin:auto;width:100%;padding:100px 6%;display:flex;justify-content:flex-end}
.mm-shell .mm-cinematic-copy{width:min(570px,100%)}
.mm-shell .mm-eyebrow{font-size:.85rem;letter-spacing:.34em;text-transform:uppercase;color:#c4d7ef}
.mm-shell .mm-cinematic h1{font-size:clamp(2.7rem,5.4vw,5.2rem);line-height:1.04;margin:16px 0 22px;font-weight:800}
.mm-shell .mm-cinematic p{font-size:1.16rem;color:#edf4ff;max-width:520px}
.mm-shell .mm-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:25px}
.mm-shell .mm-primary,.mm-shell .mm-outline{display:inline-block;padding:13px 22px;border-radius:7px;font-weight:700;color:#fff!important}
.mm-shell .mm-primary{background:#0668e9}.mm-shell .mm-outline{border:1px solid #c6d7ed;background:rgba(0,0,0,.22)}
.mm-shell .mm-benefits{background:#02111f;display:grid;grid-template-columns:repeat(4,1fr);padding:20px max(25px,calc((100% - 1380px)/2));gap:0}
.mm-shell .mm-benefits span{text-align:center;border-right:1px solid #214767;padding:8px 12px;font-size:.94rem}.mm-shell .mm-benefits span:last-child{border:0}
.mm-shell .mm-types{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.mm-shell .mm-type{min-height:180px;border:1px solid #214768;border-radius:8px;background:linear-gradient(0deg,#020b17 0%,#163a59 80%);background-position:center;background-size:cover;display:flex;align-items:end;overflow:hidden}
.mm-shell .mm-type span{padding:18px 12px;color:#fff;font-weight:700;font-size:1.05rem;text-shadow:0 2px 5px #000}
.mm-shell .mm-split{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.mm-shell .mm-split .mm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mm-shell .mm-card{background:#092039}.mm-shell .mm-card img{height:190px}
.mm-shell .mm-cta{background:linear-gradient(110deg,#10385c,#04182d);padding:30px 7%;display:flex;justify-content:space-between;align-items:center;gap:15px}
.mm-shell .mm-cta strong{font-size:1.3rem;color:white}
body.page .entry-content:has(.mm-shell){max-width:none!important;margin:0!important;padding:0!important}
@media(max-width:1024px){.mm-shell .mm-types{grid-template-columns:repeat(3,minmax(0,1fr))}.mm-shell .mm-split{grid-template-columns:1fr}.mm-shell .mm-cinematic{min-height:480px}}
@media(max-width:600px){.mm-shell .mm-cinematic{min-height:580px;background-position:38% center;background-image:linear-gradient(0deg,rgba(1,12,26,.96),rgba(1,12,26,.06) 90%),linear-gradient(125deg,#14395b,#4a3440)}.mm-shell .mm-cinematic-inner{align-items:end;padding:240px 20px 38px}.mm-shell .mm-cinematic-copy{width:100%}.mm-shell .mm-cinematic h1{font-size:clamp(2.25rem,10vw,3.2rem)}.mm-shell .mm-cinematic p{font-size:1rem}.mm-shell .mm-eyebrow{font-size:.65rem;letter-spacing:.18em}.mm-shell .mm-actions{flex-direction:column}.mm-shell .mm-actions a{text-align:center}.mm-shell .mm-benefits{grid-template-columns:repeat(3,1fr);padding:12px 6px}.mm-shell .mm-benefits span{font-size:.7rem;padding:6px}.mm-shell .mm-benefits span:nth-child(3){border:0}.mm-shell .mm-benefits span:nth-child(4){display:none}.mm-shell .mm-section{padding:25px 16px}.mm-shell .mm-section-heading{align-items:start}.mm-shell .mm-section-heading h2{font-size:1.45rem}.mm-shell .mm-section-heading a{font-size:.8rem}.mm-shell .mm-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mm-shell .mm-type{min-height:160px}.mm-shell .mm-split .mm-grid{grid-template-columns:1fr}.mm-shell .mm-cta{flex-direction:column;text-align:center}.mm-shell .mm-card img{height:210px}}
