/* ── Versión MÁRMOL ────────────────────────────────────────────
   Piedra clara y letra clásica: Cormorant de alto contraste,
   vetas suaves de fondo, versalitas y filetes de bronce. */
body.tema-marmol{
  --ink:#1d1b18; --ink-2:#55504a; --ink-3:#8b857c;
  --paper:#f7f5f1; --paper-2:#efece6; --line:#ddd8cf;
  --peri:#e7e2d8; --peri-2:#b9ad95; --peri-deep:#7a6a4e;
  --bronce:#94764a; --card:#fffefb;
  --shadow:0 1px 2px rgba(29,27,24,.04); --shadow-lg:0 24px 50px -34px rgba(29,27,24,.5);
  --r:2px; --maxw:1160px; --sp:clamp(34px,4.3vw,60px);   /* menos aire entre secciones (Elisabeth, 20-oct) */
  background:
    radial-gradient(1200px 700px at 12% -10%, rgba(255,255,255,.9), transparent 60%),
    radial-gradient(900px 600px at 90% 8%, rgba(185,173,149,.18), transparent 62%),
    radial-gradient(700px 900px at 70% 80%, rgba(148,118,74,.07), transparent 58%),
    var(--paper);
  background-attachment:fixed;
}
@media (prefers-color-scheme: dark){
  body.tema-marmol:not([data-theme="light"]){
    --ink:#f2efe9; --ink-2:#c0b9ae; --ink-3:#938c81;
    --paper:#161513; --paper-2:#1d1b18; --line:#33302a; --card:#1d1b18;
    --peri:#2a2722; --peri-2:#8a7f6a; --peri-deep:#cbbb9c;
    background:#161513;
  }
}
body.tema-marmol h1,body.tema-marmol h2,body.tema-marmol h3{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;letter-spacing:.005em;line-height:1.1;
}
body.tema-marmol .hero h1{font-size:clamp(46px,6.2vw,88px);font-weight:300}
body.tema-marmol .hero h1 em{background:none;font-style:italic;color:var(--bronce)}
body.tema-marmol h2.title,body.tema-marmol .phero h1{font-size:clamp(36px,6vw,74px);font-weight:300}
body.tema-marmol .lede{font-size:clamp(17px,1.9vw,19.5px);color:var(--ink-2)}
body.tema-marmol .eyebrow{
  color:var(--bronce);letter-spacing:.32em;font-size:10.5px;font-weight:500;
}
body.tema-marmol .eyebrow::before{background:var(--bronce);width:30px;height:1px}

body.tema-marmol header{background:color-mix(in srgb,var(--paper) 86%,transparent);border-bottom:1px solid var(--line)}
body.tema-marmol .bar{height:88px}
body.tema-marmol .brand b{
  font-family:'Cormorant Garamond',serif;font-weight:500;letter-spacing:.22em;font-size:17px;
}
body.tema-marmol nav a.nav{
  border-radius:0;font-size:11px;letter-spacing:.2em;color:var(--ink-2);border-bottom:1px solid transparent;
}
body.tema-marmol nav a.nav:hover{background:none;color:var(--ink);border-bottom-color:var(--bronce)}
body.tema-marmol nav a.nav[aria-current]{background:none;color:var(--ink);border-bottom-color:var(--bronce)}
body.tema-marmol .nav-cta{
  background:none;border:1px solid var(--bronce);color:var(--bronce);border-radius:0;
  letter-spacing:.16em;font-size:11px;
}
body.tema-marmol .nav-cta:hover{background:var(--bronce);color:var(--paper);transform:none}
body.tema-marmol .btn{
  border-radius:0;letter-spacing:.2em;text-transform:uppercase;font-size:10.5px;padding:18px 34px;font-weight:500;
}
body.tema-marmol .btn-primary{background:var(--ink);color:var(--paper);box-shadow:none}
body.tema-marmol .btn-primary:hover{background:var(--bronce);transform:none}
body.tema-marmol .btn-ghost{border-color:var(--bronce);color:var(--bronce);background:none}
body.tema-marmol .btn-ghost:hover{background:var(--bronce);color:var(--paper);transform:none}
body.tema-marmol .btn-wa{background:none;border-color:var(--line);color:var(--ink-2)}
body.tema-marmol .btn-wa:hover{background:var(--ink);color:var(--paper);transform:none}

