/* © Fernando Martínez Marín · VEOVIRTUAL® · veovirtual.com */

/* Base */
:root {
--vv-ancho:1240px;
--vv-fondo:#ffffff;
--vv-texto:#222222;
--vv-acento:#555555;
--vv-oscuro:#111111;
--vv-claro:#ffffff;
--vv-foco:#1a73e8;
--vv-arriba-alto:80px;
--vv-barra-alto:0px;
--vv-cab-fondo:#ffffff;
--vv-cab-texto:#111111;
--vv-pie-fondo:#111111;
--vv-pie-texto:rgba(255,255,255,.7);
--vv-barra-fondo:rgba(17,17,17,.96);
--vv-radio:14px;
--vv-fuente-titulos:Georgia,serif;
--vv-fuente-textos:system-ui,-apple-system,"Segoe UI",sans-serif;
}
html {
scroll-padding-top:calc(var(--vv-arriba-alto) + 12px);
-webkit-text-size-adjust:100%;
}
body.vv {
margin:0;
background:var(--vv-fondo);
color:var(--vv-texto);
font-family:var(--vv-fuente-textos);
overflow-x:clip;
}
body.vv *,
body.vv *::before,
body.vv *::after {
box-sizing:border-box;
}
body .vv-contenido img,
body .vv-pie img {
max-width:100%;
height:auto;
}
body.vv :focus-visible {
outline:3px solid var(--vv-foco);
outline-offset:3px;
}
@media (prefers-reduced-motion:no-preference) {
html {
scroll-behavior:smooth;
}
}
body .vv-oculto {
position:absolute !important;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}
body .vv-saltar {
position:fixed;
top:10px;
left:10px;
z-index:100000;
padding:12px 18px;
border:0;
border-radius:8px;
background:var(--vv-oscuro);
color:var(--vv-claro);
font:600 15px/1.2 var(--vv-fuente-textos);
text-decoration:none;
cursor:pointer;
transform:translateY(-200%);
}
body .vv-saltar:focus,
body .vv-saltar:focus-visible {
transform:none;
}
body .vv-saltar--acc {
left:auto;
right:10px;
}
body .vv-contenido {
display:block;
outline:none;
}
body .vv-contenido:focus {
outline:none;
}

/* Cabecera */
body .vv-arriba {
position:fixed;
top:0;
left:0;
right:0;
z-index:9000;
}
body.admin-bar .vv-arriba {
top:32px;
}
body .vv-arriba-espacio {
height:var(--vv-arriba-alto);
}
body .vv-cabecera {
background:var(--vv-cab-fondo);
color:var(--vv-cab-texto);
transition:box-shadow .3s ease,background-color .3s ease;
}
html.vv-scroll body .vv-cabecera {
box-shadow:0 6px 24px rgba(0,0,0,.08);
}
body .vv-cabecera__caja {
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
max-width:var(--vv-ancho);
margin:0 auto;
padding:14px 3%;
}
body .vv-cabecera__marca {
display:flex;
align-items:center;
flex-shrink:0;
color:inherit;
text-decoration:none;
}
body .vv-cabecera__logo {
display:block;
width:auto;
height:60px;
transition:height .3s ease;
}
html.vv-scroll body .vv-cabecera__logo {
height:50px;
}
body .vv-cabecera__logo--texto {
font:600 1.4rem/1 var(--vv-fuente-titulos);
}
body .vv-nav__lista {
display:flex;
align-items:center;
gap:6px;
margin:0;
padding:0;
list-style:none;
}
body .vv-nav__item {
margin:0;
}
body .vv-nav__enlace {
display:inline-flex;
align-items:center;
gap:7px;
min-height:44px;
padding:8px 12px;
color:inherit;
text-decoration:none;
}
body .vv-nav__ico {
display:inline-flex;
}
body .vv-nav__ico svg,
body .vv-menu-movil__ico svg,
body .vv-barra__ico svg {
display:block;
width:18px;
height:18px;
}
body .vv-cabecera__menu {
display:none;
align-items:center;
gap:10px;
min-height:44px;
padding:8px 18px;
border:1px solid currentColor;
border-radius:999px;
background:transparent;
color:inherit;
font:600 14px/1 var(--vv-fuente-textos);
cursor:pointer;
}
body .vv-cabecera__hamb {
position:relative;
display:block;
width:22px;
height:14px;
}
body .vv-cabecera__hamb::before,
body .vv-cabecera__hamb::after,
body .vv-cabecera__hamb span {
content:"";
position:absolute;
left:0;
right:0;
height:2px;
border-radius:2px;
background:currentColor;
}
body .vv-cabecera__hamb::before {
top:0;
}
body .vv-cabecera__hamb span {
top:6px;
}
body .vv-cabecera__hamb::after {
bottom:0;
}
@media only screen and (max-width:1100px) {
body .vv-nav {
display:none;
}
body .vv-cabecera__menu {
display:inline-flex;
}
}
@media only screen and (max-width:767px) {
body.admin-bar .vv-arriba {
top:0;
}
body .vv-cabecera__caja {
padding:10px 5%;
}
body .vv-cabecera__logo,
html.vv-scroll body .vv-cabecera__logo {
height:44px;
}
body .vv-cabecera__menu {
padding:0;
width:48px;
height:48px;
justify-content:center;
border:0;
}
body .vv-cabecera__menu-txt {
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0,0,0,0);
}
}

/* Menú móvil */
body .vv-menu-movil {
position:fixed;
inset:0;
z-index:10050;
}
body .vv-menu-movil[hidden] {
display:none;
}
body .vv-menu-movil__fondo {
position:absolute;
inset:0;
background:rgba(0,0,0,.55);
opacity:0;
transition:opacity .3s ease;
}
body .vv-menu-movil__panel {
position:absolute;
top:0;
right:0;
bottom:0;
display:flex;
flex-direction:column;
width:min(88vw,400px);
overflow-y:auto;
overscroll-behavior:contain;
background:var(--vv-oscuro);
color:var(--vv-claro);
transform:translateX(100%);
transition:transform .35s cubic-bezier(.32,.72,.35,1);
}
body .vv-menu-movil.is-abierto .vv-menu-movil__fondo {
opacity:1;
}
body .vv-menu-movil.is-abierto .vv-menu-movil__panel {
transform:none;
}
body .vv-menu-movil__cab {
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:22px 24px;
}
body .vv-menu-movil__logo {
display:block;
width:auto;
height:52px;
}
body .vv-menu-movil__cerrar {
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
padding:0;
border:1px solid rgba(255,255,255,.25);
border-radius:50%;
background:transparent;
color:inherit;
font-size:26px;
line-height:1;
cursor:pointer;
}
body .vv-menu-movil__lista {
margin:0;
padding:8px 24px;
list-style:none;
}
body .vv-menu-movil__enlace {
display:flex;
align-items:center;
gap:14px;
min-height:52px;
padding:12px 0;
border-bottom:1px solid rgba(255,255,255,.1);
color:inherit;
text-decoration:none;
}
body .vv-menu-movil__pie {
margin-top:auto;
padding:24px;
}
html.vv-menu-abierto,
html.vv-menu-abierto body {
overflow:hidden;
}

