/* GARCIA FELIU Abogados · estilos comunes (cabecera, pie, formulario y secciones de Elementor)
Tokens: verde #023923 · crema #FBF8EE · texto rgba(2,57,35,.8) · líneas rgba(2,57,35,.2) */
:root {
--gf-green: #023923;
--gf-green-hover: #0B5A3A;
--gf-cream: #FBF8EE;
--gf-cream-2: #FFFDF7;
--gf-text: rgba(2, 57, 35, 0.8);
--gf-line: rgba(2, 57, 35, 0.2);
--gf-on-green-text: rgba(251, 248, 238, 0.82);
--gf-on-green-line: rgba(251, 248, 238, 0.2);
--gf-sans: "Plus Jakarta Sans", sans-serif;
--gf-serif: "Cormorant Garamond", serif;
--gf-header-h: 76px;
}
html { scroll-behavior: smooth; }
body { background: var(--gf-cream); }
[id] { scroll-margin-top: calc(var(--gf-header-h) + 20px); }
.gf-wrap { box-sizing: border-box; max-width: 1200px; margin: 0 auto; padding-left: 40px; padding-right: 40px; }
/* Sobre verde: texto y enlaces en crema */
.gf-on-green { background-color: var(--gf-green); color: var(--gf-on-green-text); }
body .gf-on-green a, body .gf-on-green a:hover { color: var(--gf-cream); }
body .gf-on-green :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title) { color: var(--gf-cream); }
.gf-skip { position: absolute; left: 16px; top: -100px; z-index: 1000; padding: 12px 20px; background: var(--gf-cream); color: var(--gf-green); }
.gf-skip:focus { top: 12px; }
#gf-main:focus { outline: none; }
/* ---------- Logotipo ---------- */
.gf-logo { display: flex; align-items: center; gap: 14px; color: var(--gf-cream); }
.gf-logo__bar { width: 1px; height: 42px; background: currentColor; }
.gf-logo__txt { display: flex; flex-direction: column; gap: 5px; }
.gf-logo__name { font-family: var(--gf-serif); font-weight: 500; font-size: 28px; letter-spacing: 0.04em; line-height: 1; }
.gf-logo__sub { font-family: var(--gf-sans); font-size: 10px; letter-spacing: 0.5em; line-height: 1; }
.gf-logo--footer { gap: 16px; }
.gf-logo--footer .gf-logo__bar { height: 52px; }
.gf-logo--footer .gf-logo__txt { gap: 6px; }
.gf-logo--footer .gf-logo__name { font-size: 30px; }
.gf-logo--footer .gf-logo__sub { font-size: 11px; }
/* ---------- Cabecera ---------- */
.gf-header { position: sticky; top: 0; z-index: 100; box-shadow: 0 6px 18px -10px rgba(0, 0, 0, 0.35); font-family: var(--gf-sans); }
.admin-bar .gf-header { top: 32px; }
.gf-header__bar { display: flex; align-items: center; justify-content: space-between; height: var(--gf-header-h); }
.gf-header__home { text-decoration: none; }
.gf-nav { display: flex; align-items: center; gap: 40px; }
.gf-nav__list, .gf-panel__list, .gf-footer__list, .gf-footer__contact ul { list-style: none; margin: 0; padding: 0; }
.gf-nav__list { display: flex; align-items: center; gap: 40px; }
.gf-nav__list a { display: inline-block; padding: 4px 0; border-bottom: 1px solid transparent; font-size: 12px; font-weight: 500; letter-spacing: 0.24em; text-transform: uppercase; text-decoration: none; }
.gf-nav__list .current-menu-item > a, .gf-nav__list a:hover { border-bottom-color: var(--gf-cream); }
.gf-nav__tel { display: flex; align-items: center; gap: 8px; padding-left: 24px; border-left: 1px solid rgba(251, 248, 238, 0.35); font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-decoration: none; }
body .gf-menu-btn { display: none; align-items: center; justify-content: center; width: 48px !important; height: 48px !important; padding: 0 !important; background: transparent !important; border: 1px solid rgba(251, 248, 238, 0.5) !important; border-radius: 2px !important; color: var(--gf-cream) !important; cursor: pointer; }
body .gf-menu-btn:hover, body .gf-menu-btn:focus { background: transparent !important; color: var(--gf-cream) !important; }
.gf-menu-btn svg { flex: none; }
.gf-menu-btn__close { display: none; }
.gf-menu-btn[aria-expanded="true"] .gf-menu-btn__open { display: none; }
.gf-menu-btn[aria-expanded="true"] .gf-menu-btn__close { display: block; }
.gf-panel { border-top: 1px solid var(--gf-on-green-line); }
.gf-panel[hidden] { display: none; }
.gf-panel nav { padding-top: 8px; padding-bottom: 24px; }
.gf-panel__list a, .gf-panel__tel { display: flex; align-items: center; gap: 10px; min-height: 56px; border-bottom: 1px solid var(--gf-on-green-line); font-size: 13px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; text-decoration: none; }
.gf-panel__tel { border-bottom: 0; letter-spacing: 0.12em; }
/* ---------- Pie ---------- */
.gf-footer { border-top: 1px solid var(--gf-on-green-line); font-family: var(--gf-sans); }
.gf-footer__cols { display: flex; flex-wrap: wrap; gap: 48px 64px; padding-top: 80px; padding-bottom: 80px; }
.gf-footer__brand { flex: 2 1 320px; }
.gf-footer__brand p { margin: 24px 0 0; max-width: 320px; font-size: 15px; line-height: 1.6; color: var(--gf-on-green-text); }
.gf-footer__contact { flex: 1 1 240px; font-size: 15px; line-height: 1.6; color: var(--gf-on-green-text); }
.gf-footer__nav { flex: 1 1 160px; font-size: 15px; line-height: 1.6; }
.gf-footer__title { margin-bottom: 20px; font-size: 11px; font-weight: 500; letter-spacing: 0.24em; color: var(--gf-cream); }
.gf-footer__contact ul, .gf-footer__list { display: flex; flex-direction: column; gap: 12px; }
.gf-footer a { text-decoration: none; }
body .gf-footer .gf-muted a { color: var(--gf-on-green-text); }
.gf-footer__legal { border-top: 1px solid var(--gf-on-green-line); }
.gf-footer__legal .gf-wrap { padding-top: 24px; padding-bottom: 24px; font-size: 11px; letter-spacing: 0.24em; color: rgba(251, 248, 238, 0.75); }
/* ---------- Formulario de contacto ---------- */
body .gf-form { display: flex !important; flex-direction: column !important; gap: 32px !important; padding-top: 8px !important; font-family: var(--gf-sans) !important; }
body .gf-form__hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
body .gf-form__row { display: flex !important; flex-wrap: wrap !important; gap: 32px !important; }
body .gf-form__row .gf-form__field { flex: 1 1 220px !important; }
body .gf-form__field { display: flex !important; flex-direction: column !important; gap: 8px !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.24em !important; color: var(--gf-cream) !important; }
body .gf-form :is(input[type="text"], input[type="email"], input[type="tel"], textarea) {
width: 100% !important; box-sizing: border-box !important; padding: 12px 0 !important; border: 0 !important; border-bottom: 1px solid rgba(251, 248, 238, 0.35) !important; border-radius: 0 !important;
background: transparent !important; color: var(--gf-cream) !important; font-family: var(--gf-sans) !important; font-size: 17px !important; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 1.4 !important; text-transform: none !important; box-shadow: none !important;
}
body .gf-form textarea { resize: vertical !important; }
body .gf-form :is(input, textarea)::placeholder { color: rgba(251, 248, 238, 0.6) !important; opacity: 1 !important; }
body .gf-form :is(input, textarea):focus { outline: none !important; border-bottom-color: var(--gf-cream) !important; }
body .gf-form__foot { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; }
body .gf-form__check { text-transform: none !important; letter-spacing: 0 !important; font-weight: 400 !important; display: flex !important; align-items: center !important; gap: 12px !important; min-height: 44px !important; font-size: 14px !important; line-height: 1.5 !important; color: var(--gf-on-green-text) !important; }
body .gf-form__check input { width: 18px !important; height: 18px !important; margin: 0 !important; flex: none !important; accent-color: var(--gf-cream) !important; }
body .gf-form__check a { text-decoration: underline !important; }
body .gf-form__send { display: inline-flex !important; align-items: center !important; gap: 12px !important; min-height: 56px !important; padding: 0 32px !important; border: 0 !important; border-radius: 2px !important; background: var(--gf-cream) !important; color: var(--gf-green) !important; font-family: var(--gf-sans) !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0.22em !important; cursor: pointer !important; }
body .gf-form__send:hover, body .gf-form__send:focus { background: #fff !important; color: var(--gf-green) !important; }
body .gf-form__msg { margin: 0 !important; padding: 16px 20px !important; border: 1px solid rgba(251, 248, 238, 0.35) !important; font-size: 15px !important; color: var(--gf-cream) !important; }
body .gf-form__msg--err { border-color: #f0b4a8 !important; }
/* =====================================================================
Secciones de Elementor (clases puestas en Avanzado › Clases CSS)
===================================================================== */
/* Base: sin huecos ni rellenos por defecto dentro de las secciones */
.e-con.gf-s { --padding-top: var(--gf-pt, 136px); --padding-bottom: var(--gf-pb, 136px); --gap: 0px; --row-gap: 0px; --column-gap: 0px; --widgets-spacing: 0px; --kit-widget-spacing: 0px; }
.e-con.gf-s .e-con { --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px; --gap: 0px; --row-gap: 0px; --column-gap: 0px; --widgets-spacing: 0px; --kit-widget-spacing: 0px; }
.gf-s .elementor-widget { margin-block-end: 0; }
.gf-s .elementor-widget-text-editor p { margin: 0; }
.gf-s .elementor-widget-text-editor p + p { margin-top: 20px; }
.gf-s em { font-style: italic; }
.gf-line-t { border-top: 1px solid var(--gf-line); }
.gf-line-b { border-bottom: 1px solid var(--gf-line); }
/* Márgenes superiores (en widgets o contenedores) */
.gf-mt-8 { margin-top: 8px !important; } .gf-mt-12 { margin-top: 12px !important; } .gf-mt-16 { margin-top: 16px !important; }
.gf-mt-20 { margin-top: 20px !important; } .gf-mt-24 { margin-top: 24px !important; } .gf-mt-28 { margin-top: 28px !important; }
.gf-mt-32 { margin-top: 32px !important; } .gf-mt-36 { margin-top: 36px !important; } .gf-mt-40 { margin-top: 40px !important; }
.gf-mt-56 { margin-top: 56px !important; } .gf-mt-72 { margin-top: 72px !important; } .gf-mt-96 { margin-top: 96px !important; }
/* Etiqueta con barra vertical: «DESPACHO BOUTIQUE · BARCELONA · CÓRDOBA» */
.gf-eyebrow .elementor-heading-title { display: flex; align-items: center; gap: 16px; font-size: 12px; font-weight: 500; letter-spacing: 0.28em; line-height: 1.5; text-transform: uppercase; color: var(--gf-green); }
.gf-eyebrow .elementor-heading-title::before { content: ""; flex: none; width: 1px; height: 20px; background: currentColor; }
/* Variante con raya horizontal: «—— SOCIO DIRECTOR» */
.gf-eyebrow--line .elementor-heading-title { font-weight: 600; }
.gf-eyebrow--line .elementor-heading-title::before { width: 40px; height: 1px; }
/* Cabecera numerada: «01 —— NUESTRO ENFOQUE» (título: 01Nuestro enfoque) */
.gf-kicker .elementor-heading-title { display: flex; align-items: center; gap: 18px; font-size: 15px; font-weight: 600; letter-spacing: 0.3em; line-height: 1.4; text-transform: uppercase; color: var(--gf-green); }
.gf-kicker .elementor-heading-title span { font-weight: 700; letter-spacing: 0.08em; }
.gf-kicker .elementor-heading-title span::after { content: ""; display: inline-block; vertical-align: middle; width: 56px; height: 1px; margin-left: 18px; background: currentColor; }
/* Titulares de sección con tamaños del diseño */
.gf-h2-64 .elementor-heading-title { font-size: clamp(40px, 4.4vw, 64px); line-height: 1.05; letter-spacing: -0.03em; }
.gf-h2-56 .elementor-heading-title { font-size: clamp(38px, 4vw, 56px); letter-spacing: -0.03em; }
.gf-h2-51 .elementor-heading-title { font-size: clamp(35px, 3.7vw, 51px); }
.gf-h2-58 .elementor-heading-title { font-size: clamp(38px, 4vw, 58px); }
.gf-h2-name .elementor-heading-title { font-size: clamp(38px, 3.8vw, 56px); line-height: 1.06; }
/* Botones */
.gf-btns { flex-direction: row !important; flex-wrap: wrap !important; gap: 16px !important; }
/* Elementor da width:100% a los hijos de un contenedor; en filas lo anulamos */
.gf-btns > .elementor-element, .gf-split > .elementor-element, .gf-card > .elementor-element { width: auto !important; min-width: 0; }
.gf-btn .elementor-button { display: inline-flex; align-items: center; min-height: 56px; padding: 0 32px; box-sizing: border-box; }
.gf-btn--arrow .elementor-button-text::after { content: "→"; margin-left: 12px; }
body .gf-btn--outline .elementor-button { background: transparent; color: var(--gf-green); border: 1px solid var(--gf-green); }
body .gf-btn--outline .elementor-button:hover { background: var(--gf-green); color: var(--gf-cream); }
body .gf-btn--light .elementor-button { background: var(--gf-cream); color: var(--gf-green); border-color: var(--gf-cream); }
body .gf-btn--light .elementor-button:hover { background: #fff; color: var(--gf-green); border-color: #fff; }
/* ---------- Portada ---------- */
.gf-hero { --gf-pt: 136px; --gf-pb: 104px; background-color: var(--gf-cream);
background-image: linear-gradient(90deg, #FBF8EE 0%, #FBF8EE 30%, rgba(251, 248, 238, 0.75) 46%, rgba(251, 248, 238, 0.2) 68%, rgba(251, 248, 238, 0) 85%), url(../../../uploads/2026/10/ilustracion-barcelona.webp);
background-size: 100% 100%, auto 100%; background-position: 0 0, right center; background-repeat: no-repeat; }
.e-con.gf-hero__col { max-width: 600px !important; }
.gf-hero__lead { max-width: 480px; }
.gf-diamond { display: flex; align-items: center; gap: 16px; max-width: 280px; }
.gf-diamond::before, .gf-diamond::after { content: ""; flex: 1; height: 1px; background: rgba(2, 57, 35, 0.35); }
.gf-diamond span { width: 7px; height: 7px; border: 1px solid var(--gf-green); transform: rotate(45deg); }
/* ---------- Cifras ---------- */
.gf-cifras { --gf-pt: 0px; --gf-pb: 0px; border-top: 1px solid var(--gf-line); border-bottom: 1px solid var(--gf-line); }
.e-con.gf-cifras__grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.e-con.gf-cifra { padding: 48px 32px !important; border-right: 1px solid var(--gf-line) !important; }
.e-con.gf-cifra:first-child { padding-left: 0 !important; }
.e-con.gf-cifra:last-child { padding-right: 0 !important; border-right: 0 !important; }
.gf-cifra__num .elementor-heading-title { font-weight: 300; font-size: 70px; line-height: 1; letter-spacing: -0.02em; color: var(--gf-green); }
.gf-cifra__txt { margin-top: 12px; font-size: 15px; line-height: 1.6; }
/* ---------- Enfoque ---------- */
.gf-enfoque { background-color: #012A1B;
background-image: radial-gradient(ellipse 45% 70% at 72% 38%, rgba(46, 128, 88, 0.55) 0%, rgba(23, 94, 62, 0.28) 35%, rgba(2, 57, 35, 0) 70%), linear-gradient(135deg, #01221A 0%, #023923 55%, #01291B 100%);
background-repeat: no-repeat; }
.e-con.gf-split { flex-direction: row !important; flex-wrap: wrap !important; align-items: flex-end !important; justify-content: space-between !important; gap: 32px 64px !important; }
.e-con.gf-split > .elementor-element:first-child { flex: 1 1 520px !important; }
.e-con.gf-split > .elementor-element:last-child { flex: 1 1 360px !important; max-width: 460px !important; }
.gf-enfoque__lead { font-size: 18px; line-height: 1.7; }
.gf-kicker--light .elementor-heading-title { color: var(--gf-cream); }
.e-con.gf-enf { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; margin-top: 72px !important; border-radius: 16px !important; overflow: hidden !important; background: #F4F4F1 !important; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.5) !important; }
.e-con.gf-enf__item { padding: 44px 36px 48px !important; border-right: 1px solid rgba(2, 57, 35, 0.14) !important; border-bottom: 1px solid rgba(2, 57, 35, 0.14) !important; }
.e-con.gf-enf__item:nth-child(4n) { border-right: 0 !important; }
.e-con.gf-enf__item:nth-child(n+5) { border-bottom: 0 !important; }
.gf-enf__num .elementor-heading-title { display: flex; align-items: center; gap: 14px; font-size: 15px; font-weight: 700; line-height: 1.4; }
.gf-enf__num .elementor-heading-title::after { content: ""; width: 40px; height: 1px; background: rgba(2, 57, 35, 0.35); }
body .gf-on-green .gf-enf :is(h3, .elementor-heading-title) { color: var(--gf-green); }
body .gf-enf__item h3 { margin-top: 28px; }
.gf-enf__txt { margin-top: 14px; font-size: 16px; line-height: 1.7; color: var(--gf-text); }
/* ---------- Cinta de especialidades ---------- */
.gf-cinta { --gf-pt: 0px; --gf-pb: 0px; border-top: 1px solid var(--gf-line); border-bottom: 1px solid var(--gf-line); }
.e-con.gf-cinta { --padding-left: 0px; --padding-right: 0px; --content-width: 100%; }
.gf-cinta > .e-con-inner { max-width: none; }
.gf-cinta ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 36px; margin: 0; padding: 32px 24px; list-style: none; font-style: italic; font-size: 22px; line-height: 1.6; letter-spacing: -0.02em; color: var(--gf-green); }
/* li como «contents»: el separador es un elemento flex propio, como en el diseño */
.gf-cinta li { display: contents; }
.gf-cinta li + li::before { content: ""; width: 1px; height: 28px; background: var(--gf-green); }
/* ---------- Despacho ---------- */
.gf-despacho { --gf-pt: 64px; --gf-pb: 72px; background: #F3EFE2; }
.e-con.gf-card { flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; gap: 48px 72px !important; padding: 56px !important; background: var(--gf-cream-2) !important; border-radius: 16px !important; box-shadow: 0 30px 60px -20px rgba(2, 57, 35, 0.18), 0 2px 6px rgba(2, 57, 35, 0.05) !important; }
.e-con.gf-card > .gf-retrato { flex: 1 1 380px !important; max-width: 520px !important; }
.e-con.gf-card > .gf-card__body { flex: 1 1 420px !important; min-width: 0 !important; }
.gf-retrato img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: 50% 46%; border-radius: 12px; filter: grayscale(1) contrast(1.05); }
.gf-bio { font-size: 17px; line-height: 1.7; }
.gf-tags ul { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; list-style: none; }
.gf-tags li { display: inline-flex; align-items: center; min-height: 36px; padding: 0 18px; border: 1px solid rgba(2, 57, 35, 0.3); border-radius: 4px; font-size: 11px; font-weight: 500; letter-spacing: 0.2em; line-height: 1.2; text-transform: uppercase; color: var(--gf-green); }
/* ---------- Áreas e índice ---------- */
.e-con.gf-split--areas { gap: 24px 64px !important; }
.e-con.gf-split--areas > .elementor-element:first-child { flex: 0 1 auto !important; }
.e-con.gf-split--areas > .elementor-element:last-child { flex: 0 1 420px !important; max-width: 420px !important; }
.e-con.gf-areas__cards { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)) !important; gap: 24px !important; margin-top: 56px !important; }
.e-con.gf-area { padding: 36px 44px !important; background: rgba(2, 57, 35, 0.2) !important; border-radius: 24px !important; color: var(--gf-green) !important; text-decoration: none !important; transition: background-color 0.2s !important; }
a.e-con.gf-area:hover { background: rgba(2, 57, 35, 0.26) !important; }
.gf-area__top .elementor-heading-title { display: flex; justify-content: space-between; align-items: baseline; font-size: 12px; font-weight: 500; letter-spacing: 0.28em; line-height: 28px; text-transform: uppercase; }
.gf-area__top em { font-size: 20px; letter-spacing: -0.02em; text-transform: none; }
body .gf-area h3 { margin-top: 36px; font-size: 42px; line-height: 1.08; letter-spacing: -0.02em; }
.gf-area__txt { margin-top: 16px; min-height: 3.2em; font-size: 18px; line-height: 1.6; }
.gf-area__more { margin-top: auto; padding-top: 16px; }
.gf-area__more .elementor-heading-title { font-size: 13px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; }
.gf-idx-title .elementor-heading-title { padding-bottom: 10px; border-bottom: 3px double rgba(2, 57, 35, 0.5); font-size: 12px; font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gf-green); }
.gf-idx ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(8, auto); grid-auto-flow: column; column-gap: 72px; margin: 32px 0 0; padding: 0; list-style: none; counter-reset: gf-idx; }
.gf-idx li { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 20px; align-items: start; padding: 26px 0; border-top: 1px solid rgba(2, 57, 35, 0.18); font-size: 18px; line-height: 1.5; color: var(--gf-green); counter-increment: gf-idx; }
.gf-idx li::before { content: counter(gf-idx, decimal-leading-zero); margin-top: -4px; font-size: 52px; font-weight: 300; line-height: 0.9; letter-spacing: -0.04em; color: rgba(2, 57, 35, 0.35); }
/* ---------- Cita ---------- */
.gf-cita { --gf-pt: 120px; --gf-pb: 120px; text-align: center; }
.gf-cita .elementor-widget, .gf-cita .elementor-heading-title { text-align: center !important; }
.gf-cita__mark .elementor-heading-title { font-family: var(--gf-serif); font-size: 120px; line-height: 0.6; color: rgba(251, 248, 238, 0.35) !important; }
.gf-cita__txt { max-width: 820px; margin: 16px auto 0 !important; font-style: italic; font-size: clamp(24px, 2.6vw, 32px); line-height: 1.25; letter-spacing: -0.02em; color: var(--gf-cream); }
.gf-cita__firma .elementor-heading-title { font-size: 12px; font-weight: 500; letter-spacing: 0.32em; line-height: 1.4; }
/* ---------- Sedes ---------- */
.gf-sedes { --gf-pt: 128px; --gf-pb: 128px; }
.e-con.gf-sedes__grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)) !important; gap: 24px !important; margin-top: 40px !important; }
.e-con.gf-sede { border: 1px solid var(--gf-line) !important; border-radius: 24px !important; overflow: hidden !important; }
body .gf-sede__img img { display: block !important; width: 100% !important; height: 280px !important; object-fit: cover !important; object-position: center 55% !important; }
.e-con.gf-sede__body { padding: 32px 36px 36px !important; }
body .gf-sede h3 { font-size: 35px; line-height: 1.1; letter-spacing: -0.02em; }
.gf-sede__dir { margin-top: 8px; }
/* ---------- Contacto ---------- */
.gf-contacto { --gf-pt: 128px; --gf-pb: 120px; }
.e-con.gf-split--contacto { align-items: flex-start !important; gap: 64px 112px !important; }
.e-con.gf-split--contacto > .elementor-element:first-child { flex: 1 1 380px !important; max-width: 460px !important; }
.e-con.gf-split--contacto > .elementor-element:last-child { flex: 1 1 440px !important; max-width: none !important; }
.gf-contacto__tel .elementor-heading-title { font-size: 42px; font-weight: 400; line-height: 1; letter-spacing: -0.02em; }
.gf-contacto__tel .elementor-heading-title a { display: inline-block; padding-bottom: 6px; border-bottom: 1px solid rgba(251, 248, 238, 0.4); text-decoration: none; }
.gf-contacto__mail .elementor-heading-title { font-size: 19px; font-weight: 400; line-height: 1.6; }
/* =====================================================================
Página Servicios (y piezas reutilizables: cabecera de página, listas de servicios, CTA)
===================================================================== */
.gf-mt-48 { margin-top: 48px !important; }
.gf-eyebrow--light .elementor-heading-title { color: var(--gf-cream); }
.gf-nav__list .current-menu-ancestor > a, .gf-nav__list .current-page-ancestor > a { border-bottom-color: var(--gf-cream); }
/* Cabecera de página con la ilustración velada */
.gf-cab { --gf-pt: 128px; --gf-pb: 112px; border-bottom: 1px solid var(--gf-line);
background-color: var(--gf-cream);
background-image: linear-gradient(rgba(251, 248, 238, 0.88), rgba(251, 248, 238, 0.88)), url(../../../uploads/2026/10/ilustracion-barcelona.webp);
background-size: cover; background-position: center 55%; }
.gf-h1-70 .elementor-heading-title { max-width: 820px; font-size: clamp(38px, 4.8vw, 70px); line-height: 1.08; letter-spacing: -0.02em; }
.gf-h1-70 em { font-weight: 400; }
.gf-cab__lead { max-width: 600px; }
.gf-btn--down .elementor-button-text::after { content: "↓"; margin-left: 12px; }
body .gf-btn--veil .elementor-button { background: rgba(251, 248, 238, 0.6); }
/* Bloques de área: columna lateral + lista */
.gf-area-sec { --gf-pt: 120px; --gf-pb: 120px; }
.gf-area-sec--last { --gf-pb: 136px; }
.e-con.gf-split--srv { align-items: flex-start !important; gap: 40px 96px !important; }
.e-con.gf-split--srv > .elementor-element:first-child { flex: 1 1 280px !important; max-width: 340px !important; }
.e-con.gf-split--srv > .elementor-element:last-child { flex: 999 1 560px !important; max-width: none !important; }
.gf-label .elementor-heading-title { font-size: 12px; font-weight: 500; letter-spacing: 0.28em; line-height: 1.4; text-transform: uppercase; color: var(--gf-green); }
.gf-h2-42 .elementor-heading-title { font-size: clamp(30px, 3.2vw, 42px); line-height: 1.08; letter-spacing: -0.02em; }
.gf-link-more .elementor-heading-title { font-size: 13px; font-weight: 500; letter-spacing: 0.22em; line-height: 1.2; text-transform: uppercase; }
.gf-link-more .elementor-heading-title a { display: inline-flex; align-items: center; min-height: 44px; border-bottom: 1px solid var(--gf-green); text-decoration: none; }
/* Lista de servicios «01. | texto»: el número es el atributo value del (value="01") */
.gf-srv ol { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--gf-line); }
.gf-srv li { display: grid; grid-template-columns: 56px 1px minmax(0, 1fr); column-gap: 24px; align-items: start; padding: 20px 0; border-top: 1px solid var(--gf-line); font-size: 18px; line-height: 1.35; letter-spacing: -0.02em; color: var(--gf-green); }
.gf-srv li::before { content: attr(value) "."; grid-column: 1; grid-row: 1; font-weight: 600; line-height: 1.3; }
.gf-srv li::after { content: ""; grid-column: 2; grid-row: 1; align-self: stretch; background: var(--gf-green); }
/* Llamada a contacto */
.gf-cta { --gf-pt: 112px; --gf-pb: 112px; }
.e-con.gf-split--cta { gap: 40px !important; }
.e-con.gf-split--cta > .elementor-element:first-child { flex: 0 1 640px !important; max-width: 640px !important; }
.e-con.gf-split--cta > .elementor-element:last-child { flex: 0 0 auto !important; max-width: none !important; }
.gf-h2-48 .elementor-heading-title { font-size: clamp(32px, 3.5vw, 48px); line-height: 1.06; letter-spacing: -0.02em; }
.gf-cta__txt { color: var(--gf-on-green-text); }
body .gf-btn--outline-light .elementor-button { background: transparent; color: var(--gf-cream); border: 1px solid rgba(251, 248, 238, 0.5); letter-spacing: 0.16em; }
body .gf-btn--outline-light .elementor-button:hover { background: rgba(251, 248, 238, 0.1); color: var(--gf-cream); border-color: var(--gf-cream); }
/* Páginas de área: tarjeta de la otra área a media anchura */
.e-con.gf-areas__cards--one { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; margin-top: 24px !important; }
.gf-area-sec--otra { --gf-pt: 96px; --gf-pb: 120px; }
/* =====================================================================
Páginas de texto (plantilla del tema: aviso legal, privacidad, cookies)
===================================================================== */
body { display: flex; flex-direction: column; min-height: 100vh; }
body > .gf-footer { margin-top: auto; }
body.page-template-default .site-main { box-sizing: border-box; width: 100%; max-width: 1200px !important; margin: 0 auto; padding: 112px 40px 120px !important; font-family: var(--gf-sans); color: var(--gf-text); }
body.page-template-default .page-header { max-width: 760px; margin: 0 0 56px; padding-bottom: 32px; border-bottom: 1px solid var(--gf-line); }
body.page-template-default .page-header .entry-title { margin: 0; font-size: clamp(38px, 4vw, 56px); font-weight: 500; line-height: 1.08; letter-spacing: -0.02em; color: var(--gf-green); }
body.page-template-default .page-content { max-width: 760px; font-size: 17px; line-height: 1.7; }
.page-content h2 { margin: 48px 0 16px; font-size: 24px; font-weight: 500; line-height: 1.25; letter-spacing: -0.01em; color: var(--gf-green); }
.page-content p { margin: 0 0 16px; }
.page-content ul { margin: 0 0 16px; padding-left: 20px; }
.page-content li { margin-bottom: 8px; }
.page-content strong { font-weight: 600; color: var(--gf-green); }
.page-content a { text-decoration: underline; text-underline-offset: 3px; }
.gf-legal__fecha { font-size: 12px; font-weight: 500; letter-spacing: 0.24em; text-transform: uppercase; color: var(--gf-green); }
.gf-legal__datos { padding: 24px 28px !important; list-style: none; background: var(--gf-cream-2); border: 1px solid var(--gf-line); border-radius: 12px; }
.gf-legal__datos li:last-child { margin-bottom: 0; }
.gf-legal__tabla { width: 100%; margin: 8px 0 20px; border-collapse: collapse; font-size: 15px; line-height: 1.5; }
.gf-legal__tabla th, .gf-legal__tabla td { padding: 12px 14px; border: 1px solid var(--gf-line); text-align: left; vertical-align: top; background: transparent; }
.gf-legal__tabla th { font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gf-green); background: var(--gf-cream-2); }
.gf-legal__tabla tbody tr:nth-child(odd) td { background: transparent; }
mark.gf-pendiente { padding: 1px 4px; border-radius: 3px; background: #F6E3A1; color: #4A3B00; }
/* ---------- Tableta ---------- */
@media (max-width: 1100px) and (min-width: 761px) {
.e-con.gf-enf { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.e-con.gf-enf__item { border-right: 1px solid rgba(2, 57, 35, 0.14) !important; border-bottom: 1px solid rgba(2, 57, 35, 0.14) !important; }
.e-con.gf-enf__item:nth-child(2n) { border-right: 0 !important; }
.e-con.gf-enf__item:nth-child(n+7) { border-bottom: 0 !important; }
.e-con.gf-cifras__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.e-con.gf-cifra:nth-child(2) { border-right: 0 !important; padding-right: 0 !important; }
.e-con.gf-cifra:nth-child(3) { padding-left: 0 !important; }
.e-con.gf-cifra:nth-child(-n+2) { border-bottom: 1px solid var(--gf-line) !important; }
}
/* ---------- Móvil (≤ 760 px, como el tablero de 375) ---------- */
@media (max-width: 760px) {
:root { --gf-header-h: 64px; }
.e-con.gf-areas__cards.gf-areas__cards--one { grid-template-columns: minmax(0, 1fr) !important; margin-top: 24px !important; }
/* Páginas de texto */
body.page-template-default .site-main { padding: 64px 24px 80px !important; }
body.page-template-default .page-header { margin-bottom: 40px; }
body.page-template-default .page-content { font-size: 16px; }
.page-content h2 { margin-top: 40px; font-size: 22px; }
.gf-legal__datos { padding: 20px !important; }
.gf-legal__tabla { display: block; overflow-x: auto; font-size: 14px; }
.gf-legal__tabla th, .gf-legal__tabla td { min-width: 110px; }
/* Servicios */
.gf-s.gf-cab, .gf-s.gf-area-sec, .gf-s.gf-cta { --gf-pt: 72px; --gf-pb: 72px; }
.gf-srv li { grid-template-columns: 40px 1px minmax(0, 1fr); column-gap: 16px; font-size: 16px; }
.e-con.gf-split--srv { gap: 32px !important; }
.e-con.gf-split--cta > .elementor-element:nth-child(n) { flex-basis: 100% !important; max-width: none !important; }
.gf-wrap { padding-left: 20px; padding-right: 20px; }
.gf-nav { display: none; }
body .gf-menu-btn { display: inline-flex; width: 44px !important; height: 44px !important; }
.gf-logo__bar { height: 36px; }
.gf-logo__txt { gap: 4px; }
.gf-logo__name { font-size: 22px; }
.gf-panel .gf-wrap { padding-left: 20px; padding-right: 20px; }
.gf-footer .gf-wrap { padding-left: 24px; padding-right: 24px; }
.gf-footer__cols { padding-top: 64px; padding-bottom: 64px; }
.gf-logo--footer .gf-logo__name { font-size: 26px; }
.gf-s { --gf-pt: 80px; --gf-pb: 80px; }
.e-con.gf-s { --padding-left: 24px; --padding-right: 24px; }
.gf-cifras, .gf-cinta { --gf-pt: 0px; --gf-pb: 0px; }
.gf-mt-72, .gf-mt-96 { margin-top: 48px !important; }
.gf-mt-56 { margin-top: 40px !important; }
.gf-eyebrow .elementor-heading-title { gap: 12px; font-size: 11px; letter-spacing: 0.22em; }
.gf-eyebrow .elementor-heading-title::before { height: 32px; }
.gf-eyebrow--line .elementor-heading-title::before { width: 32px; height: 1px; }
.gf-kicker .elementor-heading-title { gap: 12px; font-size: 13px; }
.gf-kicker .elementor-heading-title span::after { width: 32px; margin-left: 12px; }
.gf-h2-51 .elementor-heading-title { font-size: 34px; }
.gf-h2-name .elementor-heading-title { font-size: 36px; line-height: 1.08; }
.gf-btns { flex-direction: column !important; gap: 12px !important; }
.gf-btns > .elementor-element, .gf-btns .elementor-button { width: 100% !important; justify-content: center; }
.gf-hero { --gf-pt: 56px; --gf-pb: 56px; background-image: none; }
.gf-diamond { max-width: 200px; gap: 12px; }
.gf-diamond span { width: 6px; height: 6px; }
.e-con.gf-cifras { --padding-left: 0px; --padding-right: 0px; }
.e-con.gf-cifras__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.e-con.gf-cifra:nth-child(n) { padding: 28px 16px 28px 24px !important; }
.e-con.gf-cifra:nth-child(2n) { padding: 28px 24px 28px 16px !important; border-right: 0 !important; }
.e-con.gf-cifra:nth-child(-n+2) { border-bottom: 1px solid var(--gf-line) !important; }
.gf-cifra__num .elementor-heading-title { font-size: 48px; }
.gf-cifra__txt { margin-top: 8px; font-size: 13px; line-height: 1.45; }
.e-con.gf-split > .elementor-element:nth-child(n) { flex-basis: 100% !important; max-width: none !important; }
.gf-enfoque__lead { font-size: 16px; line-height: 1.6; }
.e-con.gf-enf { grid-template-columns: minmax(0, 1fr) !important; margin-top: 40px !important; border-radius: 14px !important; }
.e-con.gf-enf__item { padding: 28px 24px !important; border-right: 0 !important; border-bottom: 0 !important; border-top: 1px solid rgba(2, 57, 35, 0.14) !important; }
.e-con.gf-enf__item:first-child { border-top: 0 !important; }
.gf-enf__num .elementor-heading-title { font-size: 14px; gap: 12px; }
.gf-enf__num .elementor-heading-title::after { width: 36px; }
body .gf-enf__item h3 { margin-top: 18px; }
.gf-enf__txt { margin-top: 8px; font-size: 15px; }
.gf-cinta ul { gap: 6px 16px; padding: 24px; font-size: 17px; }
.gf-cinta li + li::before { content: "·"; width: auto; height: auto; background: none; }
.gf-despacho { --gf-pt: 40px; --gf-pb: 48px; }
.e-con.gf-despacho { --padding-left: 16px; --padding-right: 16px; }
.e-con.gf-card { gap: 28px !important; padding: 20px 20px 28px !important; border-radius: 14px !important; }
.gf-despacho .gf-kicker { margin-left: 8px; }
.gf-despacho .gf-card { margin-top: 20px; }
.gf-retrato img { border-radius: 10px; }
.gf-bio { font-size: 15px; }
.gf-tags ul { gap: 8px; }
.gf-tags li { padding: 0 12px; font-size: 10px; }
.e-con.gf-areas__cards { grid-template-columns: minmax(0, 1fr) !important; margin-top: 40px !important; gap: 12px !important; }
.e-con.gf-area { padding: 28px 24px !important; border-radius: 18px !important; }
body .gf-area h3 { margin-top: 24px; font-size: 32px; }
.gf-area__txt { font-size: 16px; min-height: 0; }
.gf-idx ol { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; grid-auto-flow: row; }
.gf-idx li { grid-template-columns: 56px minmax(0, 1fr); gap: 12px; padding: 20px 0; font-size: 16px; }
.gf-idx li::before { font-size: 36px; }
.gf-cita { --gf-pt: 72px; --gf-pb: 72px; }
.gf-cita__mark .elementor-heading-title { font-size: 96px; }
.gf-cita__txt { margin-top: 12px !important; font-size: 22px; }
.gf-cita__firma .elementor-heading-title { font-size: 11px; letter-spacing: 0.28em; }
.e-con.gf-sedes__grid { grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; margin-top: 32px !important; }
.e-con.gf-sede { border-radius: 18px !important; }
body .gf-sede__img img { height: 200px !important; }
.e-con.gf-sede__body { padding: 24px !important; }
body .gf-sede h3 { font-size: 27px; }
.gf-sede__dir { margin-top: 4px; font-size: 15px; }
.gf-contacto { --gf-pt: 80px; --gf-pb: 64px; }
.e-con.gf-split--contacto { gap: 48px !important; }
.gf-contacto__tel .elementor-heading-title { font-size: 35px; }
.gf-contacto__mail .elementor-heading-title { font-size: 18px; }
body .gf-form { gap: 28px !important; }
body .gf-form__field { font-size: 10px !important; gap: 6px !important; }
body .gf-form :is(input[type="text"], input[type="email"], input[type="tel"], textarea) { padding: 10px 0 !important; }
body .gf-form__row { gap: 28px !important; }
body .gf-form__check { align-items: flex-start !important; }
body .gf-form__check input { width: 20px !important; height: 20px !important; margin-top: 1px !important; }
body .gf-form__foot, body .gf-form__send { width: 100% !important; }
body .gf-form__send { justify-content: center !important; }
}
@media (max-width: 782px) {
.admin-bar .gf-header { top: 46px; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
}
/* Solo en móvil (p. ej. la cabecera «02 El despacho») */
.gf-only-mobile { display: none !important; }
@media (max-width: 760px) { .gf-only-mobile { display: block !important; } }
/* Banner de cookies (CookieAdmin): tipografía y botones de la marca */
[class*="cookieadmin_"], [class*="cookieadmin_"] button, [id^="cookieadmin_"] { font-family: var(--gf-sans) !important; }
body .cookieadmin_btn { border-radius: 2px !important; font-weight: 500 !important; letter-spacing: 0.04em; }
body .cookieadmin_customize_btn { border: 1px solid var(--gf-green) !important; }
body #cookieadmin_notice_title { font-weight: 600 !important; letter-spacing: -0.01em; }
body .cookieadmin_law_container .cookieadmin_consent_inside { border-radius: 12px !important; }