/*
Theme Name: Capilar Barcelona
Theme URI: https://example.com/
Author: Web Project
Description: Tema WordPress ligero para una web independiente de captación de solicitudes de información sobre injerto capilar en Barcelona.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: capilar-barcelona
*/
@font-face{font-family:"Manrope";src:url("assets/fonts/manrope-variable.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap}
:root{--ink:#263238;--muted:#65747a;--green:#286A73;--green-dark:#174B55;--mint:#E8F0EF;--cream:#F7F5F0;--line:#E2E7E5;--white:#FFFFFF;--gold:#D8C5A5;--radius:18px;--shadow:0 18px 50px rgba(23,75,85,.10);--brand:#174B55;--brand-action:#286A73;--surface:#F7F5F0}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.container{width:min(1160px,calc(100% - 44px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(225,232,227,.8)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-brand{font-size:19px;font-weight:800;letter-spacing:-.04em;color:var(--green-dark)}.site-brand span{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}.main-nav{display:flex;gap:27px;align-items:center;font-size:14px;font-weight:650}.main-nav a:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 21px;border-radius:999px;background:var(--green);color:#fff;font-weight:750;font-size:14px;border:1px solid var(--green);transition:.2s}.btn:hover{background:var(--green-dark);transform:translateY(-1px);color:#fff}.btn-light{background:#fff;color:var(--green);border-color:#d7e4dc}.btn-light:hover{background:var(--mint);color:var(--green-dark)}.hero{background:linear-gradient(110deg,#F7F5F0 0%,#FFFFFF 54%,#E8F0EF 100%);padding:76px 0 72px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:25px;height:2px;background:var(--gold)}h1,h2,h3{line-height:1.13;letter-spacing:-.04em;margin:0 0 18px}h1{font-size:clamp(42px,5.3vw,66px);max-width:700px}h2{font-size:clamp(31px,3.7vw,44px)}h3{font-size:21px}.hero p.lead{font-size:18px;color:#52636A;max-width:570px;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-note{font-size:12px;color:var(--muted);margin-top:18px}.hero-visual{position:relative;min-height:440px;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,#D8E5E5,#F7F5F0 58%,#B7CDCF);box-shadow:var(--shadow)}.hero-visual:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.46);top:48px;left:50%;transform:translateX(-50%)}.visual-card{position:absolute;inset:auto 25px 25px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.8);border-radius:18px;padding:20px 22px;box-shadow:0 12px 35px rgba(23,75,85,.12)}.visual-card strong{display:block;font-size:17px;margin-bottom:4px}.visual-card span{font-size:13px;color:var(--muted)}.visual-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);width:190px;height:190px;border:1px solid rgba(23,75,85,.22);border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:52px;font-weight:300}.visual-mark:before,.visual-mark:after{content:"";position:absolute;border:1px solid rgba(23,75,85,.20);border-radius:50%;inset:17px}.visual-mark:after{inset:37px}.trust-strip{border-bottom:1px solid var(--line);background:#fff}.trust-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:22px 0}.trust-item{display:flex;align-items:center;justify-content:center;gap:11px;color:#42545B;font-size:13px;font-weight:700}.trust-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-size:17px}.section{padding:88px 0}.section-soft{background:var(--cream)}.section-head{max-width:690px;margin:0 auto 42px;text-align:center}.section-head p{color:var(--muted);font-size:16px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px rgba(23,75,85,.035)}.card-icon{width:48px;height:48px;border-radius:14px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:23px;margin-bottom:20px}.card p{color:var(--muted);font-size:14px;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.split-panel{background:var(--mint);border-radius:26px;padding:42px;min-height:360px;display:flex;flex-direction:column;justify-content:center}.check-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:13px}.check-list li{display:flex;gap:12px;align-items:flex-start;color:#43545A}.check-list li:before{content:"✓";width:23px;height:23px;flex:0 0 23px;border-radius:50%;display:grid;place-items:center;background:#E8F0EF;color:var(--green);font-weight:900;font-size:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:step}.step{padding:25px;border-top:2px solid var(--green);background:#fff}.step:before{counter-increment:step;content:"0" counter(step);display:block;color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.12em;margin-bottom:20px}.step p{color:var(--muted);font-size:14px;margin:0}.faq{max-width:820px;margin:auto}.faq details{padding:20px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:750;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:"+";font-size:22px;color:var(--green);line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);margin:14px 0 0}.contact-section{background:#174B55;color:#fff}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.contact-section .eyebrow{color:#D8C5A5}.contact-section p{color:#D7E2E1}.contact-form{background:#fff;color:var(--ink);padding:32px;border-radius:22px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:6px}.field-full{grid-column:1/-1}.field label{font-size:12px;font-weight:750;color:#40545A}.field input,.field textarea{width:100%;border:1px solid #E2E7E5;border-radius:10px;padding:12px 13px;background:#FFFFFF;outline:none}.field input:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(40,106,115,.10)}.field textarea{min-height:95px;resize:vertical}.consent{display:flex;gap:10px;font-size:11px;color:var(--muted);align-items:flex-start;margin:15px 0}.consent input{margin-top:4px}.form-message{padding:12px 14px;background:var(--mint);color:var(--green-dark);border-radius:10px;margin-bottom:16px;font-size:13px}.form-error{background:#fff0ee;color:#8b2b20}.fineprint{font-size:11px!important;color:#AAB9B8!important;margin-top:15px}.site-footer{padding:28px 0;background:#123B43;color:#D7E2E1;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-links{display:flex;gap:20px}.mobile-toggle{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.hero-grid,.split,.contact-grid{grid-template-columns:1fr;gap:34px}.hero{padding:55px 0}.hero-visual{min-height:340px}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.main-nav{gap:15px}.section{padding:66px 0}}
@media(max-width:620px){.container{width:min(100% - 32px,1160px)}.header-inner{min-height:68px}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:18px 22px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.main-nav.is-open{display:flex}.header-cta{display:none}.mobile-toggle{display:inline-flex;border:0;background:var(--mint);color:var(--green);border-radius:10px;padding:9px 12px;font-weight:800}.cards{grid-template-columns:1fr}.trust-inner{grid-template-columns:1fr;gap:12px}.trust-item{justify-content:flex-start}.hero-visual{min-height:300px}.visual-mark{width:150px;height:150px}.section{padding:58px 0}.split-panel{padding:28px;min-height:280px}.contact-form{padding:22px}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}}

/* Plantillas interiores y bloques de WordPress */
.entry-content{max-width:820px;margin-inline:auto}
.entry-content>*{margin-block:0 1.25em}
.entry-content h2,.entry-content h3,.entry-content h4{margin-top:1.8em}
.entry-content p,.entry-content li{color:#42545B}
.entry-content a{color:var(--brand-action);text-decoration:underline;text-underline-offset:3px}
.entry-content img{border-radius:14px}
.page-content{padding:72px 0 88px;min-height:55vh}
.page-content .page-title{max-width:900px;margin:0 auto 34px}
.page-content .entry-content{max-width:820px}
.wp-block-button__link{background:var(--brand-action);border-radius:999px}
.wp-block-quote{border-left:3px solid var(--gold);padding-left:22px}
.site-header .main-nav a{color:var(--ink)}
.site-header .main-nav a:hover{color:var(--brand-action)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
html[dir="rtl"] body{direction:rtl}
html[dir="rtl"] .eyebrow:before{order:2}
html[dir="rtl"] .check-list li:before{margin-left:0}
html[dir="rtl"] .entry-content{text-align:right}