body.tema-marmol .hero{padding-block:clamp(40px,5.5vw,84px) 0}
body.tema-marmol .hero::before{display:none}
body.tema-marmol .hero-media .frame{
  border-radius:0;box-shadow:none;outline:1px solid var(--bronce);outline-offset:12px;
}
body.tema-marmol .hero-media .frame img{filter:grayscale(1) contrast(.95) brightness(1.04)}
body.tema-marmol .hero-media::after{display:none}
body.tema-marmol .hero-badge{
  border-radius:0;border:0;border-top:1px solid var(--bronce);background:none;box-shadow:none;
  position:static;width:100%;max-width:none;margin-top:22px;padding:14px 0 0;color:var(--ink-3);
}
body.tema-marmol .hero-badge b{
  font-family:'Cormorant Garamond',serif;font-size:34px;font-weight:300;color:var(--bronce);
  display:inline;margin-right:12px;
}
body.tema-marmol .hero-badge.hero-lema{border-top:0;border-left:2px solid var(--bronce);padding:2px 0 2px 16px;margin-top:22px}
body.tema-marmol .hero-lema span{display:inline;margin-right:.3em;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(17px,1.75vw,22px);line-height:1.3;color:var(--ink);white-space:nowrap}
body.tema-marmol .trust{border-color:var(--line)}
body.tema-marmol .trust li{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;padding:26px 8px}
body.tema-marmol .trust li+li{border-color:var(--line)}
body.tema-marmol .trust svg{color:var(--bronce);width:16px;height:16px}
body.tema-marmol .alt{background:var(--paper-2)}