/* Barra inferior */
body .vv-barra {
position:fixed;
left:0;
right:0;
bottom:0;
z-index:8900;
padding-bottom:env(safe-area-inset-bottom);
background:var(--vv-barra-fondo);
color:var(--vv-claro);
}
body .vv-barra__caja {
display:flex;
align-items:center;
max-width:var(--vv-ancho);
margin:0 auto;
padding:8px 3%;
}
body .vv-barra__grupo {
display:flex;
align-items:center;
gap:12px;
flex:1 1 auto;
min-width:0;
}
body .vv-barra__grupo:last-child {
justify-content:flex-end;
}
body .vv-barra__grupo:only-child {
justify-content:center;
}
body .vv-barra__botones {
display:flex;
align-items:center;
gap:8px;
}
body .vv-barra__btn {
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:40px;
padding:8px 14px;
border-radius:999px;
border:0;
background:transparent;
color:inherit;
font:inherit;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
-webkit-appearance:none;
appearance:none;
}
body .vv-barra__etiqueta-movil {
display:none;
}
body .vv-barra__separador {
flex:0 0 1px;
align-self:stretch;
margin:4px 20px;
background:rgba(255,255,255,.2);
}
@media only screen and (max-width:767px) {
body .vv-barra__caja {
gap:0;
padding:4px 6px;
}
body .vv-barra__grupo,
body .vv-barra__grupo:last-child,
body .vv-barra__grupo:only-child {
flex:1 1 0;
justify-content:stretch;
gap:4px;
}
body .vv-barra__etiqueta {
display:none;
}
body .vv-barra__etiqueta-movil {
display:block;
flex:0 0 auto;
max-width:64px;
font-size:11px;
line-height:1.2;
}
body .vv-barra__botones {
flex:1 1 auto;
min-width:0;
gap:2px;
}
body .vv-barra__btn {
flex:1 1 0;
flex-direction:column;
gap:3px;
min-width:0;
width:auto;
height:auto;
min-height:54px;
padding:6px 2px;
border-radius:12px;
}
body .vv-barra__txt {
display:block;
max-width:100%;
overflow:hidden;
font-size:11px;
font-weight:600;
line-height:1.15;
text-overflow:ellipsis;
white-space:nowrap;
}
body .vv-barra__ico svg {
width:22px;
height:22px;
}
body .vv-barra__separador {
margin:6px 4px;
}
}

/* Pie */
body .vv-pie {
padding-bottom:var(--vv-barra-alto);
background:var(--vv-pie-fondo);
color:var(--vv-pie-texto);
}
body .vv-pie__caja {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:48px;
max-width:var(--vv-ancho);
margin:0 auto;
padding:72px 3% 56px;
}
body .vv-pie a {
color:inherit;
}
body .vv-pie__legal-caja {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:10px 24px;
max-width:var(--vv-ancho);
margin:0 auto;
padding:20px 3%;
}
body .vv-pie__legales {
display:flex;
flex-wrap:wrap;
gap:6px 18px;
margin:0;
padding:0;
list-style:none;
}
body .vv-pie__boton {
padding:0;
border:0;
background:none;
color:inherit;
font:inherit;
text-decoration:underline;
text-underline-offset:3px;
cursor:pointer;
}
body .vv-pie__dato {
display:flex;
align-items:flex-start;
gap:12px;
margin:0 0 14px;
line-height:1.5;
}
body .vv-pie__ico {
flex:none;
width:1.2em;
height:1.2em;
margin-top:.15em;
}
body .vv-pie__dato a {
overflow-wrap:anywhere;
}
body .vv-horario--compacto,
body .vv-pie .vv-pie__dato .vv-horario--compacto {
display:flex;
flex-direction:column;
align-items:flex-start;
gap:2px;
text-align:left;
}
:where(.vv-contenido,.vv-pie) a {
color:inherit;
text-decoration-color:var(--vv-acento,currentColor);
text-underline-offset:3px;
}
body .vv-pie__copy,
body .vv-pie__credito {
margin:0;
}
@media only screen and (max-width:959px) {
body .vv-pie__caja {
grid-template-columns:1fr;
gap:40px;
padding:56px 6% 40px;
text-align:center;
}
body .vv-pie__dato {
justify-content:center;
}
body .vv-pie__legal-caja {
flex-direction:column;
text-align:center;
}
body .vv-pie__legales {
justify-content:center;
}
}

/* Mapa */
body .vv-mapa {
position:relative;
width:100%;
height:var(--vv-mapa-alto,460px);
overflow:hidden;
border-radius:var(--vv-radio);
background:#e9e6e1;
}
body .vv-mapa iframe {
display:block;
width:100%;
height:100%;
border:0;
}
body .vv-mapa iframe[data-vv-src] {
visibility:hidden;
}
body .vv-mapa__aviso {
position:absolute;
inset:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:6px;
padding:24px;
text-align:center;
}
body .vv-mapa.is-cargado .vv-mapa__aviso {
display:none;
}
body .vv-mapa__botones {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:10px 18px;
}
body .vv-mapa__btn {
min-height:44px;
padding:10px 22px;
border:0;
border-radius:999px;
background:var(--vv-oscuro);
color:var(--vv-claro);
font:600 14px/1.2 var(--vv-fuente-textos);
cursor:pointer;
}

/* Cookies */
body .vv-cookies {
position:fixed;
left:0;
right:0;
bottom:var(--vv-barra-alto);
z-index:9500;
padding:18px 3%;
background:#ffffff;
color:#222222;
box-shadow:0 -10px 40px rgba(0,0,0,.18);
visibility:hidden;
transform:translateY(calc(100% + var(--vv-barra-alto, 0px) + 40px));
transition:transform .35s ease,visibility 0s linear .35s;
}
body .vv-cookies.is-visible {
visibility:visible;
transform:none;
transition:transform .35s ease,visibility 0s linear 0s;
}
body .vv-cookies__caja {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:14px 28px;
max-width:var(--vv-ancho);
margin:0 auto;
}
body .vv-cookies__texto {
flex:1 1 420px;
margin:0;
font-size:14px;
line-height:1.55;
}
body .vv-cookies__titulo {
display:block;
margin-bottom:2px;
font-size:15px;
font-weight:700;
}
body .vv-cookies__botones {
display:flex;
flex-wrap:wrap;
gap:10px;
}
body .vv-cookies__btn {
min-width:150px;
min-height:44px;
padding:10px 20px;
border:2px solid var(--vv-oscuro);
border-radius:999px;
background:var(--vv-oscuro);
color:var(--vv-claro);
font:700 14px/1.2 var(--vv-fuente-textos);
cursor:pointer;
}
body .vv-dialogo {
position:fixed;
inset:0;
z-index:10100;
display:flex;
align-items:center;
justify-content:center;
padding:16px;
}
body .vv-dialogo[hidden] {
display:none;
}
body .vv-dialogo__fondo {
position:absolute;
inset:0;
background:rgba(0,0,0,.55);
}
body .vv-dialogo__caja {
position:relative;
width:min(620px,100%);
max-height:calc(100dvh - 32px);
overflow-y:auto;
padding:28px;
border-radius:var(--vv-radio);
background:#ffffff;
color:#222222;
}
body .vv-dialogo__titulo {
margin:0 0 8px;
font-size:22px;
}
body .vv-dialogo__cerrar {
position:absolute;
top:14px;
right:14px;
width:44px;
height:44px;
border:0;
border-radius:50%;
background:#f1f1f1;
font-size:24px;
cursor:pointer;
}
body .vv-cat {
padding:14px 0;
border-top:1px solid #e6e6e6;
}
body .vv-cat__cab {
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
}
body .vv-cat__nombre {
font-weight:700;
}
body .vv-cat__texto {
margin:6px 0 0;
font-size:14px;
line-height:1.5;
}
body .vv-interruptor {
position:relative;
flex-shrink:0;
width:52px;
height:30px;
}
body .vv-interruptor input {
position:absolute;
inset:0;
width:100%;
height:100%;
margin:0;
opacity:0;
cursor:pointer;
}
body .vv-interruptor span {
position:absolute;
inset:0;
border-radius:30px;
background:#bdbdbd;
transition:background-color .2s ease;
pointer-events:none;
}
body .vv-interruptor span::after {
content:"";
position:absolute;
top:3px;
left:3px;
width:24px;
height:24px;
border-radius:50%;
background:#ffffff;
transition:transform .2s ease;
}
body .vv-interruptor input:checked + span {
background:var(--vv-oscuro);
}
body .vv-interruptor input:checked + span::after {
transform:translateX(22px);
}
body .vv-interruptor input:disabled + span {
opacity:.6;
}
body .vv-interruptor input:focus-visible + span {
outline:3px solid var(--vv-foco);
outline-offset:3px;
}
body .vv-dialogo__botones {
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:18px;
}
body .vv-cookies-lista__tabla {
overflow-x:auto;
}
body .vv-cookies-lista table {
width:100%;
border-collapse:collapse;
font-size:14px;
}
body .vv-cookies-lista th,
body .vv-cookies-lista td {
padding:8px 10px;
border-bottom:1px solid rgba(0,0,0,.12);
text-align:left;
vertical-align:top;
}
@media only screen and (max-width:767px) {
body .vv-cookies__btn {
flex:1 1 100%;
}
body .vv-cookies-lista thead {
display:none;
}
body .vv-cookies-lista tr,
body .vv-cookies-lista td {
display:block;
}
body .vv-cookies-lista tr {
padding:8px 0;
border-bottom:1px solid rgba(0,0,0,.12);
}
body .vv-cookies-lista td {
border:0;
padding:3px 0;
}
body .vv-cookies-lista td::before {
content:attr(data-l) ": ";
font-weight:700;
}
}

