/*
Theme Name: Producciones One Page
Author: Brayner Alexander Mejía
Description: Tema de una página para decoración y producción de eventos, con galería, servicios y solicitudes de reserva por correo.
Version: 1.0.0
Requires at least: 6.0
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: producciones
Tags: one-column, custom-logo, featured-images, translation-ready
*/
:root{--background:oklch(.975 .012 60);--foreground:oklch(.25 .03 30);--primary:oklch(.62 .11 25);--primary-foreground:oklch(.99 .005 60);--secondary:oklch(.93 .03 40);--muted-foreground:oklch(.5 .03 40);--border:oklch(.929 .013 255.508);--gold:oklch(.72 .1 80);--overlay:oklch(.25 .03 30 / .8);--overlay-mid:oklch(.25 .03 30 / .3);--soft-border:oklch(.975 .012 60 / .3);--header-bg:oklch(.975 .012 60 / .88);--gallery-bg:oklch(.93 .03 40 / .5);--font-display:'Cormorant Garamond',Georgia,serif;--font-body:'Jost',Arial,sans-serif;--header-offset:90px}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-body);font-weight:400;line-height:1.6;letter-spacing:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:4px}[hidden]{display:none!important}section,footer,main{scroll-margin-top:var(--header-offset)}section:focus,main:focus,footer:focus{outline:none}.container{width:100%;max-width:1152px;margin-inline:auto;padding-inline:24px}.site-header{position:fixed;top:0;inset-inline:0;z-index:20;border-bottom:1px solid var(--border);background:var(--header-bg);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:16px;min-height:80px}.brand{font:500 26px/1.1 var(--font-display);overflow-wrap:anywhere}.site-nav{display:flex;gap:28px;font-size:14px}.site-nav a:hover,.quote-link{color:var(--primary)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 24px;background:var(--primary);color:var(--primary-foreground);border:1px solid transparent;border-radius:999px;font-size:14px;line-height:1.5;transition:opacity .2s;text-align:center}.button:hover{opacity:.9}.button-outline{background:transparent;border-color:currentColor;color:var(--background)}.menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--foreground);font-size:24px;flex-shrink:0}.hero{position:relative;display:flex;align-items:flex-end;min-height:100svh;padding-top:130px}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(to top,var(--overlay),var(--overlay-mid),transparent)}.hero-content{position:relative;padding-bottom:80px;color:var(--background)}.eyebrow{font-size:12px;text-transform:uppercase;color:var(--primary);margin:0 0 8px}.gold{color:var(--gold)}h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:1.1;margin:0;letter-spacing:0}h1{font-size:72px;max-width:768px;margin-top:16px}h2{font-size:48px}h3{font-size:28px}.hero-copy{font-size:18px;max-width:576px;margin:20px 0 0;opacity:.9}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.stats{display:flex;gap:32px;max-width:510px;margin-top:56px;border-top:1px solid var(--soft-border);padding-top:24px}.stats strong{display:block;font:500 32px/1.2 var(--font-display)}.stats span{font-size:12px;text-transform:uppercase;opacity:.8}.section{padding-block:96px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.filter{background:transparent;color:var(--foreground);border:1px solid var(--border);border-radius:999px;padding:6px 16px;font-size:14px;min-height:36px}.filter:hover{background:var(--secondary)}.filter.is-active{background:var(--foreground);color:var(--background)}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:40px}.service-image{overflow:hidden;border-radius:16px;aspect-ratio:4/5}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.service:hover img{transform:scale(1.05)}.service h3{margin-top:16px}.service p{font-size:14px;color:var(--muted-foreground);margin:4px 0 0}.quote-link{display:inline-block;margin-top:12px;font-size:14px}.quote-link:hover{text-decoration:underline;text-underline-offset:4px}.gallery-band{background:var(--gallery-bg)}.gallery{columns:3;column-gap:16px;margin-top:40px}.gallery img{width:100%;height:auto;margin-bottom:16px;border-radius:12px;break-inside:avoid}.about{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}.about>img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:16px}.muted{color:var(--muted-foreground);margin-top:20px}.reservation-band{background:var(--foreground);color:var(--background)}.form-container{max-width:672px;margin-inline:auto;padding-inline:24px}.reservation-form{display:grid;gap:8px;margin-top:32px}.reservation-form label{font-size:14px;margin-top:8px}.reservation-form input:not([type=hidden]),.reservation-form select,.reservation-form textarea{width:100%;min-width:0;border-radius:8px;border:1px solid var(--soft-border);background:transparent;color:var(--background);padding:12px 16px;min-height:48px}.reservation-form select{background:var(--foreground)}.reservation-form input[type=date]{color-scheme:dark}.reservation-form textarea{resize:vertical}.reservation-form .button{margin-top:8px;justify-self:start}.form-notice{border:1px solid var(--soft-border);padding:16px;margin-top:24px}.privacy-note{font-size:13px}.privacy-note a{text-decoration:underline}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-block:40px;font-size:14px;color:var(--muted-foreground)}.site-footer .brand{color:var(--foreground)}.contact-details{display:flex;flex-wrap:wrap;gap:16px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;top:8px;left:8px;z-index:100;background:var(--background);color:var(--foreground);padding:12px}.admin-bar .site-header{top:32px}.admin-bar{--header-offset:122px}
@media(max-width:900px){.site-nav{gap:16px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:60px}}
@media(max-width:767px){:root{--header-offset:88px}.header-inner{gap:12px}.brand{font-size:24px}.header-inner>.button{padding-inline:16px}.menu-toggle{display:inline-flex;margin-left:auto}.site-nav{display:none;position:absolute;top:100%;inset-inline:0;flex-direction:column;background:var(--background);border-bottom:1px solid var(--border);padding:20px 24px;gap:0}.site-nav a{padding-block:12px}.site-nav.is-open{display:flex}h1{font-size:48px}h2{font-size:40px}.hero-content{padding-bottom:64px}.hero{min-height:100svh}.stats{margin-top:40px;gap:24px}.section{padding-block:64px}.gallery{columns:2}.about{grid-template-columns:1fr;gap:32px}.admin-bar .site-header{top:46px}.admin-bar{--header-offset:134px}}
@media(max-width:480px){.service-grid{grid-template-columns:1fr}.header-inner .brand{max-width:42%}h1{font-size:44px}.hero-copy{font-size:17px}.gallery{column-gap:12px}.stats strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}