
/*
Theme Name: FONTÁN
Theme URI: https://www.fontan.mx/
Author: FONTÁN
Description: Tema WordPress para FONTÁN, reconstruido a partir del diseño de referencia y los recursos proporcionados por el cliente.
Version: 5.0.0
Text Domain: fontan
*/
@font-face{font-family:"Noto Sans";src:url("assets/fonts/NotoSans-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Noto Sans";src:url("assets/fonts/NotoSans-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Playfair Display";src:url("assets/fonts/PlayfairDisplay-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Playfair Display";src:url("assets/fonts/PlayfairDisplay-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#161616;--muted:#666;--paper:#f7f6f2;--line:#d9d7d0;--accent:#222;--serif:"Playfair Display",Georgia,serif;--sans:"Noto Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:var(--sans);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{position:relative;z-index:10;background:#fff;border-bottom:1px solid rgba(0,0,0,.08)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:25px;letter-spacing:.12em;font-weight:700}.brand small{display:block;font-size:7px;letter-spacing:.2em;font-weight:500;margin-top:-2px}.menu{display:flex;align-items:center;gap:30px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.menu a:hover{opacity:.55}.lang{display:flex;gap:8px;font-size:12px}.lang a.active{font-weight:700}.menu-toggle{display:none;border:0;background:none;font-size:25px}.hero{min-height:76vh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--paper)}.hero-copy{padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;margin-bottom:24px}.hero h1{font:500 clamp(46px,6vw,86px)/.98 var(--serif);margin:0 0 30px;max-width:720px}.hero p{max-width:600px;font-size:19px;color:#444}.hero-media{min-height:560px;background-size:cover;background-position:center}.section{padding:110px 0}.section.alt{background:var(--paper)}.section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;margin-bottom:60px}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.16em}.section h2{font:500 clamp(38px,4vw,64px)/1.05 var(--serif);margin:0}.lead{font-size:19px;color:#444;max-width:760px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{border-top:1px solid var(--line);padding:26px 0}.card h3{font:500 28px/1.1 var(--serif);margin:0 0 14px}.card p{color:#555}.card-media{aspect-ratio:16/10;overflow:hidden;margin-bottom:22px}.card-media img{width:100%;height:100%;object-fit:cover}.split{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--paper)}.split-media{min-height:620px;background-size:cover;background-position:center}.split-copy{padding:90px clamp(40px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.split-copy h2{font:500 clamp(38px,4vw,62px)/1.02 var(--serif);margin:0 0 24px}.clients{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.client{height:125px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:20px}.client img{max-width:75%;max-height:65px;object-fit:contain}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.stat{border-top:1px solid var(--line);padding-top:20px}.stat strong{font:500 48px/1 var(--serif);display:block}.stat span{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#666}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font:500 25px var(--serif)}.cta{background:#171717;color:white;padding:100px 0}.cta-inner{display:flex;align-items:end;justify-content:space-between;gap:40px}.cta h2{font:500 clamp(42px,5vw,72px)/1 var(--serif);margin:0}.button{display:inline-block;border:1px solid currentColor;padding:14px 24px;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.offices{display:grid;grid-template-columns:1fr 1fr;gap:30px}.office{padding-top:25px;border-top:1px solid var(--line)}.office h3{font:500 28px var(--serif);margin:0 0 8px}.site-footer{background:#111;color:#fff;padding:70px 0 30px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px}.footer-brand{font-size:28px;letter-spacing:.12em}.footer-title{text-transform:uppercase;letter-spacing:.14em;font-size:11px;margin-bottom:20px;opacity:.7}.footer-links{display:grid;gap:8px}.copyright{border-top:1px solid rgba(255,255,255,.2);margin-top:60px;padding-top:20px;font-size:12px;opacity:.65;display:flex;justify-content:space-between}.page-hero{padding:120px 0;background:var(--paper)}.page-hero h1{font:500 clamp(52px,7vw,100px)/.95 var(--serif);max-width:900px;margin:0}.prose{max-width:820px;font-size:18px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.service-item{border-top:1px solid var(--line);padding:35px 0}.service-item h3{font:500 32px var(--serif);margin:0 0 10px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #bbb;padding:16px 0;margin-bottom:20px;font:inherit;background:transparent}.contact-form textarea{min-height:140px}.contact-form button{background:#111;color:#fff;border:0;padding:16px 28px;text-transform:uppercase;letter-spacing:.1em}.notice{padding:15px;background:#f2f0ea;margin-bottom:25px}@media(max-width:800px){.container{width:min(100% - 30px,1180px)}.nav{height:72px}.menu-toggle{display:block}.menu{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;padding:25px 30px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}.menu.open{display:flex}.hero,.split,.contact-grid{grid-template-columns:1fr}.hero-media{min-height:400px;order:-1}.section{padding:75px 0}.section-head{grid-template-columns:1fr;gap:25px}.grid-3,.service-list{grid-template-columns:1fr}.clients{grid-template-columns:repeat(2,1fr)}.stats,.offices{grid-template-columns:1fr}.cta-inner{display:block}.cta .button{margin-top:30px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-top:8px}.split-media{min-height:420px}}
.dark{color:#fff;background:#171717}.journey-image{max-width:100%;margin-top:40px}.journey-image img{width:100%;max-height:520px;object-fit:cover}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-image{width:100%;aspect-ratio:1.45;object-fit:cover}.contact-details{margin-top:35px}.contact-details h3{font:500 28px var(--serif)}.contact-form h2{font:500 42px var(--serif)}.contact-form button{cursor:pointer}.privacy{font-size:12px;display:flex;gap:8px;align-items:center;margin-bottom:20px}.honeypot{position:absolute;left:-10000px}.notice{border:1px solid var(--line);padding:15px;margin-bottom:25px}.office a{text-decoration:underline}.site-footer a{color:inherit}@media(max-width:800px){.two-col{grid-template-columns:1fr;gap:35px}.journey-image img{max-height:400px}}