/* 404 y título de página */
body .vv-404 {
padding:120px 6%;
text-align:center;
}
body .vv-404__caja {
max-width:640px;
margin:0 auto;
}
body .vv-titulo-pagina {
max-width:var(--vv-ancho);
margin:0 auto;
padding:56px 3% 8px;
}

/* © Fernando Martínez Marín · VEOVIRTUAL® · veovirtual.com */

/* Fuentes */
@font-face {
font-family:"Montserrat";
src:url("https://www.clinicadentalbalboa.com/wp-content/uploads/vv-cache/91ee310c5d26/comun/fuentes/montserrat-latin.woff2") format("woff2");
font-weight:100 900;
font-style:normal;
font-display:swap;
}
@font-face {
font-family:"Figtree";
src:url("https://www.clinicadentalbalboa.com/wp-content/uploads/vv-cache/91ee310c5d26/comun/fuentes/figtree-latin.woff2") format("woff2");
font-weight:300 900;
font-style:normal;
font-display:swap;
}

/* Marca */
:root {
--vv-ancho:1240px;
--vv-fondo:#f7f2ea;
--vv-texto:#3a3430;
--vv-texto-panel:#2b2724;
--vv-acento:#8a5526;
--vv-oscuro:#2b2724;
--vv-claro:#ffffff;
--vv-foco:#1f6feb;
--vv-arriba-alto:104px;
--vv-cab-fondo:rgba(255,255,255,.94);
--vv-cab-texto:#2b2724;
--vv-pie-fondo:#2b2724;
--vv-pie-texto:rgba(255,255,255,.8);
--vv-barra-fondo:rgba(43,39,36,.97);
--vv-radio:18px;
--vv-fuente-titulos:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
--vv-fuente-textos:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
--cb-roble:#c9955c;
--cb-roble-txt:#8a5526;
--cb-roble-claro:#f1e3cf;
--cb-piedra:#e9dcc7;
--cb-crema:#f7f2ea;
--cb-blanco:#ffffff;
--cb-linea:rgba(43,39,36,.12);
--cb-sombra:0 22px 50px -24px rgba(43,39,36,.45);
--cb-sombra-suave:0 12px 30px -20px rgba(43,39,36,.4);
--cb-madera:linear-gradient(115deg,#b9824b 0%,#d4a46f 45%,#a8713c 100%);
--cb-sec:clamp(64px,8vw,112px);
--cb-lado:clamp(20px,5vw,64px);
--cb-mono:url("https://www.clinicadentalbalboa.com/wp-content/uploads/vv-cache/91ee310c5d26/img/isotipo-balboa.svg");
}
body.cb {
font-size:17px;
line-height:1.65;
-webkit-font-smoothing:antialiased;
}
body.cb h1,
body.cb h2,
body.cb h3,
body.cb h4 {
font-family:var(--vv-fuente-titulos);
color:var(--vv-oscuro);
font-weight:800;
letter-spacing:-.015em;
line-height:1.12;
text-wrap:balance;
}
body.cb p {
text-wrap:pretty;
}
body.cb .vv-contenido a:not([class]) {
color:var(--vv-oscuro);
text-decoration:underline;
text-decoration-color:var(--cb-roble);
text-decoration-thickness:1.5px;
text-underline-offset:3px;
}
body.cb .vv-contenido a:not([class]):hover {
color:var(--cb-roble-txt);
}
body.cb ::selection {
background:var(--cb-roble-claro);
color:var(--vv-oscuro);
}
body.cb .cb-ante {
margin:0 0 .6em;
color:var(--cb-roble-txt);
font:700 .78rem/1.3 var(--vv-fuente-titulos);
letter-spacing:.2em;
text-transform:uppercase;
}
body.cb .cb-titulo {
margin:0 0 .5em;
font-size:clamp(1.8rem,3.4vw,2.7rem);
}
body.cb .cb-intro {
max-width:40em;
margin:0;
font-size:1.1rem;
}
body.cb .cb-cab {
max-width:760px;
margin:0 auto clamp(32px,4vw,52px);
text-align:center;
}
body.cb .cb-cab .cb-intro {
margin:0 auto;
}
body.cb .cb-cab .cb-ante::after {
content:"";
display:block;
width:42px;
height:3px;
margin:12px auto 0;
border-radius:3px;
background:var(--cb-madera);
}

/* Botones */
body.cb .cb-btn-a,
body.cb .vvf-boton,
body.cb .vvf-form__boton,
body.cb .vv-mapa__btn {
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:50px;
padding:13px 28px;
border:2px solid var(--vv-oscuro);
border-radius:999px;
background:var(--vv-oscuro);
color:#ffffff;
font:700 .95rem/1.2 var(--vv-fuente-titulos);
letter-spacing:.01em;
text-decoration:none;
cursor:pointer;
transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;
}
body.cb .cb-btn-a:hover,
body.cb .vvf-boton:hover,
body.cb .vvf-form__boton:hover,
body.cb .vv-mapa__btn:hover {
border-color:var(--cb-roble-txt);
background:var(--cb-roble-txt);
color:#ffffff;
transform:translateY(-2px);
}
body.cb .cb-btn-a--linea,
body.cb .vvf-boton--linea {
background:transparent;
color:var(--vv-oscuro);
}
body.cb .cb-btn-a--linea:hover,
body.cb .vvf-boton--linea:hover {
border-color:var(--vv-oscuro);
background:var(--vv-oscuro);
color:#ffffff;
}
body.cb .cb-botones {
margin:clamp(28px,4vw,44px) 0 0;
}
body.cb .cb-botones--centro {
text-align:center;
}

/* Cabecera */
body.cb .vv-cabecera {
-webkit-backdrop-filter:saturate(1.3) blur(12px);
backdrop-filter:saturate(1.3) blur(12px);
}
html.vv-scroll body.cb .vv-cabecera {
box-shadow:0 1px 0 var(--cb-linea),0 14px 30px -24px rgba(43,39,36,.5);
}
body.cb .vv-cabecera__caja {
align-items:flex-end;
padding-top:18px;
padding-bottom:16px;
}
body.cb .vv-cabecera__logo {
height:66px;
}
html.vv-scroll body.cb .vv-cabecera__logo {
height:48px;
}
body.cb .vv-nav__lista {
gap:2px;
}
body.cb .vv-nav__enlace {
position:relative;
gap:8px;
padding:10px 13px;
color:var(--vv-cab-texto);
font:700 .76rem/1.2 var(--vv-fuente-titulos);
letter-spacing:.13em;
text-transform:uppercase;
}
body.cb .vv-nav__enlace::after {
content:"";
position:absolute;
left:13px;
right:13px;
bottom:4px;
height:2px;
border-radius:2px;
background:var(--cb-roble);
transform:scaleX(0);
transform-origin:left;
transition:transform .3s ease;
}
body.cb .vv-nav__item:hover > .vv-nav__enlace::after,
body.cb .vv-nav__item.is-actual > .vv-nav__enlace::after,
body.cb .vv-nav__item.is-ancestro > .vv-nav__enlace::after {
transform:none;
}
body.cb .vv-nav__ico {
color:var(--cb-roble-txt);
}
body.cb .vv-nav__item--destacado > .vv-nav__enlace {
margin-left:12px;
padding:13px 24px;
border-radius:999px;
background:var(--vv-oscuro);
color:#ffffff;
}
body.cb .vv-nav__item--destacado > .vv-nav__enlace::after {
display:none;
}
body.cb .vv-nav__item--destacado > .vv-nav__enlace .vv-nav__ico {
color:var(--cb-roble);
}
body.cb .vv-nav__item--destacado:hover > .vv-nav__enlace,
body.cb .vv-nav__item--destacado.is-actual > .vv-nav__enlace {
background:var(--cb-roble-txt);
}
body.cb .vv-cabecera__menu {
border-color:rgba(43,39,36,.25);
color:var(--vv-oscuro);
font-family:var(--vv-fuente-titulos);
}
@media only screen and (max-width:1100px) {
body.cb {
--vv-arriba-alto:84px;
}
body.cb .vv-cabecera__caja {
align-items:center;
}
body.cb .vv-cabecera__logo,
html.vv-scroll body.cb .vv-cabecera__logo {
height:52px;
}
}
@media only screen and (max-width:767px) {
body.cb {
--vv-arriba-alto:68px;
font-size:16px;
}
body.cb .vv-cabecera__caja {
justify-content:center;
padding-top:10px;
padding-bottom:10px;
}
body.cb .vv-cabecera__logo,
html.vv-scroll body.cb .vv-cabecera__logo {
height:46px;
}
body.cb .vv-cabecera__menu {
display:none;
}
}

/* Submenú */
body.cb .vv-nav__sub {
border:1px solid var(--cb-linea);
border-radius:22px;
background:#ffffff;
box-shadow:var(--cb-sombra);
}
body.cb .vv-nav__sub--mega {
width:min(820px,calc(100vw - 32px));
padding:20px;
}
body.cb .vv-nav__sub--mega .vv-nav__sub-lista {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:2px 8px;
}
body.cb .vv-nav__sub-enlace {
display:flex;
align-items:center;
gap:10px;
padding:10px 14px;
border-radius:12px;
color:var(--vv-oscuro);
font:600 .93rem/1.3 var(--vv-fuente-textos);
text-decoration:none;
}
body.cb .vv-nav__sub-enlace::before {
content:"";
flex:none;
width:8px;
height:8px;
border-radius:50%;
background:var(--cb-roble);
}
body.cb .vv-nav__sub-enlace:hover,
body.cb .vv-nav__sub-enlace:focus-visible,
body.cb .vv-nav__sub-item.is-actual > .vv-nav__sub-enlace {
background:var(--cb-crema);
}
body.cb .vv-nav__sub--mega .vv-nav__foto,
body.cb .vv-nav__sub--mega .vv-nav__desc {
display:none;
}

/* Menú móvil */
body.cb .vv-menu-movil__panel {
background:radial-gradient(90% 55% at 100% 100%,rgba(201,149,92,.38) 0%,rgba(201,149,92,0) 70%),radial-gradient(70% 45% at 0% 0%,rgba(233,220,199,.12) 0%,rgba(233,220,199,0) 70%),var(--vv-oscuro);
overflow-x:hidden;
}
body.cb .vv-menu-movil__panel::after {
content:"";
position:absolute;
right:-70px;
bottom:-60px;
width:300px;
height:300px;
background:#ffffff;
-webkit-mask:var(--cb-mono) center / contain no-repeat;
mask:var(--cb-mono) center / contain no-repeat;
opacity:.05;
pointer-events:none;
}
body.cb .vv-menu-movil__panel > * {
position:relative;
z-index:1;
}
body.cb .vv-menu-movil__logo {
height:44px;
}
body.cb .vv-menu-movil__enlace {
font:700 .8rem/1.3 var(--vv-fuente-titulos);
letter-spacing:.14em;
text-transform:uppercase;
}
body.cb .vv-menu-movil__sub-enlace {
font:500 .95rem/1.3 var(--vv-fuente-textos);
opacity:.9;
}
body.cb .vv-menu-movil__ico {
color:var(--cb-roble);
}
body.cb .vv-menu-movil__btn {
margin-right:14px;
color:#ffffff;
}
body.cb .vv-menu-movil__btn .vv-ico-svg {
width:48px;
height:48px;
padding:13px;
border-radius:50%;
background-color:var(--cb-roble-txt);
color:#ffffff;
}
body.cb .vv-menu-movil__btn--wa .vv-ico-svg {
background-color:#25d366;
color:#0b1f12;
}

/* Barra móvil */
body.cb .vv-barra {
display:none;
}
@media only screen and (max-width:767px) {
body.cb {
--vv-barra-alto:74px;
}
body.cb .vv-barra {
display:block;
left:10px;
right:10px;
bottom:10px;
padding-bottom:0;
border-radius:22px;
box-shadow:0 14px 34px -10px rgba(43,39,36,.6);
}
body.cb .vv-barra__caja {
padding:6px;
}
body.cb .vv-barra__grupo,
body.cb .vv-barra__botones {
justify-content:space-around;
width:100%;
}
body.cb .vv-barra__btn {
flex-direction:column;
gap:3px;
min-width:58px;
height:50px;
padding:0 4px;
border-radius:16px;
}
body.cb .vv-barra__btn svg {
width:21px;
height:21px;
}
body.cb .vv-barra__txt {
font:700 10.5px/1 var(--vv-fuente-textos);
}
body.cb .vv-barra__btn--cita {
background:var(--cb-roble-txt);
}
}

/* Hero */
body.cb .cb-hero {
position:relative;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);
align-items:stretch;
min-height:min(700px,calc(100svh - var(--vv-arriba-alto)));
background:#ffffff;
overflow:hidden;
}
body.cb .cb-hero__texto {
position:relative;
z-index:2;
align-self:center;
padding:clamp(48px,6vw,96px) clamp(24px,4vw,48px) clamp(48px,6vw,96px) max(var(--cb-lado),calc((100vw - var(--vv-ancho)) / 2 + 3%));
}
body.cb .cb-hero__titulo {
margin:.2em 0 .45em;
font-size:clamp(2.4rem,4.4vw,4.2rem);
line-height:1.04;
letter-spacing:-.025em;
}
body.cb .cb-rota__txt {
display:inline-block;
background:var(--cb-madera);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
transition:opacity .45s ease,transform .45s ease;
}
body.cb .cb-rota__txt.is-saliendo {
opacity:0;
transform:translateY(-.25em);
}
body.cb .cb-rota__txt.is-entrando {
opacity:0;
transform:translateY(.25em);
}
body.cb .cb-rota {
display:block;
}
body.cb .cb-rota__pausa {
display:inline-flex;
align-items:center;
justify-content:center;
align-self:center;
width:34px;
height:34px;
margin-left:4px;
padding:0;
border:1px solid var(--cb-linea);
border-radius:50%;
background:#ffffff;
color:var(--vv-oscuro);
vertical-align:middle;
cursor:pointer;
}
body.cb .cb-rota__pausa svg {
width:12px;
height:12px;
}
body.cb .cb-hero__intro {
max-width:30em;
margin:0;
font-size:1.15rem;
}
body.cb .cb-hero__botones {
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:30px;
}
body.cb .cb-hero__visual {
position:relative;
min-height:420px;
}
body.cb .cb-hero__foto {
position:absolute;
inset:0;
margin:0;
clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);
}
body.cb .cb-hero__foto img {
width:100%;
height:100%;
object-fit:cover;
object-position:30% 50%;
animation:cb-zoom 18s ease-in-out infinite alternate;
}
body.cb .cb-hero__chip {
position:absolute;
z-index:3;
max-width:250px;
padding:14px 18px;
border-radius:18px;
background:#ffffff;
box-shadow:var(--cb-sombra);
color:var(--vv-texto);
font-size:.9rem;
line-height:1.4;
animation:cb-flota 6s ease-in-out infinite;
}
body.cb .cb-hero__chip-t {
display:block;
color:var(--vv-oscuro);
font:800 .92rem/1.3 var(--vv-fuente-titulos);
}
body.cb .cb-hero__chip .vv-horario {
display:block;
}
body.cb .cb-hero__chip--horario {
left:6%;
bottom:44px;
}
body.cb .cb-hero__chip--3d {
top:40px;
right:40px;
animation-delay:-2s;
}
body.cb .cb-hero__chip--padi {
right:56px;
bottom:150px;
animation-delay:-4s;
}
body.cb .cb-hero__chip::before {
content:"";
position:absolute;
top:16px;
left:-6px;
width:12px;
height:12px;
border-radius:50%;
background:var(--cb-roble);
box-shadow:0 0 0 4px #ffffff;
}
@keyframes cb-flota {
0%,100% {
translate:0 0;
}
50% {
translate:0 -8px;
}
}
@keyframes cb-zoom {
from {
scale:1;
}
to {
scale:1.07;
}
}
@media only screen and (max-width:959px) {
body.cb .cb-hero {
grid-template-columns:1fr;
min-height:0;
}
body.cb .cb-hero__visual {
order:-1;
min-height:0;
aspect-ratio:16 / 10;
}
body.cb .cb-hero__foto {
clip-path:polygon(0 0,100% 0,100% 100%,0 92%);
}
body.cb .cb-hero__texto {
padding:34px var(--cb-lado) 56px;
}
body.cb .cb-hero__chip--padi {
display:none;
}
body.cb .cb-hero__chip--3d {
top:auto;
right:16px;
bottom:34px;
}
body.cb .cb-hero__chip--horario {
display:none;
}
}
@media only screen and (max-width:767px) {
body.cb .cb-hero__visual {
aspect-ratio:4 / 3;
}
body.cb .cb-hero__foto img {
object-position:22% 50%;
}
body.cb .cb-hero__titulo {
font-size:clamp(2.1rem,9.4vw,2.8rem);
}
body.cb .cb-hero__chip {
padding:10px 14px;
font-size:.82rem;
}
body.cb .cb-hero__botones .cb-btn-a {
flex:1 1 100%;
}
}