body.tema-marmol .area-card,body.tema-marmol .grupo,body.tema-marmol .online-card,body.tema-marmol .lawyer,
body.tema-marmol .post,body.tema-marmol .office,body.tema-marmol .trio li,body.tema-marmol form,
body.tema-marmol .direct a,body.tema-marmol .pasos li,body.tema-marmol .destacada{
  border-radius:0;border:1px solid var(--line);background:var(--card);box-shadow:none;
}
body.tema-marmol .area-card:hover,body.tema-marmol .post:hover,body.tema-marmol .online-card:hover,
body.tema-marmol .destacada:hover{transform:none;box-shadow:var(--shadow-lg);border-color:var(--bronce)}
body.tema-marmol .post-img img,body.tema-marmol .destacada .ph img,body.tema-marmol .lawyer .ph img,
body.tema-marmol .art-img img{filter:grayscale(1) contrast(.95) brightness(1.03)}
body.tema-marmol .post:hover .post-img img{filter:grayscale(.55)}
body.tema-marmol .area-card h3,body.tema-marmol .online-card h3,body.tema-marmol .post h3,
body.tema-marmol .prio h3{font-size:23px;font-weight:400}
body.tema-marmol .prio{border-radius:0;border-color:var(--line);gap:1px;background:var(--line)}
body.tema-marmol .prio li{background:var(--card)}
body.tema-marmol .prio .k,body.tema-marmol .cols h4,body.tema-marmol .post .cat,
body.tema-marmol .role,body.tema-marmol .area-card .num{color:var(--bronce);letter-spacing:.22em;font-size:10.5px}
body.tema-marmol .online-card .ic{
  border-radius:0;background:none;border:1px solid var(--bronce);color:var(--bronce);
}
body.tema-marmol .pasos .n{
  border-radius:0;background:none;border:1px solid var(--bronce);color:var(--bronce);
  font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;
}
body.tema-marmol .spec span,body.tema-marmol .spec a{
  border-radius:0;background:none;border:1px solid var(--line);color:var(--ink-2);
  letter-spacing:.16em;text-transform:uppercase;font-size:10.5px;
}
body.tema-marmol .spec a:hover{border-color:var(--bronce);color:var(--bronce)}
body.tema-marmol .spec-big span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
body.tema-marmol .tags span{border-radius:0;border-color:var(--line);font-size:10.5px;letter-spacing:.06em;padding:4px 8px;white-space:nowrap}
body.tema-marmol .tags{gap:6px}
body.tema-marmol .areas{border-top:1px solid var(--line)}
body.tema-marmol details.area{border-bottom:1px solid var(--line)}
body.tema-marmol .area h3{font-size:clamp(24px,3.4vw,38px);font-weight:400}
body.tema-marmol .area .plus{border-radius:0;border-color:var(--bronce);width:34px;height:34px}
body.tema-marmol details.area[open] .plus{background:var(--bronce);border-color:var(--bronce)}
body.tema-marmol details.area[open] .plus::before,body.tema-marmol details.area[open] .plus::after{background:var(--paper)}
body.tema-marmol .online-teaser{background:var(--ink);border-radius:0}
body.tema-marmol .online-teaser .eyebrow{color:var(--peri-2)}
body.tema-marmol .online-teaser .eyebrow::before{background:var(--peri-2)}
body.tema-marmol .online-teaser .btn-primary{background:var(--bronce);color:var(--paper)}
body.tema-marmol .cta-box{
  background:none;border:1px solid var(--bronce);color:var(--ink);border-radius:0;
}
body.tema-marmol .cta-box h2{font-weight:300}
body.tema-marmol .cta-box .btn-primary{background:var(--ink);color:var(--paper)}
body.tema-marmol .cta-box .btn-ghost{border-color:var(--bronce);color:var(--bronce)}
body.tema-marmol .band{background:#1d1b18}
body.tema-marmol .band img.bg{opacity:.2;filter:grayscale(1)}
body.tema-marmol .band h2{font-weight:300;font-size:clamp(36px,5.6vw,68px)}
body.tema-marmol footer{background:#1d1b18;color:#a39c91;border-top:1px solid var(--bronce)}
body.tema-marmol footer h4{color:var(--bronce);letter-spacing:.24em}
body.tema-marmol .social a{border-radius:0;border-color:#3a362f}
body.tema-marmol .social a:hover{background:var(--bronce);border-color:var(--bronce);color:var(--paper)}
body.tema-marmol .field input,body.tema-marmol .field textarea,body.tema-marmol .field select{
  border-radius:0;border-width:1px;border-color:var(--line);background:var(--paper);
}
body.tema-marmol .field input:focus,body.tema-marmol .field textarea:focus{
  border-color:var(--bronce);box-shadow:none;
}
body.tema-marmol .field label{letter-spacing:.18em;text-transform:uppercase;font-size:10px;color:var(--ink-3)}
body.tema-marmol .articulo h1{font-weight:300;font-size:clamp(36px,5.6vw,66px)}
body.tema-marmol .art-body{font-size:18.5px;line-height:1.8}
body.tema-marmol .art-body h2,body.tema-marmol .art-body h3{font-weight:400}
body.tema-marmol .art-img{border-radius:0;outline:1px solid var(--line);outline-offset:-1px}
body.tema-marmol .art-body blockquote{
  border-left:0;border-top:1px solid var(--bronce);border-bottom:1px solid var(--bronce);
  background:none;border-radius:0;font-family:'Cormorant Garamond',serif;font-size:25px;
  font-style:italic;text-align:center;padding:28px 0;
}
body.tema-marmol .fab{border-radius:0;background:var(--ink);color:var(--paper);box-shadow:none}

/* movimiento: lento, como abrir una puerta pesada */
body.tema-marmol .rv{transform:translateY(16px);transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.22,1,.36,1)}
body.tema-marmol .rv h2.title{position:relative;padding-bottom:20px}
body.tema-marmol .rv h2.title::after{
  content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--bronce);
  transition:width 1.4s cubic-bezier(.22,1,.36,1) .2s;
}
body.tema-marmol .rv.in h2.title::after{width:96px}

/* ── legibilidad (20-oct-2026) ─────────────────────────────────
   Cormorant solo en titulares grandes; todo lo pequeño en Archivo.
   Nada por debajo de 12 px, menos tracking en mayúsculas y grises/bronce
   con contraste AA sobre el crema. */
body.tema-marmol{--ink-2:#4a4640; --ink-3:#6b665e; --bronce-txt:#7d6240}
body.tema-marmol h2.title,body.tema-marmol .phero h1{font-weight:400}
body.tema-marmol .pasos h3,body.tema-marmol .grupo h3,body.tema-marmol .office h3,
body.tema-marmol .trio b,body.tema-marmol .faq summary{
  font-family:Archivo,system-ui,sans-serif;font-weight:600;letter-spacing:0;line-height:1.3;
}
body.tema-marmol .pasos h3{font-size:17px;margin-bottom:8px;text-transform:none}
body.tema-marmol .grupo h3,body.tema-marmol .office h3{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--bronce-txt)}
body.tema-marmol .pasos p,body.tema-marmol .trio span,body.tema-marmol .online-card p,body.tema-marmol .area-card p,
body.tema-marmol .post p,body.tema-marmol .grupo li,body.tema-marmol .lawyer p,body.tema-marmol .office-extra{font-size:15.5px;line-height:1.6;color:var(--ink-2)}
body.tema-marmol .area .sum-note{font-size:15px;color:var(--ink-3)}
/* pasos: número arriba y el texto a todo el ancho */
body.tema-marmol .pasos li{grid-template-columns:1fr;gap:14px;padding:26px 24px}
body.tema-marmol .pasos .n{width:38px;height:38px}
/* etiquetas en mayúsculas: más grandes y con menos espacio */
body.tema-marmol .eyebrow{font-size:12px;letter-spacing:.2em;color:var(--bronce-txt)}
body.tema-marmol nav a.nav{font-size:12px;letter-spacing:.12em}
body.tema-marmol .btn,body.tema-marmol .nav-cta{font-size:12px;letter-spacing:.14em}
body.tema-marmol .trust li{font-size:12px;letter-spacing:.14em}
body.tema-marmol .field label{font-size:12px;letter-spacing:.1em;color:var(--ink-2)}
body.tema-marmol .prio .k,body.tema-marmol .cols h4,body.tema-marmol .post .cat,body.tema-marmol .destacada .cat,
body.tema-marmol .role,body.tema-marmol .area-card .num{font-size:12px;letter-spacing:.14em;color:var(--bronce-txt)}
body.tema-marmol .spec span,body.tema-marmol .spec a{font-size:12px;letter-spacing:.1em}
body.tema-marmol .tags span{font-size:12px}
body.tema-marmol .btn-ghost{color:var(--bronce-txt);border-color:var(--bronce-txt)}
body.tema-marmol .form-note,body.tema-marmol .video-cap{font-size:14px;color:var(--ink-3)}
body.tema-marmol .hero-badge{color:var(--ink-2);font-size:15px}
@media (prefers-color-scheme: dark){
  body.tema-marmol:not([data-theme="light"]){--ink-2:#cfc8bd; --ink-3:#a39c91; --bronce-txt:#c9a877}
}
body.tema-marmol .trio li,body.tema-marmol .pasos li{align-content:start}
body.tema-marmol .pasos .n{font-family:Archivo,system-ui,sans-serif;font-size:15px;font-weight:500}
body.tema-marmol .duo-ficha{border-radius:0}
body.tema-marmol .duo-ficha img{border-radius:0}
body.tema-marmol .duo-ficha b{font-family:Archivo,system-ui,sans-serif;font-weight:600}
body.tema-marmol .duo-ficha small{color:var(--bronce-txt);text-transform:uppercase;letter-spacing:.1em;font-size:12px}
body.tema-marmol .duo-ficha:hover{border-color:var(--bronce)}
body.tema-marmol .que-es-cita{font-family:'Cormorant Garamond',Georgia,serif;border-left-color:var(--bronce)}
body.tema-marmol .especialidades a:hover .esp-ic{border-color:var(--bronce);color:var(--bronce)}

/* ── Elisabeth, 20-oct-2026: títulos con la letra de «Dénia · València» (Archivo) y textos justificados ── */
body.tema-marmol h1,body.tema-marmol h2,body.tema-marmol h3,
body.tema-marmol .hero-badge b,body.tema-marmol .pasos .n,body.tema-marmol .art-body blockquote,
body.tema-marmol .que-es-cita,body.tema-marmol .hero-lema span{
  font-family:Archivo,system-ui,sans-serif;font-style:normal;
}
body.tema-marmol h1,body.tema-marmol h2{font-weight:500;letter-spacing:-.02em;line-height:1.12}
body.tema-marmol h3{font-weight:600;letter-spacing:-.005em}
body.tema-marmol .hero h1{font-size:clamp(38px,4.8vw,62px);font-weight:500}
body.tema-marmol h2.title{font-size:clamp(28px,3.6vw,46px);font-weight:500}
body.tema-marmol .phero h1{font-size:clamp(32px,4.4vw,54px);font-weight:500}
body.tema-marmol h1 em,body.tema-marmol h2 em,body.tema-marmol .hero h1 em{font-style:normal;color:var(--bronce);padding-inline:0}
body.tema-marmol .lawyer h3{font-size:21px}
body.tema-marmol .que-es-cita{font-size:clamp(19px,2vw,24px);font-weight:400;line-height:1.4}
body.tema-marmol .hero-lema span{font-size:clamp(15px,1.4vw,17px);font-weight:500}
body.tema-marmol .art-body blockquote{font-size:21px;font-weight:400}
body.tema-marmol .pasos .n{font-size:16px;font-weight:500}
body.tema-marmol .lede,body.tema-marmol .que-es-texto p,body.tema-marmol .atencion-texto p,body.tema-marmol .lawyer .txt p,
body.tema-marmol .art-body p,body.tema-marmol .online-card p,body.tema-marmol .area-card p,body.tema-marmol .intro-grid p{
  text-align:justify;hyphens:auto;-webkit-hyphens:auto;
}
/* títulos menos finos (Elisabeth: «muy finito, más contraste») */
body.tema-marmol h1,body.tema-marmol h2,body.tema-marmol .hero h1,body.tema-marmol h2.title,body.tema-marmol .phero h1{font-weight:600}
body.tema-marmol .phero .lede b{color:var(--ink)}
body.tema-marmol .online-card p,body.tema-marmol .area-card p{text-align:left;hyphens:manual}
/* lema bajo la foto: sin raya, como las etiquetas pequeñas de la web, separado por puntos dorados (Marc, 20-oct) */
body.tema-marmol .hero-badge.hero-lema,body .hero .hero-media .hero-lema{border:0;padding:0;margin-top:16px}
body.tema-marmol .hero-lema span,body .hero .hero-media .hero-lema span{
  display:inline;margin:0;font-family:Archivo,system-ui,sans-serif;font-style:normal;font-weight:600;
  font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;
}
body.tema-marmol .hero-lema span + span::before{content:"·";color:var(--bronce);margin:0 .45em 0 .15em;font-weight:700}
@media (max-width:880px){
  body.tema-marmol .hero .hero-media .hero-lema{text-align:center;margin-top:14px}
  body.tema-marmol .hero .hero-media .hero-lema span{font-size:10px;letter-spacing:.07em}
  body.tema-marmol .hero-lema span + span::before{margin:0 .4em 0 .1em}
}
body.tema-marmol .hero-badge.hero-lema{text-align:center}
/* títulos de cabecera del mismo tamaño que los de sección (Elisabeth, 20-oct) */
body.tema-marmol .phero h1{font-size:clamp(28px,3.6vw,46px)}
/* franja del globo: que se vea el mundo (Elisabeth, 20-oct); el texto se lee gracias al degradado del centro */
body.tema-marmol .band img.bg{opacity:.75;filter:grayscale(.15) contrast(1.05);transform:scale(1.06)}
body.tema-marmol .band::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(20,18,15,.78) 0%,rgba(20,18,15,.45) 60%,rgba(20,18,15,.15) 100%)}
body.tema-marmol .band .wrap{z-index:1}
body.tema-marmol .band p{color:#ece6dc}
body.tema-marmol .band img.bg{z-index:0}
body.tema-marmol .band::before{z-index:1}
body.tema-marmol .band .wrap{z-index:2}
body.tema-marmol .band .btn-primary{background:#fffefb;color:#1d1b18;border-color:#fffefb}
body.tema-marmol .band .btn-ghost{background:rgba(0,0,0,.25);color:#fff;border-color:rgba(255,255,255,.6)}
body.tema-marmol .band::before{background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(20,18,15,.66) 0%,rgba(20,18,15,.38) 60%,rgba(20,18,15,.1) 100%)}
body.tema-marmol .band img.bg{opacity:1;filter:grayscale(.1) brightness(1.45) contrast(1.08)}
body.tema-marmol .band::before{background:radial-gradient(ellipse 55% 60% at 50% 50%,rgba(20,18,15,.5) 0%,rgba(20,18,15,.25) 65%,rgba(20,18,15,0) 100%)}
body.tema-marmol .band h2,body.tema-marmol .band p{text-shadow:0 2px 18px rgba(0,0,0,.65),0 1px 3px rgba(0,0,0,.5)}
/* encuadre en la bola, no en el pie (Elisabeth, 20-oct: «que se vea más el globo, como en la web de ahora») */
body.tema-marmol .band img.bg{object-position:50% 0%;transform-origin:50% 22%;transform:scale(1.45)}
/* menos zoom y sin aclarar la foto (al ampliarla tanto se veían las manchas de compresión); encuadre algo más arriba y un pelín más oscura */
body.tema-marmol .band img.bg{object-position:50% 0%;transform-origin:50% 12%;transform:scale(1.18);filter:grayscale(.1) brightness(1.02) contrast(1.04)}
body.tema-marmol .band::before{background:radial-gradient(ellipse 58% 65% at 50% 50%,rgba(20,18,15,.55) 0%,rgba(20,18,15,.32) 65%,rgba(20,18,15,.12) 100%)}