/*
Theme Name: M.Molina Fotografía
Version: 1.0.0
Description: Portfolio fotográfico con galerías privadas mediante el plugin M.Molina Galerías.
Requires at least: 6.4
Requires PHP: 8.0
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#242323;background:#fff;font-family:Arial,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}header{height:104px;padding:10px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;background:white}header img{width:88px;height:82px;object-fit:contain}nav{display:flex;align-items:center;gap:32px;font-size:12px;letter-spacing:1px}nav a:hover{color:#bd218b}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 25px;background:#bb218b;color:white;border:1px solid #bb218b;cursor:pointer;font-size:12px;letter-spacing:1px}.outline{background:none;color:inherit;border-color:#d5d1ce}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#9d2178}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(45px,5.8vw,88px);line-height:1.02;margin:24px 0}h2{font-size:clamp(35px,4vw,56px);margin:20px 0}p{font-size:14px;line-height:1.9;color:#716b68}.hero{display:grid;grid-template-columns:42% 58%;min-height:680px;background:#f5f3f0}.hero-copy{padding:95px 12% 60px}.hero-copy p{max-width:300px;margin:28px 0}.hero-image{position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}.caption{position:absolute;bottom:24px;left:30px;color:#fff;font-size:10px;letter-spacing:2px}.section{padding:85px 6%}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-top p{max-width:330px}.filters{display:flex;gap:24px;margin:20px 0 32px}.filters button{border:0;border-bottom:1px solid transparent;background:none;padding:10px 0;color:#777;font-size:12px;cursor:pointer}.filters button.active{color:#bb218b;border-color:#bb218b}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 22px}.card{padding:0;border:0;background:none;text-align:left;cursor:pointer}.card img{width:100%;height:360px;object-fit:cover;transition:filter .3s}.card:hover img{filter:brightness(.85)}.card small{font-size:9px;letter-spacing:2px;color:#9d2178}.card h3{margin:12px 0 8px;font-size:24px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:#f5f3f0}.about img{width:100%;height:470px;object-fit:cover}.about p{max-width:440px}.client{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#252323;color:white}.client p{color:#bfb9b5}.client h2{font-size:48px}label{display:block;font-size:12px;margin-bottom:12px}input{width:100%;padding:18px;background:transparent;border:1px solid #615b5c;color:inherit}form .btn{width:100%;margin-top:15px}#message{min-height:24px;color:#ed9ad1;font-size:13px}.contact{text-align:center;padding:90px 6%}.contact p{max-width:440px;margin:20px auto}footer{padding:30px 6%;border-top:1px solid #eee;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#888}dialog{border:0;padding:0;background:#181818;color:white;max-width:90vw;max-height:90vh}dialog::backdrop{background:#000b}dialog img{display:block;max-width:85vw;max-height:78vh}dialog button{position:absolute;right:10px;top:10px;background:#fff;border:0;padding:10px;cursor:pointer}.notice{font-size:11px;color:#888}.private{max-width:1050px;margin:auto;padding:50px 6%}.private .grid img{height:280px}.client-gallery .card img{object-fit:contain;background:#f5f3f0}.client-gallery .card{width:100%}@media(max-width:750px){header{height:88px;padding:8px 5%}header img{width:65px;height:70px}nav{gap:15px;font-size:10px}nav .desktop{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:60px 7%}.hero-image{height:460px}.section{padding:60px 6%}.section-top{display:block}.grid{grid-template-columns:1fr 1fr;gap:25px 15px}.card img{height:240px}.card h3{font-size:20px}.about,.client{grid-template-columns:1fr;gap:35px}.about img{height:350px}footer{gap:20px}.client h2{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}