/* Valores */
body.cb .cb-val {
position:relative;
z-index:2;
padding:0 var(--cb-lado);
background:linear-gradient(#ffffff 50%,var(--vv-fondo) 50%);
}
body.cb .cb-val__lista {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
max-width:var(--vv-ancho);
margin:0 auto;
padding:0;
list-style:none;
border:1px solid var(--cb-linea);
border-radius:26px;
background:#ffffff;
box-shadow:var(--cb-sombra-suave);
}
body.cb .cb-val__item {
position:relative;
padding:clamp(24px,3vw,38px) clamp(22px,3vw,36px);
}
body.cb .cb-val__item + .cb-val__item {
border-left:1px solid var(--cb-linea);
}
body.cb .cb-val__t {
margin:14px 0 6px;
font-size:1.2rem;
}
body.cb .cb-val__item p {
margin:0;
font-size:.97rem;
}
body.cb .cb-val__ico {
display:block;
width:54px;
height:54px;
border-radius:16px;
background:var(--cb-roble-claro);
}
body.cb .cb-val__ico::before {
content:"";
display:block;
width:100%;
height:100%;
background:var(--cb-roble-txt);
-webkit-mask:var(--cb-i) center / 28px no-repeat;
mask:var(--cb-i) center / 28px no-repeat;
}
@media only screen and (max-width:767px) {
body.cb .cb-val__lista {
grid-template-columns:1fr;
}
body.cb .cb-val__item + .cb-val__item {
border-left:0;
border-top:1px solid var(--cb-linea);
}
body.cb .cb-val__item {
display:grid;
grid-template-columns:48px 1fr;
column-gap:16px;
align-items:start;
}
body.cb .cb-val__ico {
grid-row:1 / 3;
width:48px;
height:48px;
}
body.cb .cb-val__t {
margin:2px 0 4px;
}
}

/* Iconos */
body.cb .cb-ico--compromiso {
--cb-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-7.5-4.4-7.5-10.2A4.3 4.3 0 0 1 12 7.7a4.3 4.3 0 0 1 7.5 2.6c0 5.8-7.5 10.2-7.5 10.2z'/%3E%3Cpath d='m9 12.6 2 2 4-4.2'/%3E%3C/svg%3E");
}
body.cb .cb-ico--tecnologia {
--cb-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.6c-1.6 0-2.1.8-3.4.8-1.1 0-2.6.6-2.6 2.9 0 2.4.9 3.7 1.5 5.5.4 1.4.6 3.6 1.7 3.6s.9-2.4 1.8-4c.3-.6.8-.6 1.1 0 .9 1.6.7 4 1.8 4s1.3-2.2 1.7-3.6c.6-1.8 1.5-3.1 1.5-5.5 0-2.3-1.5-2.9-2.6-2.9-1.3 0-1.8-.8-3.5-.8z'/%3E%3Cpath d='M3 20.4h18M6.5 20.4v-2M17.5 20.4v-2'/%3E%3C/svg%3E");
}
body.cb .cb-ico--experiencia {
--cb-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3.5 19.5a5.5 5.5 0 0 1 11 0'/%3E%3Ccircle cx='17' cy='9.5' r='2.4'/%3E%3Cpath d='M15.5 14.3a4.4 4.4 0 0 1 5.5 4.2'/%3E%3C/svg%3E");
}
body.cb .cb-ico--mapa {
--cb-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.2 10.4c0 5.1-6.2 10.4-8.2 10.4S3.8 15.5 3.8 10.4a8.2 8.2 0 0 1 16.4 0z'/%3E%3Ccircle cx='12' cy='10.2' r='2.8'/%3E%3C/svg%3E");
}
body.cb .cb-ico--telefono {
--cb-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.5 16.7v2.8a1.9 1.9 0 0 1-2.1 1.9 18.9 18.9 0 0 1-8.2-2.9 18.6 18.6 0 0 1-5.7-5.7A18.9 18.9 0 0 1 2.6 4.6 1.9 1.9 0 0 1 4.5 2.5h2.8a1.9 1.9 0 0 1 1.9 1.7c.1.9.3 1.8.6 2.6a1.9 1.9 0 0 1-.4 2L8.2 10a15.3 15.3 0 0 0 5.8 5.8l1.2-1.2a1.9 1.9 0 0 1 2-.4c.8.3 1.7.5 2.6.6a1.9 1.9 0 0 1 1.7 1.9z'/%3E%3C/svg%3E");
}
body.cb .cb-ico--horario {
--cb-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.6'/%3E%3Cpath d='M12 7.4V12l3 2'/%3E%3C/svg%3E");
}
body.cb .cb-ico--whatsapp {
--cb-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.2 20.8l1.3-4.5a8.4 8.4 0 1 1 3.3 3.2z'/%3E%3Cpath d='M9 9.1c-.2.6-.2 1.3.1 1.9a7 7 0 0 0 3.9 3.5c.7.2 1.4.1 2-.3l.5-.4-1.9-1.2-.9.7a5.2 5.2 0 0 1-2.3-2.3l.7-.9L9.9 8.3z'/%3E%3C/svg%3E");
}
body.cb .cb-ico--email {
--cb-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='4.5' width='19' height='15' rx='2.5'/%3E%3Cpath d='M3 6.5l9 6 9-6'/%3E%3C/svg%3E");
}

/* Tratamientos */
body.cb .cb-sec {
padding:var(--cb-sec) var(--cb-lado);
}
body.cb .cb-sec > * {
max-width:var(--vv-ancho);
margin-left:auto;
margin-right:auto;
}
body.cb .cb-trat {
padding-top:calc(var(--cb-sec) * .8);
}
body.cb .vvf-rejilla {
gap:clamp(14px,2vw,22px);
}
body.cb .vvf-tarjeta {
position:relative;
border:1px solid var(--cb-linea);
border-radius:var(--vv-radio);
background:#ffffff;
box-shadow:none;
overflow:hidden;
transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
body.cb .vvf-tarjeta:hover {
border-color:rgba(201,149,92,.6);
box-shadow:var(--cb-sombra-suave);
transform:translateY(-4px);
}
body.cb .vvsv-tarjeta .vvf-tarjeta__foto {
aspect-ratio:auto;
height:auto;
background:transparent;
}
body.cb .vvf-tarjeta__sinfoto {
position:static;
display:flex;
align-items:flex-end;
height:auto;
min-height:0;
padding:28px 28px 0;
background:transparent;
}
body.cb .vvf-tarjeta__sinfoto .vvf-ico {
opacity:1;
stroke-width:1.5;
width:58px;
height:58px;
padding:14px;
border-radius:16px;
background:var(--cb-roble-claro);
color:var(--cb-roble-txt);
}
body.cb .vvf-tarjeta__texto {
padding:18px 28px 28px;
}
body.cb .vvf-tarjeta__titulo {
margin:0 0 8px;
color:var(--vv-oscuro);
font:800 1.18rem/1.25 var(--vv-fuente-titulos);
}
body.cb .vvf-tarjeta__resumen {
margin:0 0 14px;
color:var(--vv-texto);
font-size:.96rem;
line-height:1.55;
}
body.cb .vvf-tarjeta__mas {
color:var(--vv-oscuro);
font:700 .9rem/1.2 var(--vv-fuente-titulos);
text-decoration:underline;
text-decoration-color:var(--cb-roble);
text-decoration-thickness:2px;
text-underline-offset:5px;
}
@media only screen and (max-width:767px) {
body.cb .vvf-tarjeta__sinfoto {
padding:18px 16px 0;
}
body.cb .vvf-tarjeta__sinfoto .vvf-ico {
width:46px;
height:46px;
padding:11px;
}
body.cb .vvf-tarjeta__texto {
padding:12px 16px 18px;
}
body.cb .vvf-tarjeta__titulo {
font-size:1rem;
}
body.cb .vvf-tarjeta__resumen {
display:none;
}
}

/* Mosaico de cuadros */
body.cb .cb-mos {
padding:var(--cb-sec) var(--cb-lado);
background:var(--cb-piedra);
overflow:hidden;
}
body.cb .cb-mos__rejilla {
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
grid-auto-rows:clamp(120px,12.5vw,170px);
gap:16px;
max-width:var(--vv-ancho);
margin:0 auto;
}
body.cb .cb-mos__f {
position:relative;
margin:0;
padding:8px;
background:#ffffff;
box-shadow:0 14px 30px -14px rgba(43,39,36,.45);
transition:rotate .5s ease,translate .5s ease,box-shadow .4s ease;
}
body.cb .cb-mos__f img {
display:block;
width:100%;
height:100%;
object-fit:cover;
filter:grayscale(1) contrast(1.04);
}
body.cb .cb-mos__f:hover {
z-index:5;
rotate:0deg;
box-shadow:0 22px 44px -16px rgba(43,39,36,.55);
}
body.cb .cb-mos__f--a {
grid-column:1 / 3;
grid-row:1 / 3;
rotate:-1.6deg;
}
body.cb .cb-mos__f--a img {
object-position:50% 30%;
}
body.cb .cb-mos__t--1 {
grid-column:3 / 6;
grid-row:1;
align-self:end;
padding:0 8px 8px;
}
body.cb .cb-mos__t--1 .cb-titulo {
margin:0;
}
body.cb .cb-mos__f--b {
grid-column:6;
grid-row:1 / 3;
rotate:1.4deg;
}
body.cb .cb-mos__f--c {
grid-column:3;
grid-row:2 / 4;
z-index:2;
margin:-6px 0 0 -26px;
rotate:-1deg;
}
body.cb .cb-mos__f--d {
grid-column:4 / 6;
grid-row:2 / 4;
margin-top:14px;
rotate:.8deg;
}
body.cb .cb-mos__t--2 {
grid-column:1 / 3;
grid-row:3;
align-self:center;
padding:0 12px 0 4px;
}
body.cb .cb-mos__t--2 p {
margin:0;
font-size:1.04rem;
}
body.cb .cb-mos__f--e {
grid-column:6;
grid-row:3 / 5;
rotate:-1.2deg;
}
body.cb .cb-mos__f--f {
grid-column:1 / 3;
grid-row:4;
rotate:1deg;
}
body.cb .cb-mos__t--3 {
grid-column:3;
grid-row:4;
align-self:center;
padding-left:10px;
}
body.cb .cb-lema {
display:flex;
flex-direction:column;
gap:2px;
margin:0;
color:var(--vv-oscuro);
font:800 1.05rem/1.25 var(--vv-fuente-titulos);
letter-spacing:.06em;
text-transform:uppercase;
}
body.cb .cb-lema span:nth-child(2) {
color:var(--cb-roble-txt);
}
body.cb .cb-mos__f--g {
grid-column:4 / 6;
grid-row:4;
margin:10px 24px 0 -10px;
rotate:-.8deg;
}
body.cb .cb-mos__f--g img {
object-position:50% 35%;
}
body.cb .cb-mos__f--h {
display:none;
}
body.cb .cb-mos.is-animable .cb-mos__f,
body.cb .cb-mos.is-animable .cb-mos__t {
opacity:0;
translate:0 24px;
}
body.cb .cb-mos.is-visible .cb-mos__f,
body.cb .cb-mos.is-visible .cb-mos__t {
opacity:1;
translate:0 0;
transition:opacity .7s ease,translate .7s ease,rotate .5s ease,box-shadow .4s ease;
transition-delay:calc(var(--cb-i,0) * 90ms);
}
@media only screen and (max-width:959px) {
body.cb .cb-mos__rejilla {
grid-auto-rows:clamp(110px,16vw,150px);
gap:12px;
}
body.cb .cb-mos__t--2 p {
font-size:.95rem;
}
}
@media only screen and (max-width:767px) {
body.cb .cb-mos__rejilla {
grid-template-columns:repeat(4,minmax(0,1fr));
grid-auto-rows:auto;
gap:12px;
}
body.cb .cb-mos__rejilla > * {
grid-column:auto;
grid-row:auto;
margin:0;
}
body.cb .cb-mos__f {
aspect-ratio:4 / 5;
padding:6px;
}
body.cb .cb-mos__t--1 {
grid-column:1 / -1;
order:-2;
padding:0 0 4px;
text-align:center;
}
body.cb .cb-mos__f--a {
grid-column:1 / 3;
order:-1;
}
body.cb .cb-mos__f--b {
grid-column:3 / 5;
order:-1;
margin-top:22px;
}
body.cb .cb-mos__t--2 {
grid-column:1 / -1;
padding:8px 4px;
text-align:center;
}
body.cb .cb-mos__f--c {
grid-column:1 / 3;
}
body.cb .cb-mos__f--d {
grid-column:3 / 5;
margin-top:22px;
}
body.cb .cb-mos__f--e {
grid-column:1 / 3;
}
body.cb .cb-mos__f--f {
grid-column:3 / 5;
margin-top:22px;
}
body.cb .cb-mos__t--3 {
grid-column:1 / -1;
padding:6px 0;
text-align:center;
}
body.cb .cb-lema {
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
gap:4px 14px;
font-size:.9rem;
}
body.cb .cb-mos__f--g {
grid-column:2 / 4;
}
}

/* Mitad con foto */
body.cb .cb-mitad {
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
align-items:stretch;
background:#ffffff;
}
body.cb .cb-mitad__foto {
position:relative;
min-height:460px;
margin:0;
}
body.cb .cb-mitad__foto img {
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
}
body.cb .cb-mitad__foto::after {
content:"";
position:absolute;
top:0;
right:-1px;
bottom:0;
width:clamp(40px,6vw,90px);
background:#ffffff;
clip-path:polygon(100% 0,100% 100%,0 100%);
}
body.cb .cb-mitad__texto {
align-self:center;
max-width:620px;
padding:clamp(48px,6vw,96px) var(--cb-lado);
}
body.cb .cb-mitad__texto p:not(.cb-ante) {
margin:0 0 1em;
}
body.cb .cb-mitad__boton {
margin-top:26px !important;
}
body.cb .cb-mitad--clinica .cb-mitad__foto img {
object-position:40% 50%;
}
@media only screen and (max-width:959px) {
body.cb .cb-mitad {
grid-template-columns:1fr;
}
body.cb .cb-mitad__foto {
min-height:0;
aspect-ratio:16 / 10;
}
body.cb .cb-mitad__foto::after {
top:auto;
left:0;
right:0;
width:auto;
height:clamp(26px,5vw,48px);
bottom:-1px;
clip-path:polygon(0 100%,100% 0,100% 100%);
}
body.cb .cb-mitad__texto {
max-width:none;
padding-top:24px;
}
}

/* Instalaciones */
body.cb .cb-inst {
padding:var(--cb-sec) var(--cb-lado);
}
body.cb .cb-inst__lista {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:clamp(12px,1.6vw,20px);
max-width:var(--vv-ancho);
margin:0 auto;
padding:0;
list-style:none;
}
body.cb .cb-inst__item figure {
position:relative;
margin:0;
overflow:hidden;
border-radius:var(--vv-radio);
aspect-ratio:3 / 4;
}
body.cb .cb-inst__item img {
width:100%;
height:100%;
object-fit:cover;
transition:scale .8s ease;
}
body.cb .cb-inst__item:hover img {
scale:1.05;
}
body.cb .cb-inst__item figcaption {
position:absolute;
left:12px;
bottom:12px;
padding:8px 14px;
border-radius:999px;
background:rgba(43,39,36,.86);
color:#ffffff;
font:700 .8rem/1.2 var(--vv-fuente-titulos);
letter-spacing:.05em;
}
body.cb .cb-inst__item:nth-child(1) img {
object-position:60% 50%;
}
body.cb .cb-inst__item:nth-child(2) img {
object-position:45% 50%;
}
body.cb .cb-inst__item:nth-child(3) img {
object-position:50% 50%;
}
body.cb .cb-inst__item:nth-child(4) img {
object-position:40% 50%;
}
body.cb .cb-inst__item:nth-child(even) {
margin-top:36px;
}
@media only screen and (max-width:959px) {
body.cb .cb-inst__lista {
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media only screen and (max-width:767px) {
body.cb .cb-inst__item:nth-child(even) {
margin-top:24px;
}
body.cb .cb-inst__item figure {
aspect-ratio:4 / 5;
}
}

/* Contacto */
body.cb .cb-contacto {
padding:var(--cb-sec) var(--cb-lado);
background:var(--vv-oscuro);
color:rgba(255,255,255,.86);
}
body.cb .cb-contacto__caja {
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
gap:clamp(32px,5vw,72px);
align-items:center;
max-width:var(--vv-ancho);
margin:0 auto;
}
body.cb .cb-contacto .cb-titulo {
color:#ffffff;
}
body.cb .cb-contacto .cb-ante {
color:var(--cb-roble);
}
body.cb .cb-datos {
display:grid;
gap:16px;
margin:24px 0 0;
padding:0;
list-style:none;
}
body.cb .cb-datos__item {
display:grid;
grid-template-columns:24px 1fr;
gap:14px;
align-items:start;
line-height:1.5;
}
body.cb .cb-datos__item .cb-ico {
display:block;
width:22px;
height:22px;
margin-top:1px;
background:var(--cb-roble);
-webkit-mask:var(--cb-i) center / contain no-repeat;
mask:var(--cb-i) center / contain no-repeat;
}
body.cb .cb-datos a,
body.cb .vv-contenido .cb-datos a:not([class]) {
color:inherit;
}
body.cb .cb-datos .vv-horario {
display:block;
}
body.cb .cb-contacto .cb-btn-a {
border-color:#ffffff;
background:#ffffff;
color:var(--vv-oscuro);
}
body.cb .cb-contacto .cb-btn-a:hover {
border-color:var(--cb-roble);
background:var(--cb-roble);
color:var(--vv-oscuro);
}
body.cb .cb-contacto .cb-btn-a--linea {
background:transparent;
color:#ffffff;
}
body.cb .cb-contacto__mapa .vv-mapa {
--vv-mapa-alto:440px;
border-radius:24px;
background:#3a3530;
color:#ffffff;
}
@media only screen and (max-width:959px) {
body.cb .cb-contacto__caja {
grid-template-columns:1fr;
}
body.cb .cb-contacto__mapa .vv-mapa {
--vv-mapa-alto:320px;
}
}

/* Cabecera de página */
body.cb .cb-pcab {
position:relative;
padding:clamp(56px,7vw,100px) var(--cb-lado) clamp(48px,6vw,80px);
background:#ffffff;
overflow:hidden;
}
body.cb .cb-pcab::after {
content:"";
position:absolute;
right:-80px;
top:-60px;
width:360px;
height:360px;
background:var(--cb-roble-claro);
-webkit-mask:var(--cb-mono) center / contain no-repeat;
mask:var(--cb-mono) center / contain no-repeat;
opacity:.6;
pointer-events:none;
}
body.cb .cb-pcab__caja {
position:relative;
z-index:1;
max-width:var(--vv-ancho);
margin:0 auto;
}
body.cb .cb-pcab__titulo {
margin:.15em 0 .3em;
font-size:clamp(2.3rem,5vw,3.8rem);
}
body.cb .cb-pcab__intro {
max-width:38em;
margin:0;
font-size:1.12rem;
}
@media only screen and (max-width:767px) {
body.cb .cb-pcab::after {
width:220px;
height:220px;
right:-60px;
top:-40px;
}
}

/* Dirección médica */
body.cb .cb-direccion {
padding:var(--cb-sec) var(--cb-lado);
}
body.cb .cb-direccion__caja {
max-width:860px;
margin:0 auto;
padding:clamp(28px,4vw,52px);
border:1px solid var(--cb-linea);
border-radius:28px;
background:#ffffff;
}
body.cb .cb-direccion__sub {
margin:1.6em 0 .6em;
font-size:1.15rem;
}
body.cb .cb-formacion {
margin:0;
padding:0;
list-style:none;
}
body.cb .cb-formacion li {
display:grid;
grid-template-columns:64px 1fr;
gap:14px;
padding:12px 0;
border-top:1px solid var(--cb-linea);
}
body.cb .cb-formacion__ano {
color:var(--cb-roble-txt);
font:800 .95rem/1.5 var(--vv-fuente-titulos);
}

/* Cita */
body.cb .cb-cita > .wp-block-group__inner-container,
body.cb .cb-cita {
display:grid;
grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);
gap:clamp(24px,4vw,56px);
align-items:start;
}
body.cb .cb-cita {
max-width:calc(var(--vv-ancho) + 2 * var(--cb-lado));
margin:0 auto;
}
body.cb .cb-cita > * {
max-width:none;
margin:0;
}
body.cb .cb-cita .vvf-form {
padding:clamp(22px,3vw,40px);
border:1px solid var(--cb-linea);
border-radius:26px;
background:#ffffff;
}
body.cb .cb-cita__lateral {
position:sticky;
top:calc(var(--vv-arriba-alto) + 24px);
padding:clamp(22px,3vw,34px);
border-radius:26px;
background:var(--vv-oscuro);
color:rgba(255,255,255,.86);
}
body.cb .cb-cita__t {
margin:0 0 6px;
color:#ffffff;
font-size:1.3rem;
}
@media only screen and (max-width:959px) {
body.cb .cb-cita > .wp-block-group__inner-container,
body.cb .cb-cita {
grid-template-columns:minmax(0,1fr);
}
body.cb .cb-cita__lateral {
position:static;
}
}

/* Formularios */
body.cb .vvf-form__etiqueta,
body.cb .vvf-form__grupo legend {
color:var(--vv-oscuro);
font:700 .9rem/1.3 var(--vv-fuente-titulos);
}
body.cb .vvf-form input[type=text],
body.cb .vvf-form input[type=tel],
body.cb .vvf-form input[type=email],
body.cb .vvf-form select,
body.cb .vvf-form textarea {
min-height:50px;
border:1.5px solid rgba(43,39,36,.22);
border-radius:14px;
background:#fffdfa;
color:var(--vv-oscuro);
font:400 1rem/1.4 var(--vv-fuente-textos);
}
body.cb .vvf-form input:focus,
body.cb .vvf-form select:focus,
body.cb .vvf-form textarea:focus {
border-color:var(--cb-roble-txt);
outline:3px solid rgba(201,149,92,.35);
outline-offset:0;
}
body.cb .vvf-form__boton {
width:100%;
margin-top:10px;
}

/* Fichas de tratamientos */
body.cb .vvsv-cabecera {
position:relative;
padding:clamp(48px,6vw,88px) var(--cb-lado) clamp(40px,5vw,64px);
background:#ffffff;
overflow:hidden;
}
body.cb .vvsv-cabecera::after {
content:"";
position:absolute;
right:-90px;
bottom:-90px;
width:380px;
height:380px;
background:var(--cb-roble-claro);
-webkit-mask:var(--cb-mono) center / contain no-repeat;
mask:var(--cb-mono) center / contain no-repeat;
opacity:.6;
pointer-events:none;
}
body.cb .vvsv-cabecera .vvf-cabecera__caja {
position:relative;
z-index:1;
}
body.cb .vvf-cabecera__titulo {
margin:.25em 0 .3em;
font-size:clamp(2.2rem,4.8vw,3.6rem);
}
body.cb .vvf-cabecera__resumen {
max-width:36em;
font-size:1.14rem;
}
body.cb .vvf-migas {
font-size:.85rem;
}
body.cb .vvf-migas a {
color:var(--vv-texto);
}
body.cb .vvsv-cta {
display:flex;
flex-wrap:wrap;
gap:12px;
}
body.cb .vvsv-cuerpo {
padding-top:clamp(40px,5vw,72px);
padding-bottom:var(--cb-sec);
}
body.cb .vvsv-texto {
font-size:1.06rem;
}
body.cb .vvsv-texto ul {
padding-left:1.2em;
}
body.cb .vvsv-texto li::marker {
color:var(--cb-roble);
}
body.cb .vvsv-lista {
padding:clamp(20px,3vw,32px);
border-radius:22px;
background:#ffffff;
border:1px solid var(--cb-linea);
}
body.cb .vvsv-pregunta {
border-bottom:1px solid var(--cb-linea);
}
body.cb .vvsv-pregunta summary {
color:var(--vv-oscuro);
font:700 1.02rem/1.4 var(--vv-fuente-titulos);
cursor:pointer;
}
body.cb .vvsv-lateral__caja {
border:1px solid var(--cb-linea);
border-radius:22px;
background:#ffffff;
}
body.cb .vvsv-lateral__caja--cita {
border:0;
background:var(--vv-oscuro);
color:rgba(255,255,255,.86);
}
body.cb .vvsv-lateral__caja--cita .vvsv-lateral__titulo {
color:#ffffff;
}
body.cb .vvsv-lateral__caja--cita .vvf-boton {
border-color:#ffffff;
background:#ffffff;
color:var(--vv-oscuro);
}
body.cb .vvsv-lateral__caja--cita .vvf-boton--linea {
background:transparent;
color:#ffffff;
}
body.cb .vvsv-lateral__titulo {
color:var(--vv-oscuro);
font:800 1.05rem/1.3 var(--vv-fuente-titulos);
}
body.cb .vvsv-enlaces a {
color:var(--vv-texto);
}

/* Pie */
body.cb .vv-pie__nav {
margin:0;
padding:0;
list-style:none;
}
body.cb .vv-pie__nav li {
margin:0 0 10px;
}
body.cb .vv-pie__nav a {
text-decoration:none;
}
body.cb .vv-pie__nav a:hover {
color:#ffffff;
text-decoration:underline;
text-decoration-color:var(--cb-roble);
}
body.cb .vv-pie {
background:radial-gradient(70% 90% at 100% 0%,rgba(201,149,92,.18) 0%,rgba(201,149,92,0) 60%),#221f1c;
}
body.cb .vv-pie__logo {
width:auto;
height:62px;
}
body.cb .vv-pie__titulo {
margin:0 0 18px;
color:#ffffff;
font:800 .8rem/1.3 var(--vv-fuente-titulos);
letter-spacing:.18em;
text-transform:uppercase;
}
body.cb .vv-pie__registro {
display:flex;
flex-direction:column;
gap:4px;
font-size:.85rem;
}
body.cb .vv-registro {
display:block;
}
body.cb .vv-registro__numero::before {
content:" · ";
}
body.cb .vv-pie__ico {
color:var(--cb-roble);
}
body.cb .vv-pie__legal {
background:#191714;
font-size:.85rem;
}
body.cb .vv-pie__credito {
color:rgba(255,255,255,.55);
}
@media only screen and (max-width:959px) {
body.cb .vv-sello-acc {
display:flex;
flex-direction:column;
align-items:center;
}
body.cb .vv-pie__registro {
align-items:center;
}
}

/* Botón de accesibilidad */
body.cb .vv-acc-flota {
left:16px;
right:auto;
bottom:calc(var(--vv-barra-alto,0px) + 16px + var(--vv-acc-cookies,0px) + var(--vv-leer-alto,0px));
height:40px;
min-width:40px;
padding:0 8px;
border-width:2px;
}
body.cb .vv-acc-flota svg {
width:20px;
height:20px;
}
@media only screen and (max-width:767px) {
body.cb .vv-acc-flota {
left:12px;
bottom:calc(var(--vv-barra-alto,0px) + 14px + var(--vv-acc-cookies,0px) + var(--vv-leer-alto,0px));
height:36px;
min-width:36px;
}
}

/* Avisos y cookies */
body.cb .vv-cookies {
border-radius:24px 24px 0 0;
}
body.cb .vv-dialogo__caja,
body.cb .vvf-ventana__caja {
border-radius:24px;
}
body.cb .vv-dialogo a,
body.cb .vv-cookies a {
color:var(--cb-roble-txt);
font-weight:600;
text-decoration:underline;
text-underline-offset:2px;
}

/* Movimiento reducido */
@media (prefers-reduced-motion:reduce) {
body.cb .cb-hero__chip,
body.cb .cb-hero__foto img {
animation:none;
}
body.cb .cb-mos.is-animable .cb-mos__f,
body.cb .cb-mos.is-animable .cb-mos__t {
opacity:1;
translate:0 0;
}
}
html.vv-a11y-quieto body.cb .cb-hero__chip,
html.vv-a11y-quieto body.cb .cb-hero__foto img {
animation:none;
}