/*
Theme Name: Doggaz Agencia Creativa
Author: Doggaz
Description: Sitio de una página para Doggaz Agencia Creativa.
Version: 1.0.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
*/
:root{--ink:#191919;--paper:#faf9f6;--accent:#c86648;--line:#d8d6d1;--muted:#62615e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1;font-weight:600;letter-spacing:-.045em}h2{font-size:clamp(2.3rem,5.5vw,4.8rem);margin-bottom:1.8rem}h3{font-size:1.45rem;letter-spacing:-.025em}p{margin-bottom:1.25rem}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;left:20px;top:-100px;z-index:100;background:#fff;padding:10px}.skip:focus{top:10px}.site-header{background:var(--ink);color:var(--paper);border-bottom:1px solid #ffffff25;position:relative;z-index:20}.nav-row{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:24px}.brand{text-decoration:none;display:inline-flex;flex-direction:column;line-height:1}.brand strong{font-size:2.3rem;font-weight:900;letter-spacing:-.08em}.brand small{font-size:.65rem;letter-spacing:.23em;text-transform:uppercase;margin-top:9px}.desktop-nav{display:flex;gap:27px;align-items:center}.desktop-nav a{font-size:.875rem;text-decoration:none}.desktop-nav a:hover{color:#ef9a7d}.desktop-nav .nav-contact{border:1px solid #ffffff66;padding:8px 19px;border-radius:30px}.mobile-nav{display:none}.hero{background:var(--ink);color:var(--paper);padding:70px 0 55px}.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;display:block;margin-bottom:30px}.hero h1{font-size:clamp(3.1rem,7.4vw,6.5rem);max-width:1140px;line-height:1.01;margin-bottom:46px;letter-spacing:-.065em}.hero h1 span{color:#e28a6d}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid #ffffff30;padding-top:30px;align-items:start}.hero-bottom p{color:#d2d0cb;max-width:540px;font-size:1.02rem}.actions{display:flex;gap:25px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;border:0;border-radius:3px;padding:14px 23px;background:var(--accent);color:#fff;font-weight:600;font-size:.93rem;min-height:50px}.button:hover{background:#a54d32}.text-link{font-size:.9rem}.hero-foot{display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.05em;margin-top:64px;color:#b3b1ad}.section{padding:110px 0;border-bottom:1px solid var(--line)}.section-label{display:flex;align-items:center;gap:15px;text-transform:uppercase;font-size:.75rem;letter-spacing:.14em;font-weight:600;margin-bottom:40px}.section-label span{color:var(--accent);font-size:.8rem}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.intro-grid h2{font-size:clamp(2.5rem,4.8vw,4.2rem)}.intro-copy{padding-top:7px}.intro-copy p{color:var(--muted)}.intro-copy .location{color:var(--ink);border-top:1px solid var(--line);padding-top:22px;font-size:.9rem}.services{background:#eeede9}.section-top{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:end;margin-bottom:45px}.section-top p{color:var(--muted);max-width:440px}.service-list{border-top:1px solid #c6c3bc}.service{display:grid;grid-template-columns:55px 1fr 1.1fr;gap:30px;padding:27px 0;border-bottom:1px solid #c6c3bc}.service .number{font-size:.8rem;color:#8c4934;padding-top:3px}.service h3{margin:0;font-size:1.35rem;line-height:1.3}.service p{margin:0;color:#5b5a56;font-size:.95rem}.history{background:#242423;color:var(--paper);border:0}.history .section-label span{color:#e28a6d}.history-copy{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-bottom:35px}.history-copy p{color:#cfcdc7}.history h2{max-width:900px}.history-note{border-top:1px solid #ffffff30;padding-top:20px;margin:25px 0 28px;color:#d7a492;font-size:.85rem}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery figure{margin:0}.gallery button{padding:0;border:0;background:transparent;display:block;width:100%;overflow:hidden}.gallery img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .3s}.gallery button:hover img{transform:scale(1.035)}.gallery figcaption{font-size:.76rem;color:#ccc9c1;line-height:1.5;padding-top:10px}.gallery figcaption span{color:#e28a6d;margin-right:7px}.director-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.director-card{background:#c86648;color:#171717;padding:40px;display:flex;flex-direction:column;justify-content:space-between;min-height:370px}.director-card .initials{font-size:5.8rem;font-weight:800;letter-spacing:-.08em;line-height:1}.director-card h3{font-size:2.1rem;margin-top:60px;margin-bottom:10px}.director-card p{font-size:.85rem;margin:0}.director-copy h2{font-size:clamp(2.6rem,4.6vw,4rem)}.director-copy p{color:var(--muted)}.reasons{background:#eeede9}.reason-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:48px}.reason{border-top:2px solid var(--accent);padding-top:24px}.reason h3{font-size:1.25rem}.reason p{font-size:.93rem;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px}.contact h2{font-size:clamp(3rem,5.5vw,5rem)}.contact-copy>p{color:var(--muted)}.contact-email{display:inline-block;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.04em;margin:20px 0}.contact-copy small{display:block;color:var(--muted);font-size:.85rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px;font-size:.85rem}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{border:1px solid #aaa69e;background:transparent;color:var(--ink);border-radius:2px;padding:11px 12px;width:100%;min-height:48px;font-size:1rem}.field textarea{min-height:140px;resize:vertical}.field label small{font-size:.75rem;color:var(--muted)}.consent{display:flex;align-items:flex-start;gap:10px;font-size:.8rem;line-height:1.5;margin:22px 0}.consent input{width:18px;height:18px;flex-shrink:0;margin-top:3px}.privacy-link{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;color:inherit;font-size:inherit}.trap{position:absolute;left:-10000px}.form-status{border-left:3px solid var(--accent);padding:12px 15px;margin:20px 0;background:#eeede9}.site-footer{background:var(--ink);color:var(--paper);padding:45px 0 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top p{font-size:.95rem;color:#ccc8c0;max-width:320px;margin:0}.footer-bottom{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #ffffff30;margin-top:35px;padding-top:20px;color:#bcb8b0;font-size:.75rem}.footer-bottom a{text-decoration:none}dialog{border:0;border-radius:5px;padding:32px;width:min(720px,calc(100% - 30px));max-height:85vh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#000c}dialog h2{font-size:2rem;margin:20px 0}dialog h3{font-size:1.2rem;margin-top:25px}dialog p{font-size:.95rem}.dialog-close{float:right;padding:7px 14px;border:1px solid #888;background:transparent;border-radius:3px}.image-dialog{width:min(1200px,calc(100% - 24px));padding:16px;background:#191919;color:#fff}.image-dialog .dialog-close{color:#fff;margin-bottom:12px}.image-dialog img{max-height:72vh;object-fit:contain;margin:auto}.image-dialog p{margin:12px 0 0;font-size:.85rem}.image-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.image-controls button{background:transparent;border:1px solid #777;color:white;padding:7px 16px}.ordinary{min-height:60vh;padding:70px 0}.ordinary h1{font-size:3rem}.ordinary a{color:#a54d32}
@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:65px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.desktop-nav{gap:18px}.intro-grid,.section-top,.director-grid,.contact-grid{gap:45px}.gallery{grid-template-columns:repeat(2,1fr)}.reason-grid{grid-template-columns:repeat(2,1fr)}.service{grid-template-columns:35px 1fr 1.2fr;gap:18px}.hero-bottom{gap:35px}.hero h1{font-size:clamp(3rem,8vw,5.8rem)}}@media(max-width:700px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.nav-row{min-height:85px}.brand strong{font-size:2rem}.brand small{font-size:.58rem}.desktop-nav{display:none}.mobile-nav{display:block}.mobile-nav summary{cursor:pointer;border:1px solid #ffffff55;padding:7px 15px;border-radius:3px;font-size:.9rem}.mobile-nav nav{position:absolute;right:20px;top:76px;background:#242423;border:1px solid #555;min-width:220px;padding:18px;display:grid;gap:15px}.mobile-nav a{text-decoration:none}.hero{padding:48px 0 30px}.hero h1{font-size:clamp(2.65rem,11vw,4.4rem);margin-bottom:33px}.hero-bottom{grid-template-columns:1fr;gap:18px}.actions{justify-content:flex-start;gap:20px}.hero-foot{margin-top:38px;gap:20px;font-size:.65rem}.eyebrow{font-size:.68rem;letter-spacing:.1em}.section{padding:65px 0}.section-label{margin-bottom:27px}.intro-grid,.section-top,.director-grid,.contact-grid,.history-copy{grid-template-columns:1fr;gap:25px}.section-top{margin-bottom:25px}.section-top h2{margin-bottom:0}.service{grid-template-columns:25px 1fr;gap:10px 15px;padding:22px 0}.service p{grid-column:2}.service h3{font-size:1.25rem}.history-copy{gap:0}.gallery{gap:22px 12px}.gallery figcaption{font-size:.72rem}.director-card{min-height:270px;padding:30px}.director-card .initials{font-size:4rem}.director-card h3{margin-top:35px}.reason-grid{gap:25px}.reason h3{font-size:1.1rem}.reason p{font-size:.87rem}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.contact-email{margin-top:0}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-top{gap:25px}dialog{padding:22px}.image-dialog{padding:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.director-portrait{margin:-40px -40px 28px;aspect-ratio:4/3;overflow:hidden;background:#171717}.director-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.director-card .initials{display:none}@media(max-width:700px){.director-portrait{margin:-30px -30px 24px}}

.section p,.hero-bottom p{ text-align:justify; text-justify:inter-word }

.gallery img.full-frame{object-fit:contain;background:#242423}