/* © 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 */

/* Variables */
:root {
--vv-ancho:1320px;
--vv-fondo:#fbf8f2;
--vv-texto:#2a2926;
--vv-acento:#c40079;
--vv-acento2:#839c4a;
--vv-oscuro:#20201e;
--vv-claro:#fbf8f2;
--vv-foco:#c40079;
--vv-arriba-alto:132px;
--vv-cab-fondo:rgba(251,248,242,.97);
--vv-cab-texto:#20201e;
--vv-pie-fondo:#20201e;
--vv-pie-texto:rgba(251,248,242,.74);
--vv-barra-fondo:#20201e;
--vv-radio:14px;
--vv-fuente-titulos:"Fraunces",Georgia,"Times New Roman",serif;
--vv-fuente-textos:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
--vv-texto-panel:#20201e;
--cz-tinta:#20201e;
--cz-texto-2:#5d5a52;
--cz-magenta:#c40079;
--cz-magenta-osc:#99005f;
--cz-magenta-claro:#fbe3f0;
--cz-oliva:#839c4a;
--cz-oliva-osc:#56692c;
--cz-oliva-claro:#eef2e3;
--cz-mostaza:#e9b414;
--cz-mostaza-claro:#fdf3d3;
--cz-gris:#c4c5c5;
--cz-esparto:#e8dcc2;
--cz-lino:#f3ecdf;
--cz-crema:#fbf8f2;
--cz-linea:rgba(32,32,30,.11);
--cz-costura:rgba(32,32,30,.28);
--cz-sombra:0 1px 2px rgba(32,32,30,.05),0 24px 46px -28px rgba(32,32,30,.45);
--cz-curva:cubic-bezier(.22,1,.36,1);
--cz-radio:14px;
}

/* Fuentes */
@font-face {
font-family:"Fraunces";
font-style:normal;
font-weight:300 800;
font-display:swap;
src:url(https://www.cazorla.online/wp-content/uploads/vv-cache/edc003ead625/comun/fuentes/fraunces-latin.woff2) format("woff2");
}
@font-face {
font-family:"Figtree";
font-style:normal;
font-weight:300 800;
font-display:swap;
src:url(https://www.cazorla.online/wp-content/uploads/vv-cache/edc003ead625/comun/fuentes/figtree-latin.woff2) format("woff2");
}

/* Tipografía y básicos */
body.cz {
background-color:var(--vv-fondo);
color:var(--vv-texto);
font-family:var(--vv-fuente-textos);
font-size:16.5px;
line-height:1.65;
}
body.cz h1,
body.cz h2,
body.cz h3 {
color:var(--cz-tinta);
font-family:var(--vv-fuente-titulos);
font-weight:560;
font-variation-settings:"SOFT" 60,"WONK" 0;
line-height:1.06;
letter-spacing:-.012em;
}
body.cz h4,
body.cz h5 {
color:var(--cz-tinta);
font-family:var(--vv-fuente-textos);
font-weight:700;
line-height:1.3;
}
body.cz h1 em,
body.cz h2 em {
padding-right:.08em;
color:var(--cz-magenta);
font-style:italic;
font-weight:500;
}
:where(body.cz .vv-contenido) a {
color:inherit;
text-decoration:underline;
text-decoration-color:var(--cz-magenta);
text-decoration-thickness:1px;
text-underline-offset:3px;
}
:where(body.cz .vv-contenido) a:hover {
color:var(--cz-magenta-osc);
}
body.cz ::selection {
background-color:var(--cz-mostaza);
color:var(--cz-tinta);
}
body .cz-ico {
display:block;
width:22px;
height:22px;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
body .vv-contenido > :where(p,h2,h3,h4,ul,ol,blockquote,figure,table,.wp-block-buttons,.wp-block-columns,.wp-block-image,.wp-block-list,.wp-block-quote,.wp-block-table,.wp-block-separator) {
max-width:860px;
margin-left:auto;
margin-right:auto;
padding-left:clamp(16px,4vw,32px);
padding-right:clamp(16px,4vw,32px);
}
body .vv-contenido > p:last-child,
body .vv-contenido > ul:last-child,
body .vv-contenido > ol:last-child {
margin-bottom:clamp(48px,7vw,96px);
}
body.cz .vv-titulo-pagina {
max-width:860px;
margin:clamp(30px,5vw,60px) auto 18px;
padding:0 clamp(16px,4vw,32px);
font-size:clamp(2.3rem,5vw,3.6rem);
}
body .cz-caja {
max-width:var(--vv-ancho);
margin:0 auto;
padding:0 clamp(16px,4vw,40px);
}
body .cz-oculto {
position:absolute !important;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0 0 0 0);
white-space:nowrap;
border:0;
}

/* Antetítulos con etiqueta */
body .cz-etiqueta {
position:relative;
display:inline-flex;
align-items:center;
gap:10px;
margin:0 0 16px;
padding:6px 14px 6px 26px;
border:1.5px dashed var(--cz-costura);
border-radius:8px 999px 999px 8px;
color:var(--cz-magenta-osc);
font:700 12.5px/1.2 var(--vv-fuente-textos);
letter-spacing:.16em;
text-transform:uppercase;
}
body .cz-etiqueta::before {
content:"";
position:absolute;
left:10px;
top:50%;
width:7px;
height:7px;
margin-top:-3.5px;
border-radius:50%;
background-color:currentColor;
}
body .cz-titulo {
margin:0 0 16px;
font-size:clamp(2.1rem,4.4vw,3.5rem);
}
body .cz-entradilla:empty {
display:none;
}
body .cz-entradilla {
max-width:640px;
margin:0;
color:var(--cz-texto-2);
font-size:1.08rem;
}
body .cz-centro {
text-align:center;
}
body .cz-centro .cz-entradilla {
margin:0 auto;
}
body .cz-rombos {
display:inline-flex;
gap:6px;
margin:0 0 18px;
}
body .cz-rombos span {
width:10px;
height:10px;
border-radius:2.5px;
transform:rotate(45deg);
}
body .cz-rombos span:nth-child(1) {
background-color:var(--cz-magenta);
}
body .cz-rombos span:nth-child(2) {
background-color:var(--cz-oliva);
}
body .cz-rombos span:nth-child(3) {
background-color:var(--cz-mostaza);
}
body .cz-rombos span:nth-child(4) {
background-color:var(--cz-gris);
}

/* Botones */
body .cz-boton,
body.cz .vv-boton {
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:52px;
padding:13px 26px;
border:2px solid var(--cz-tinta);
border-radius:12px;
background-color:var(--cz-tinta);
color:#ffffff !important;
font:700 15.5px/1.2 var(--vv-fuente-textos);
letter-spacing:.01em;
text-decoration:none !important;
cursor:pointer;
transition:transform .25s var(--cz-curva),background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease;
}
body .cz-boton svg {
width:20px;
height:20px;
transition:transform .3s var(--cz-curva);
}
body .cz-boton:hover,
body .cz-boton:focus-visible,
body.cz .vv-boton:hover {
border-color:var(--cz-magenta);
background-color:var(--cz-magenta);
color:#ffffff !important;
transform:translateY(-2px);
}
body .cz-boton:hover svg {
transform:translateX(3px);
}
body .cz-boton--magenta {
border-color:var(--cz-magenta);
background-color:var(--cz-magenta);
box-shadow:0 16px 30px -18px rgba(196,0,121,.9);
}
body .cz-boton--magenta:hover,
body .cz-boton--magenta:focus-visible {
border-color:var(--cz-tinta);
background-color:var(--cz-tinta);
}
body .cz-boton--linea {
background-color:transparent;
color:var(--cz-tinta) !important;
}
body .cz-boton--linea:hover,
body .cz-boton--linea:focus-visible {
border-color:var(--cz-tinta);
background-color:var(--cz-tinta);
color:#ffffff !important;
}
body .cz-boton--claro {
border-color:#ffffff;
background-color:#ffffff;
color:var(--cz-tinta) !important;
}
body .cz-boton--claro:hover,
body .cz-boton--claro:focus-visible {
border-color:var(--cz-mostaza);
background-color:var(--cz-mostaza);
color:var(--cz-tinta) !important;
}
body .cz-mas {
display:inline-flex;
align-items:center;
gap:8px;
color:var(--cz-tinta) !important;
font-weight:700;
text-decoration:underline !important;
text-decoration-color:var(--cz-magenta) !important;
text-underline-offset:4px;
}
body .cz-mas svg {
width:20px;
height:20px;
transition:transform .3s var(--cz-curva);
}
body .cz-mas:hover svg {
transform:translateX(4px);
}

/* Barra superior */
body.cz .vv-barra-sup {
background-color:var(--cz-tinta);
color:rgba(251,248,242,.84);
font-size:13px;
line-height:1.2;
}
body.cz .vv-barra-sup__caja {
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
max-width:1480px;
min-height:38px;
margin:0 auto;
padding:0 3%;
}
body.cz .vv-barra-sup__grupo {
display:flex;
align-items:center;
gap:4px;
margin:0;
padding:0;
list-style:none;
}
body.cz .vv-barra-sup__enlace {
display:inline-flex;
align-items:center;
gap:8px;
min-height:38px;
padding:0 10px;
border-radius:8px;
color:rgba(251,248,242,.88) !important;
font-weight:600;
text-decoration:none !important;
white-space:nowrap;
transition:color .2s ease,background-color .2s ease;
}
body.cz .vv-barra-sup__enlace:hover,
body.cz .vv-barra-sup__enlace:focus-visible {
background-color:rgba(255,255,255,.08);
color:var(--cz-mostaza) !important;
}
body.cz .vv-barra-sup__ico svg {
display:block;
width:16px;
height:16px;
color:var(--cz-mostaza);
}
@media only screen and (max-width:1100px) {
body.cz .vv-barra-sup__item--email,
body.cz .vv-barra-sup__grupo--izquierda .vv-barra-sup__item + .vv-barra-sup__item {
display:none;
}
}
@media only screen and (max-width:767px) {
body.cz .vv-barra-sup__caja {
justify-content:center;
}
body.cz .vv-barra-sup__grupo--derecha {
display:none;
}
body.cz .vv-barra-sup__enlace {
min-height:34px;
font-size:12.5px;
}
}

/* Cabecera */
body.cz .vv-cabecera {
border-bottom:1px solid var(--cz-linea);
-webkit-backdrop-filter:saturate(1.2) blur(10px);
backdrop-filter:saturate(1.2) blur(10px);
}
body.cz .vv-cabecera__caja {
gap:20px;
max-width:1480px;
padding-top:10px;
padding-bottom:12px;
}
body.cz .vv-cabecera__marca {
gap:18px;
}
body.cz .vv-cabecera__logo {
height:72px;
}
html.vv-scroll body.cz .vv-cabecera__logo {
height:54px;
}
@media only screen and (min-width:1101px) {
body.cz .vv-nav {
flex:1 1 auto;
display:flex;
justify-content:center;
}
}
body.cz .vv-nav__lista {
gap:2px;
}
body.cz .vv-nav__enlace {
position:relative;
gap:8px;
padding:10px 12px;
border-radius:10px;
color:var(--cz-tinta);
font:600 15.5px/1 var(--vv-fuente-textos);
letter-spacing:.005em;
transition:background-color .2s ease,color .2s ease;
}
body.cz .vv-nav__ico svg {
width:19px;
height:19px;
color:var(--cz-magenta);
}
body.cz .vv-nav__enlace::after {
content:"";
position:absolute;
left:14px;
right:14px;
bottom:3px;
height:0;
border-bottom:2px dashed var(--cz-magenta);
transform:scaleX(0);
transform-origin:left;
transition:transform .35s var(--cz-curva);
}
body.cz .vv-nav__enlace:hover,
body.cz .vv-nav__enlace:focus-visible {
background-color:var(--cz-lino);
}
body.cz .vv-nav__item.is-actual > .vv-nav__enlace::after,
body.cz .vv-nav__item.is-ancestro > .vv-nav__enlace::after {
transform:scaleX(1);
}
body.cz .vv-nav__item.is-actual > .vv-nav__enlace {
color:var(--cz-magenta-osc);
}
body.cz .vv-nav__sub {
border:1px solid var(--cz-linea);
border-radius:16px;
background-color:#ffffff;
box-shadow:var(--cz-sombra);
}
body.cz .vv-nav__sub-enlace {
border-radius:10px;
color:var(--cz-tinta);
font-size:15px;
font-weight:600;
}
body.cz .vv-nav__sub-enlace:hover,
body.cz .vv-nav__sub-enlace:focus-visible {
background-color:var(--cz-lino);
}
body.cz .vv-cabecera__menu {
border-color:rgba(32,32,30,.25);
border-radius:12px;
}
body.cz .vv-cabecera__caja > .vvt-cab-carrito {
flex:none;
}
@media only screen and (max-width:1300px) {
body.cz .vv-nav__enlace {
padding:10px 9px;
font-size:14.5px;
}
body.cz .vv-nav__ico {
display:none;
}
}
@media only screen and (max-width:1100px) {
body.cz .vv-cabecera__logo {
height:60px;
}
}
@media only screen and (max-width:767px) {
:root {
--vv-arriba-alto:104px;
}
body.cz .vv-cabecera__logo,
html.vv-scroll body.cz .vv-cabecera__logo {
height:50px;
}
body.cz .vv-cabecera__caja {
gap:8px;
padding-top:8px;
padding-bottom:9px;
}
}

/* Carrito en la cabecera */
body.cz .vvt-cab-carrito {
width:50px;
height:50px;
justify-content:center;
padding:0;
border-radius:14px;
background-color:var(--cz-tinta);
color:#ffffff;
transition:transform .3s var(--cz-curva),background-color .2s ease;
}
body.cz .vvt-cab-carrito:hover,
body.cz .vvt-cab-carrito:focus-visible {
background-color:var(--cz-magenta);
transform:translateY(-2px);
}
body.cz .vvt-cab-carrito .vvt-ico {
width:23px;
height:23px;
}
body.cz .vvt-cab-carrito__n {
top:-5px;
left:auto;
right:-5px;
background-color:var(--cz-mostaza);
color:var(--cz-tinta);
box-shadow:0 0 0 2px var(--cz-crema);
}
@media only screen and (max-width:767px) {
body.cz .vvt-cab-carrito {
width:44px;
height:44px;
border-radius:12px;
}
}

/* Megamenú */
body.cz .vvt-mega {
width:min(940px,94vw);
padding-top:14px;
}
body.cz .vvt-mega__caja {
grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
border:1px solid var(--cz-linea);
border-radius:22px;
background-color:#ffffff;
box-shadow:0 40px 80px -30px rgba(32,32,30,.45),0 2px 6px rgba(32,32,30,.06);
}
body.cz .vvt-mega__lista {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-content:start;
gap:4px;
padding:20px;
}
body.cz .vvt-mega__lista a {
gap:12px;
min-height:62px;
padding:8px;
border-radius:12px;
color:var(--cz-tinta);
font-size:14.5px;
font-weight:600;
line-height:1.25;
transition:background-color .2s ease,color .2s ease;
}
body.cz .vvt-mega__lista img {
flex:none;
width:48px;
height:48px;
border-radius:10px;
object-fit:cover;
transition:transform .3s var(--cz-curva);
}
body.cz .vvt-mega__lista a.is-activo,
body.cz .vvt-mega__lista a:focus-visible {
background-color:var(--cz-lino);
}
body.cz .vvt-mega__lista a.is-activo img {
transform:scale(1.08) rotate(-3deg);
}
body.cz .vvt-mega__destacado {
position:relative;
justify-content:flex-end;
gap:8px;
padding:24px;
background-color:var(--cz-tinta);
color:#ffffff;
isolation:isolate;
}
body.cz .vvt-mega__destacado img {
align-self:stretch;
width:100%;
max-width:100%;
height:220px;
max-height:none;
margin:0 0 10px;
border-radius:14px;
object-fit:cover;
box-shadow:0 22px 40px -22px rgba(0,0,0,.8);
}
body.cz .vvt-mega__destacado strong {
color:#ffffff;
font:560 1.7rem/1.05 var(--vv-fuente-titulos);
}
body.cz .vvt-mega__destacado p {
color:rgba(255,255,255,.78);
}
body.cz .vvt-mega__ir {
display:inline-flex;
align-self:flex-start;
margin-top:6px;
padding:9px 18px;
border-radius:10px;
background-color:var(--cz-mostaza);
color:var(--cz-tinta);
font-size:13.5px;
font-weight:700;
}
body.cz .vvt-mega-item > .vv-nav__enlace::before {
content:"";
display:inline-block;
order:2;
width:7px;
height:7px;
margin:-3px 0 0 2px;
border-right:2px solid currentColor;
border-bottom:2px solid currentColor;
transform:rotate(45deg);
transition:transform .3s var(--cz-curva);
}
body.cz .vvt-mega-item.is-mega > .vv-nav__enlace::before {
transform:translateY(3px) rotate(-135deg);
}

/* Menú móvil */
body.cz .vv-menu-movil__panel {
isolation:isolate;
overflow:hidden;
background-color:var(--cz-tinta);
background-image:radial-gradient(90% 55% at 100% 100%,rgba(196,0,121,.28),transparent 70%),radial-gradient(70% 40% at 0% 0%,rgba(131,156,74,.18),transparent 70%);
}
body.cz .vv-menu-movil__panel::after {
content:"";
position:absolute;
right:-22%;
bottom:-10%;
z-index:-1;
width:86%;
aspect-ratio:1;
background:url(https://www.cazorla.online/wp-content/uploads/vv-cache/edc003ead625/img/logo/cazorla-online-isotipo.svg) no-repeat center/contain;
opacity:.1;
transform:rotate(-12deg);
pointer-events:none;
}
body.cz .vv-menu-movil__logo {
height:46px;
}
body.cz .vv-menu-movil__enlace {
gap:14px;
min-height:50px;
font:600 13px/1.2 var(--vv-fuente-textos);
letter-spacing:.14em;
text-transform:uppercase;
}
body.cz .vv-menu-movil__sub-enlace {
font-size:14.5px;
font-weight:600;
letter-spacing:0;
text-transform:none;
}
body.cz .vv-menu-movil__ico {
display:inline-flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
border-radius:10px;
background-color:rgba(255,255,255,.07);
color:var(--cz-mostaza);
}
body.cz .vv-menu-movil__ico svg {
width:18px;
height:18px;
}

/* Barra inferior */
@media only screen and (min-width:1101px) {
body.cz .vv-barra {
display:none;
}
}
body.cz .vv-barra__btn {
transition:background-color .2s ease,color .2s ease;
}
body.cz .vv-barra__btn:hover,
body.cz .vv-barra__btn.is-actual {
background-color:rgba(255,255,255,.1);
}
body.cz .vv-barra__ico {
color:var(--cz-mostaza);
}
body.cz .vv-barra__btn--wa .vv-barra__ico {
color:#4ad07a;
}
body.cz button.vv-barra__btn {
border:0;
background-color:transparent;
font:inherit;
cursor:pointer;
-webkit-appearance:none;
appearance:none;
}
body.cz .vv-barra__grupo:only-child {
justify-content:center;
}
@media only screen and (max-width:1100px) {
body.cz .vv-barra__caja {
gap:0;
padding:4px 6px;
}
body.cz .vv-barra__grupo,
body.cz .vv-barra__grupo:last-child,
body.cz .vv-barra__grupo:only-child {
flex:1 1 0;
justify-content:stretch;
gap:4px;
}
body.cz .vv-barra__botones {
flex:1 1 auto;
min-width:0;
gap:2px;
}
body.cz .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.cz .vv-barra__txt {
position:static;
display:block;
width:auto;
height:auto;
max-width:100%;
overflow:hidden;
clip:auto;
font-size:11px;
font-weight:600;
line-height:1.15;
text-overflow:ellipsis;
white-space:nowrap;
}
body.cz .vv-barra__ico svg {
width:22px;
height:22px;
}
}

/* Panel de categorías */
body.cz .vvt-cats .vvt-cajon__cab h2 {
font:560 1.6rem/1.05 var(--vv-fuente-titulos);
}
body.cz .vvt-cats__intro {
color:var(--cz-magenta-osc);
font-size:12px;
font-weight:700;
letter-spacing:.14em;
text-transform:uppercase;
opacity:1;
}
body.cz .vvt-cats__tarjeta:hover,
body.cz .vvt-cats__tarjeta:focus-visible {
border-color:var(--cz-magenta);
}
body.cz .vvt-cats .vvt-cajon__pie .vvt-btn {
border-color:var(--cz-magenta);
background-color:var(--cz-magenta);
color:#ffffff;
}

/* Revelado al hacer scroll */
@media (prefers-reduced-motion:no-preference) {
html.cz-js body .cz-revelar {
opacity:0;
transform:translateY(26px);
transition:opacity .8s ease,transform .9s var(--cz-curva);
}
html.cz-js body .cz-revelar.is-visible {
opacity:1;
transform:none;
}
}

/* Secciones */
body .cz-seccion {
padding:clamp(60px,8vw,112px) 0;
}
body .cz-seccion--lino {
background-color:var(--cz-lino);
}
body .cz-seccion--blanca {
background-color:#ffffff;
}
body .cz-seccion__cab {
display:flex;
flex-wrap:wrap;
align-items:flex-end;
justify-content:space-between;
gap:20px 40px;
margin:0 0 clamp(30px,4.5vw,52px);
}
body .cz-seccion__cab.cz-centro {
display:block;
}

/* Slider de portada */
body .cz-slider {
--cz-sl-alto:clamp(460px,42vw,640px);
min-height:var(--cz-sl-alto);
background-color:var(--cz-crema);
}
body .cz-slider .vvsl__pista::before,
body .cz-slider .vvsl__pista::after {
content:"";
position:absolute;
inset:0;
z-index:3;
pointer-events:none;
}
body .cz-slider .vvsl__pista::before {
-webkit-backdrop-filter:blur(7px);
backdrop-filter:blur(7px);
-webkit-mask-image:linear-gradient(90deg,#000 0,#000 30%,transparent 56%);
mask-image:linear-gradient(90deg,#000 0,#000 30%,transparent 56%);
}
body .cz-slider .vvsl__pista::after {
background:linear-gradient(90deg,rgba(251,248,242,.94) 0,rgba(251,248,242,.86) 26%,rgba(251,248,242,.5) 44%,rgba(251,248,242,0) 62%);
}
body .cz-slider .vvsl__tarjetas {
min-height:var(--cz-sl-alto);
}
body .cz-slider .vvsl__tarjetas-caja {
max-width:var(--vv-ancho);
min-height:var(--cz-sl-alto);
margin:0 auto;
padding:clamp(40px,5vw,72px) clamp(16px,4vw,40px) clamp(70px,7vw,96px);
}
body .cz-slider .vvsl__tarjeta {
max-width:520px;
color:var(--cz-tinta);
}
body.cz .cz-slider .vvsl__titulo {
margin:0 0 16px;
padding-bottom:.08em;
color:var(--cz-tinta);
font:560 clamp(2rem,3.3vw,3rem)/1.1 var(--vv-fuente-titulos);
letter-spacing:-.01em;
text-wrap:balance;
}
body .cz-slider .vvsl__texto {
margin:0 0 26px;
color:#3d3b36;
font-size:1.08rem;
line-height:1.55;
}
body .cz-slider .vvsl__boton {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:50px;
padding:12px 24px;
border:2px solid var(--cz-tinta);
border-radius:12px;
font:700 15px/1.2 var(--vv-fuente-textos);
text-decoration:none !important;
transition:transform .25s var(--cz-curva),background-color .25s ease,color .25s ease,border-color .25s ease;
}
body .cz-slider .vvsl__boton--1 {
border-color:var(--cz-magenta);
background-color:var(--cz-magenta);
color:#ffffff !important;
box-shadow:0 16px 30px -18px rgba(196,0,121,.9);
}
body .cz-slider .vvsl__boton--2 {
background-color:rgba(255,255,255,.6);
color:var(--cz-tinta) !important;
}
body .cz-slider .vvsl__boton:hover,
body .cz-slider .vvsl__boton:focus-visible {
border-color:var(--cz-tinta);
background-color:var(--cz-tinta);
color:#ffffff !important;
transform:translateY(-2px);
}
body .cz-slider .vvsl__controles {
left:auto;
right:clamp(16px,3vw,32px);
bottom:20px;
transform:none;
}
@media only screen and (min-width:768px) and (max-width:1100px) {
body .cz-slider .vvsl__pista::before {
-webkit-mask-image:linear-gradient(90deg,#000 0,#000 42%,transparent 66%);
mask-image:linear-gradient(90deg,#000 0,#000 42%,transparent 66%);
}
body .cz-slider .vvsl__pista::after {
background:linear-gradient(90deg,rgba(251,248,242,.95) 0,rgba(251,248,242,.88) 40%,rgba(251,248,242,.55) 58%,rgba(251,248,242,0) 76%);
}
body .cz-slider .vvsl__tarjeta {
max-width:430px;
}
}
@media only screen and (max-width:767px) {
body .cz-slider {
--cz-sl-alto:0px;
min-height:0;
}
body .cz-slider .vvsl__pista {
position:relative;
aspect-ratio:1916/821;
}
body .cz-slider .vvsl__pista::before,
body .cz-slider .vvsl__pista::after {
content:none;
}
body .cz-slider .vvsl__tarjetas,
body .cz-slider .vvsl__tarjetas-caja {
height:auto;
min-height:0;
}
body .cz-slider .vvsl__tarjetas-caja {
padding:24px 18px 34px;
}
body .cz-slider .vvsl__tarjeta {
align-self:start;
max-width:none;
}
body.cz .cz-slider .vvsl__titulo {
margin-bottom:10px;
font-size:clamp(1.65rem,7vw,2.1rem);
}
body .cz-slider .vvsl__texto {
margin-bottom:20px;
font-size:1rem;
}
body .cz-slider .vvsl__botones {
gap:10px;
}
body .cz-slider .vvsl__boton {
flex:1 1 auto;
min-height:48px;
padding:11px 18px;
}
body .cz-slider .vvsl__controles {
top:10px;
right:10px;
bottom:auto;
padding:4px;
}
}

/* Tarjetas de categorías */
body .cz-mundos-tj {
grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));
gap:clamp(16px,2.4vw,28px);
margin:0 0 clamp(20px,3vw,32px);
}
body .cz-mundos-tj .vvtj__tarjeta {
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
min-height:340px;
border-radius:22px;
color:var(--cz-tinta);
isolation:isolate;
transition:transform .4s var(--cz-curva),box-shadow .4s ease;
}
body .cz-mundos-tj .vvtj__tarjeta:not(.vvtj__tarjeta--foto) {
grid-template-columns:minmax(0,1fr);
min-height:240px;
}
body .cz-mundos-tj .vvtj__tarjeta::before {
content:"";
position:absolute;
inset:10px;
z-index:1;
border:1.5px dashed rgba(32,32,30,.2);
border-radius:15px;
pointer-events:none;
}
body .cz-mundos-tj .vvtj__tarjeta:hover,
body .cz-mundos-tj .vvtj__tarjeta:focus-visible {
transform:translateY(-4px);
box-shadow:var(--cz-sombra);
}
body .cz-mundos-tj .vvtj__txt {
position:relative;
z-index:2;
justify-content:flex-end;
gap:10px;
padding:clamp(26px,3vw,40px);
}
body .cz-mundos-tj .vvtj__ico {
width:64px;
height:64px;
margin:0 0 auto;
border-radius:18px;
background-color:rgba(255,255,255,.6);
}
body .cz-mundos-tj .vvtj__svg {
width:36px;
height:36px;
}
body .cz-mundos-tj .vvtj__ante {
color:var(--cz-magenta-osc);
font-size:12.5px;
font-weight:700;
letter-spacing:.14em;
text-transform:uppercase;
}
body.cz .cz-mundos-tj .vvtj__titulo {
color:inherit;
font:560 clamp(1.7rem,2.6vw,2.35rem)/1.1 var(--vv-fuente-titulos);
}
body .cz-mundos-tj .vvtj__texto {
color:var(--cz-texto-2);
font-size:15px;
line-height:1.5;
}
body .cz-mundos-tj .vvtj__ir {
margin-top:6px;
color:var(--cz-magenta-osc);
text-decoration:underline;
text-decoration-color:currentColor;
text-underline-offset:4px;
}
body .cz-mundos-tj .vvtj__flecha {
width:20px;
height:20px;
transition:transform .3s var(--cz-curva);
}
body .cz-mundos-tj .vvtj__tarjeta:hover .vvtj__flecha {
transform:translateX(4px);
}
body .cz-mundos-tj .vvtj__foto {
position:relative;
aspect-ratio:auto;
}
body .cz-mundos-tj .vvtj__img {
position:absolute;
inset:0;
width:100%;
height:100% !important;
object-fit:cover;
transition:transform 1.2s var(--cz-curva);
}
body .cz-mundos-tj .vvtj__tarjeta:hover .vvtj__img {
transform:scale(1.05);
}
body .cz-mundos-tj :is(.vvtj__tarjeta--oliva,.vvtj__tarjeta--magenta,.vvtj__tarjeta--tinta) {
color:#ffffff;
}
body .cz-mundos-tj :is(.vvtj__tarjeta--oliva,.vvtj__tarjeta--magenta,.vvtj__tarjeta--tinta)::before {
border-color:rgba(255,255,255,.32);
}
body .cz-mundos-tj :is(.vvtj__tarjeta--oliva,.vvtj__tarjeta--magenta,.vvtj__tarjeta--tinta) :is(.vvtj__ante,.vvtj__ir) {
color:var(--cz-mostaza);
}
body .cz-mundos-tj :is(.vvtj__tarjeta--oliva,.vvtj__tarjeta--magenta,.vvtj__tarjeta--tinta) .vvtj__texto {
color:rgba(255,255,255,.84);
}
body .cz-mundos-tj :is(.vvtj__tarjeta--oliva,.vvtj__tarjeta--magenta,.vvtj__tarjeta--tinta) .vvtj__ico {
background-color:rgba(255,255,255,.14);
}
body .cz-atajos {
grid-template-columns:repeat(5,minmax(0,1fr));
gap:12px;
}
body .cz-atajos .vvtj__tarjeta {
border:1px solid var(--cz-linea);
background-color:#ffffff;
color:var(--cz-tinta);
transition:transform .3s var(--cz-curva),border-color .2s ease,box-shadow .3s ease;
}
body .cz-atajos .vvtj__tarjeta:hover,
body .cz-atajos .vvtj__tarjeta:focus-visible {
border-color:transparent;
box-shadow:var(--cz-sombra);
transform:translateY(-3px);
}
body .cz-atajos .vvtj__txt {
align-items:center;
gap:10px;
height:100%;
padding:18px 10px 16px;
text-align:center;
}
body .cz-atajos .vvtj__ico {
position:relative;
width:58px;
height:58px;
}
body .cz-atajos .vvtj__ico::before {
content:"";
position:absolute;
inset:8px;
border-radius:10px;
background-color:var(--vvtj-color,var(--cz-oliva-claro));
transform:rotate(45deg);
transition:transform .4s var(--cz-curva);
}
body .cz-atajos .vvtj__tarjeta:hover .vvtj__ico::before {
transform:rotate(135deg);
}
body .cz-atajos .vvtj__svg {
position:relative;
width:28px;
height:28px;
}
body.cz .cz-atajos .vvtj__titulo {
font:700 14px/1.25 var(--vv-fuente-textos);
}
body .cz-atajos .vvtj__foto {
display:none;
}
@media only screen and (max-width:1100px) {
body .cz-atajos {
grid-template-columns:repeat(4,minmax(0,1fr));
}
}
@media only screen and (max-width:767px) {
body .cz-mundos-tj .vvtj__tarjeta {
grid-template-columns:minmax(0,1fr);
min-height:0;
}
body .cz-mundos-tj .vvtj__foto {
order:-1;
aspect-ratio:16/10;
}
body .cz-mundos-tj .vvtj__tarjeta--foto .vvtj__ico {
position:absolute;
top:-46px;
right:20px;
width:60px;
height:60px;
background-color:var(--vvtj-color);
}
body .cz-atajos {
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
}
body .cz-atajos .vvtj__txt {
flex-direction:row;
justify-content:flex-start;
gap:8px;
padding:8px 10px 8px 6px;
text-align:left;
}
body .cz-atajos .vvtj__ico {
flex:none;
width:42px;
height:42px;
}
body .cz-atajos .vvtj__svg {
width:22px;
height:22px;
}
body.cz .cz-atajos .vvtj__titulo {
font-size:13px;
}
}

/* Materiales */
body .cz-materiales {
display:flex;
flex-wrap:wrap;
gap:12px;
margin:0;
padding:0;
list-style:none;
}
body .cz-material {
display:flex;
align-items:center;
gap:12px;
height:100%;
padding:7px 18px 7px 7px;
border:1px solid var(--cz-linea);
border-radius:999px;
background-color:#ffffff;
color:var(--cz-tinta) !important;
text-decoration:none !important;
transition:transform .3s var(--cz-curva),border-color .2s ease,box-shadow .3s ease;
}
body .cz-material:hover,
body .cz-material:focus-visible {
border-color:var(--cz-magenta);
box-shadow:var(--cz-sombra);
transform:translateY(-2px);
}
body .cz-material__img {
flex:none;
width:56px;
height:56px;
border-radius:50%;
object-fit:cover;
box-shadow:inset 0 0 0 1px rgba(32,32,30,.1),0 2px 6px rgba(32,32,30,.18);
transition:transform .5s var(--cz-curva);
}
body .cz-material:hover .cz-material__img {
transform:scale(1.08) rotate(-6deg);
}
body .cz-material__img--vacio {
display:block;
background-color:var(--cz-esparto);
}
body .cz-material__txt {
display:flex;
flex-direction:column;
min-width:0;
}
body .cz-material__nombre {
white-space:nowrap;
font-weight:700;
font-size:15px;
line-height:1.2;
}
body .cz-material__n {
color:var(--cz-texto-2);
font-size:13px;
}
body .cz-mat-ico {
width:30px;
height:30px;
}
body .cz-materiales--tarjetas {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
gap:clamp(14px,2vw,24px);
}
body .cz-materiales--tarjetas .cz-material {
flex-direction:column;
align-items:stretch;
gap:0;
padding:0;
overflow:hidden;
border-radius:18px;
}
body .cz-materiales--tarjetas .cz-material__img {
width:100%;
height:auto;
aspect-ratio:4/3;
border-radius:0;
box-shadow:none;
}
body .cz-materiales--tarjetas .cz-material:hover .cz-material__img {
transform:scale(1.04);
}
body .cz-material__ico {
position:relative;
z-index:1;
display:grid;
place-items:center;
width:64px;
height:64px;
margin:-32px auto 0;
border:4px solid #ffffff;
border-radius:50%;
background-color:var(--cz-lino);
color:var(--cz-tinta);
box-shadow:0 6px 14px -6px rgba(32,32,30,.35);
transition:background-color .25s ease,color .25s ease;
}
body .cz-materiales--tarjetas .cz-material:hover .cz-material__ico {
background-color:var(--cz-magenta);
color:#ffffff;
}
body .cz-materiales--tarjetas .cz-material__txt {
align-items:center;
gap:4px;
padding:10px 18px 22px;
text-align:center;
}
body .cz-materiales--tarjetas .cz-material__nombre {
white-space:normal;
font:560 1.35rem/1.15 var(--vv-fuente-titulos);
}
body .cz-material__texto {
margin-top:6px;
color:var(--cz-texto-2);
font-size:14.5px;
line-height:1.5;
}
@media only screen and (max-width:767px) {
body .cz-materiales:not(.cz-materiales--tarjetas) {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
}
body .cz-materiales:not(.cz-materiales--tarjetas) .cz-material {
gap:8px;
padding:6px 10px 6px 6px;
}
body .cz-materiales:not(.cz-materiales--tarjetas) .cz-material__img {
width:44px;
height:44px;
}
body .cz-material__nombre {
white-space:normal;
font-size:14px;
}
}

/* Filtros de la tienda */
body.cz .vvt-filtro__tit {
font-family:var(--vv-fuente-textos);
color:var(--cz-tinta);
}
body.cz .vvt-filtros__grupos .vvt-op__img {
width:32px;
height:32px;
}
body.cz .vvt-chip {
background-color:var(--cz-magenta-claro);
}
body.cz .vvt-chip:hover {
background-color:#f6cce3;
}
body.cz .vvt-filtros,
body.cz .vvt-filtros__pie {
background-color:var(--cz-crema);
}
body.cz .vvt-filtros__titulo {
font-family:var(--vv-fuente-titulos);
font-weight:560;
}
body.cz .vvt-filtrar {
border-color:var(--cz-tinta);
background-color:var(--cz-tinta);
color:#ffffff;
}
body.cz .vvt-filtrar:hover {
border-color:var(--cz-magenta);
background-color:var(--cz-magenta);
}
body.cz .vvt-filtrar__n {
background-color:var(--cz-mostaza);
color:var(--cz-tinta);
}

/* Historia en la categoría */
body .cz-historia-cat {
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);
align-items:center;
gap:clamp(24px,4vw,56px);
margin:clamp(30px,4vw,48px) 0 0;
padding:clamp(20px,3vw,36px);
border-radius:22px;
background-color:var(--cz-lino);
}
body .cz-historia-cat__foto {
margin:0;
}
body .cz-historia-cat__foto img {
display:block;
width:100%;
height:auto;
aspect-ratio:1;
border-radius:16px;
object-fit:cover;
}
body .cz-historia-cat__txt > :last-child {
margin-bottom:0;
}
body .cz-historia-cat .cz-titulo {
font-size:clamp(1.8rem,3vw,2.5rem);
}
@media only screen and (max-width:767px) {
body .cz-historia-cat {
grid-template-columns:minmax(0,1fr);
}
body .cz-historia-cat__foto img {
aspect-ratio:16/10;
}
}

/* Ventajas */
body .cz-ventajas {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
margin:0;
padding:0;
list-style:none;
}
body .cz-ventajas li {
display:flex;
align-items:center;
gap:14px;
padding:16px 18px;
border:1.5px dashed var(--cz-costura);
border-radius:14px;
background-color:#ffffff;
}
body .cz-ventajas__ico {
display:inline-flex;
flex:none;
align-items:center;
justify-content:center;
width:46px;
height:46px;
border-radius:12px;
background-color:var(--cz-magenta-claro);
color:var(--cz-magenta-osc);
}
body .cz-ventajas li:nth-child(2) .cz-ventajas__ico {
background-color:var(--cz-oliva-claro);
color:var(--cz-oliva-osc);
}
body .cz-ventajas li:nth-child(3) .cz-ventajas__ico {
background-color:var(--cz-mostaza-claro);
color:#8a6500;
}
body .cz-ventajas li:nth-child(4) .cz-ventajas__ico {
background-color:#eeeeec;
color:var(--cz-tinta);
}
body .cz-ventajas strong {
display:block;
color:var(--cz-tinta);
font-size:15px;
line-height:1.25;
}
body .cz-ventajas span:not(.cz-ventajas__ico) {
display:block;
color:var(--cz-texto-2);
font-size:13.5px;
line-height:1.35;
}
body .cz-franja {
padding:26px 0;
background-color:var(--cz-crema);
}
@media only screen and (max-width:1100px) {
body .cz-ventajas {
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media only screen and (max-width:767px) {
body .cz-ventajas {
gap:10px;
}
body .cz-ventajas li {
flex-direction:column;
align-items:center;
gap:8px;
padding:14px 10px;
text-align:center;
}
body .cz-ventajas strong {
font-size:14px;
}
body .cz-ventajas span:not(.cz-ventajas__ico) {
font-size:12.5px;
}
}

/* Banda de temporada */
body .cz-temporada {
position:relative;
padding:clamp(60px,8vw,104px) 0;
overflow:hidden;
background-color:var(--cz-magenta-osc);
background-image:radial-gradient(60% 80% at 100% 0%,rgba(233,180,20,.35),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(32,32,30,.45),transparent 70%);
color:#ffffff;
isolation:isolate;
}
body .cz-temporada::before {
content:"";
position:absolute;
inset:14px;
z-index:-1;
border:1.5px dashed rgba(255,255,255,.3);
border-radius:24px;
pointer-events:none;
}
body .cz-temporada__rombos {
position:absolute;
top:-60px;
right:-40px;
z-index:-1;
width:340px;
height:340px;
opacity:.16;
background:url(https://www.cazorla.online/wp-content/uploads/vv-cache/edc003ead625/img/logo/cazorla-online-isotipo.svg) no-repeat center/contain;
transform:rotate(10deg);
}
body.cz .cz-temporada h2 {
color:#ffffff;
}
body .cz-temporada .cz-entradilla {
color:rgba(255,255,255,.86);
}
body .cz-temporada .cz-seccion__cab {
align-items:flex-end;
}

/* Rejillas de productos de portada */
body .cz-productos .vvt-bloque {
margin:0;
}
body .cz-productos--sep {
margin-top:clamp(40px,6vw,72px);
}
body .cz-productos .vvt-rejilla:has(> li:nth-child(4):last-child) {
grid-template-columns:repeat(4,minmax(0,1fr));
}
@media only screen and (max-width:959px) {
body .cz-productos .vvt-rejilla:has(> li:nth-child(4):last-child) {
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
body .cz-productos__pie {
display:flex;
justify-content:center;
margin:clamp(24px,3vw,36px) 0 0;
}

/* Foto vertical y texto */
body .cz-historia {
display:grid;
grid-template-columns:minmax(0,.62fr) minmax(0,1fr);
align-items:center;
gap:clamp(28px,5vw,72px);
}
body .cz-historia__foto {
position:relative;
margin:0;
}
body .cz-historia__foto img {
display:block;
width:100%;
aspect-ratio:4/5;
border-radius:20px;
object-fit:cover;
}
body .cz-historia__foto::after {
content:"";
position:absolute;
inset:10px;
border:1.5px dashed rgba(255,255,255,.55);
border-radius:13px;
pointer-events:none;
}
body .cz-historia__sello {
position:absolute;
right:-18px;
bottom:28px;
z-index:2;
display:flex;
align-items:center;
gap:10px;
padding:12px 16px;
border-radius:14px;
background-color:#ffffff;
box-shadow:var(--cz-sombra);
color:var(--cz-tinta);
font-size:13.5px;
font-weight:700;
line-height:1.3;
}
body .cz-historia__sello svg {
width:28px;
height:28px;
color:var(--cz-magenta);
}
body .cz-puntos {
display:grid;
gap:16px;
margin:26px 0 30px;
padding:0;
list-style:none;
}
body .cz-puntos li {
display:flex;
align-items:flex-start;
gap:14px;
}
body .cz-puntos__ico {
display:inline-flex;
flex:none;
align-items:center;
justify-content:center;
width:44px;
height:44px;
border-radius:12px;
background-color:var(--cz-oliva-claro);
color:var(--cz-oliva-osc);
}
body .cz-puntos li:nth-child(2) .cz-puntos__ico {
background-color:var(--cz-magenta-claro);
color:var(--cz-magenta-osc);
}
body .cz-puntos li:nth-child(3) .cz-puntos__ico {
background-color:var(--cz-mostaza-claro);
color:#8a6500;
}
body .cz-puntos strong {
display:block;
color:var(--cz-tinta);
font-size:16px;
}
body .cz-puntos span:not(.cz-puntos__ico) {
display:block;
color:var(--cz-texto-2);
font-size:15px;
line-height:1.5;
}
@media only screen and (max-width:959px) {
body .cz-historia {
grid-template-columns:minmax(0,1fr);
}
body .cz-historia__foto {
max-width:520px;
}
body .cz-historia__foto img {
aspect-ratio:4/3;
object-position:50% 40%;
}
body .cz-historia__sello {
right:12px;
bottom:-18px;
}
}

/* Banda oscura de joyería */
body .cz-banda {
padding:clamp(60px,8vw,108px) 0;
background-color:var(--cz-tinta);
background-image:radial-gradient(50% 60% at 0% 0%,rgba(196,0,121,.22),transparent 70%),radial-gradient(40% 60% at 100% 100%,rgba(233,180,20,.12),transparent 70%);
color:#ffffff;
}
body.cz .cz-banda h2 {
color:#ffffff;
}
body .cz-banda .cz-entradilla {
color:rgba(255,255,255,.78);
}
body .cz-banda .cz-etiqueta {
border-color:rgba(255,255,255,.35);
color:var(--cz-mostaza);
}
body .cz-banda .cz-mas {
color:#ffffff !important;
}
body .cz-temporada .cz-etiqueta {
border-color:rgba(255,255,255,.45);
color:#ffffff;
}

/* Blog en portada */
body .cz-blog .vv-entradas {
margin:0;
}

/* Tienda */
body.cz .vvt-btn,
body.cz .single_add_to_cart_button,
body.cz .vvt-ficha .button {
border-radius:12px;
}
body.cz .vvt-tarjeta {
border:1px solid var(--cz-linea);
border-radius:18px;
background-color:#ffffff;
box-shadow:none;
transition:box-shadow .35s ease,border-color .35s ease,transform .35s var(--cz-curva);
}
body.cz .vvt-tarjeta:hover {
border-color:transparent;
box-shadow:var(--cz-sombra);
transform:translateY(-3px);
}
body.cz .vvt-tarjeta__foto {
position:relative;
margin:8px 8px 0;
border-radius:12px;
background-color:var(--cz-lino);
overflow:hidden;
}
body.cz .vvt-tarjeta__foto img {
object-fit:cover;
}
body.cz .vvt-tarjeta__nombre {
font-family:var(--vv-fuente-textos);
font-size:.95rem;
font-weight:600;
line-height:1.35;
letter-spacing:0;
}
body.cz .vvt-precio {
color:var(--cz-tinta);
font-size:1.15rem;
font-weight:800;
}
body.cz .vvt-bloque__titulo {
font-size:clamp(1.9rem,3.6vw,2.8rem);
}
body.cz .vvt-cab {
position:relative;
overflow:hidden;
border-radius:22px;
background-color:var(--cz-tinta);
background-image:radial-gradient(70% 80% at 0% 100%,rgba(196,0,121,.32),transparent 70%),radial-gradient(50% 60% at 100% 0%,rgba(233,180,20,.16),transparent 70%);
background-position:center;
background-size:cover;
color:#ffffff;
}
body.cz .vvt-cab::before {
content:"";
position:absolute;
inset:10px;
z-index:1;
border:1.5px dashed rgba(255,255,255,.26);
border-radius:15px;
pointer-events:none;
}
body.cz .vvt-cab__caja {
position:relative;
z-index:2;
padding:clamp(26px,4vw,50px);
}
body.cz .vvt-cab__foto {
position:relative;
z-index:2;
padding:18px 18px 18px 0;
}
body.cz .vvt-cab__foto img {
border-radius:14px;
}
@media only screen and (max-width:767px) {
body.cz .vvt-cab__foto {
display:none;
}
}
body.cz .vvt-cab__titulo {
color:#ffffff;
font-size:clamp(2.2rem,5vw,3.8rem);
}
body.cz .vvt-cab__intro {
color:rgba(255,255,255,.84);
}
body.cz .vvt-cab .vvt-migas a,
body.cz .vvt-cab .vvt-migas span {
color:rgba(255,255,255,.78);
}
body.cz.vvt-marca-joyeria-y-complementos .vvt-cab {
background-image:radial-gradient(70% 80% at 0% 100%,rgba(196,0,121,.42),transparent 70%),radial-gradient(50% 60% at 100% 0%,rgba(196,197,197,.16),transparent 70%);
}
body.cz.vvt-marca-artesania-en-esparto .vvt-cab {
background-color:#3d4a22;
background-image:radial-gradient(70% 80% at 0% 100%,rgba(233,180,20,.3),transparent 70%),radial-gradient(50% 60% at 100% 0%,rgba(131,156,74,.4),transparent 70%);
}

/* Precio desde */
body .cz-desde {
display:block;
margin-bottom:2px;
font-size:.68em;
font-weight:600;
line-height:1.1;
letter-spacing:.04em;
text-transform:uppercase;
opacity:.7;
}

/* Carrito y pago */
body.cz .woocommerce-cart-form {
margin:0 0 28px;
}
body.cz table.shop_table {
width:100%;
margin:0;
border:1px solid var(--cz-linea);
border-radius:var(--cz-radio);
border-spacing:0;
background-color:#ffffff;
overflow:hidden;
}
body.cz table.shop_table th,
body.cz table.shop_table td {
padding:14px 16px;
border-top:1px solid var(--cz-linea);
text-align:left;
vertical-align:middle;
}
body.cz table.shop_table thead th {
border-top:0;
background-color:var(--cz-lino);
font-size:.82rem;
font-weight:700;
letter-spacing:.04em;
text-transform:uppercase;
}
body.cz table.shop_table tbody tr:first-child > * {
border-top:0;
}
body.cz table.shop_table thead + tbody tr:first-child > * {
border-top:1px solid var(--cz-linea);
}
body.cz .shop_table .product-thumbnail {
width:96px;
}
body.cz .shop_table .product-thumbnail img {
display:block;
width:80px;
height:80px;
border-radius:10px;
object-fit:cover;
}
body.cz .shop_table .product-remove {
width:44px;
}
body.cz .shop_table a.remove {
display:inline-grid;
place-items:center;
width:32px;
height:32px;
border-radius:50%;
background-color:var(--cz-lino);
color:var(--cz-tinta);
font-size:20px;
line-height:1;
text-decoration:none;
}
body.cz .shop_table a.remove:hover,
body.cz .shop_table a.remove:focus-visible {
background-color:var(--cz-magenta);
color:#ffffff;
}
body.cz .shop_table .product-name a {
color:var(--cz-tinta);
font-weight:600;
text-decoration:none;
}
body.cz .shop_table .product-name a:hover {
color:var(--cz-magenta);
}
body.cz .shop_table .product-subtotal,
body.cz .shop_table .product-price {
white-space:nowrap;
}
body.cz .shop_table .quantity input.qty {
width:76px;
min-height:44px;
padding:0 8px;
border:1px solid var(--cz-costura);
border-radius:10px;
text-align:center;
}
body.cz .shop_table td.actions {
padding:16px;
background-color:var(--cz-crema);
}
body.cz .shop_table tr > td.actions {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:10px;
}
body.cz .shop_table td.actions .coupon {
display:inline-flex;
flex-wrap:wrap;
gap:8px;
}
body.cz .shop_table td.actions .input-text {
width:220px;
min-height:44px;
padding:0 14px;
border:1px solid var(--cz-costura);
border-radius:999px;
}
body.cz .shop_table td.actions .button {
min-height:44px;
padding:0 20px;
border:1.5px solid var(--cz-tinta);
border-radius:999px;
background-color:transparent;
color:var(--cz-tinta);
font-weight:700;
cursor:pointer;
}
body.cz .shop_table td.actions .button:disabled {
opacity:.45;
cursor:default;
}
body.cz .cart-collaterals {
display:flex;
justify-content:flex-end;
}
body.cz .cart_totals {
width:min(100%,460px);
}
body.cz .cart_totals h2,
body.cz #order_review_heading,
body.cz .woocommerce-billing-fields h3,
body.cz .woocommerce-additional-fields h3 {
margin:0 0 14px;
font-size:1.35rem;
}
body.cz .cart_totals .wc-proceed-to-checkout {
padding-top:16px;
}
body.cz .woocommerce-shipping-methods {
display:grid;
gap:8px;
margin:0;
padding:0;
list-style:none;
}
body.cz .woocommerce-shipping-methods li {
display:flex;
align-items:center;
gap:8px;
}
body.cz .woocommerce-shipping-methods label {
display:inline-flex;
flex-wrap:wrap;
align-items:center;
gap:6px;
}
body.cz .pl-checkout-carrier-image {
width:auto;
height:22px;
border-radius:4px;
}
body.cz .shop_table .order-total th,
body.cz .shop_table .order-total td {
font-size:1.15rem;
font-weight:800;
}
body.cz .shop_table .order-total small {
display:block;
font-size:.78rem;
font-weight:500;
color:var(--cz-texto-2);
}
body.cz .shipping-calculator-button {
display:inline-block;
margin-top:6px;
font-size:.9rem;
}
body.cz .woocommerce-checkout-review-order-table th:last-child,
body.cz .woocommerce-checkout-review-order-table td:last-child {
text-align:right;
}
body.cz .woocommerce-checkout-review-order-table tfoot th {
width:38%;
}
body.cz .woocommerce-checkout-review-order-table .woocommerce-shipping-methods {
justify-items:end;
}
body.cz #payment ul.payment_methods {
display:grid;
gap:10px;
margin:22px 0;
padding:0;
list-style:none;
}
body.cz #payment ul.payment_methods > li {
padding:14px 16px;
border:1px solid var(--cz-linea);
border-radius:var(--cz-radio);
background-color:#ffffff;
}
body.cz #payment ul.payment_methods > li > label {
font-weight:600;
cursor:pointer;
}
body.cz #payment ul.payment_methods > li > input {
margin-right:8px;
accent-color:var(--cz-magenta);
}
body.cz #payment .payment_box {
margin-top:10px;
color:var(--cz-texto-2);
font-size:.92rem;
}
body.cz .woocommerce-shipping-methods input {
accent-color:var(--cz-magenta);
}
body.cz .cz-envio-gratis {
color:var(--cz-oliva-osc);
font-weight:800;
}
body.cz .woocommerce-message,
body.cz .woocommerce-info,
body.cz .woocommerce-error {
display:block;
margin:0 0 20px;
padding:14px 18px;
border-radius:var(--cz-radio);
background-color:var(--cz-oliva-claro);
color:var(--cz-tinta);
list-style:none;
}
body.cz .woocommerce-info {
background-color:var(--cz-mostaza-claro);
}
body.cz .woocommerce-error {
background-color:var(--cz-magenta-claro);
}
body.cz .woocommerce-message .button,
body.cz .woocommerce-info .button {
float:right;
margin-left:16px;
font-weight:700;
color:var(--cz-magenta);
}

@media (max-width:767px) {
body.cz table.shop_table_responsive thead {
display:none;
}
body.cz table.shop_table_responsive tr {
display:grid;
grid-template-columns:auto 1fr;
border-top:1px solid var(--cz-linea);
}
body.cz table.shop_table_responsive tbody tr:first-child {
border-top:0;
}
body.cz table.shop_table_responsive tr > * {
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
grid-column:1 / -1;
padding:8px 16px;
border-top:0;
text-align:right;
}
body.cz table.shop_table_responsive td[data-title]::before {
content:attr(data-title);
font-weight:700;
text-align:left;
}
body.cz .woocommerce-cart-form .cart_item {
position:relative;
padding:10px 0;
}
body.cz .woocommerce-cart-form .cart_item .product-thumbnail {
display:block;
width:auto;
padding-bottom:0;
}
body.cz .woocommerce-cart-form .cart_item .product-thumbnail::before,
body.cz .woocommerce-cart-form .cart_item .product-remove::before {
content:none;
}
body.cz .woocommerce-cart-form .cart_item .product-remove {
position:absolute;
top:14px;
right:0;
width:auto;
padding:0 12px;
}
body.cz .woocommerce-cart-form .cart_item .product-name {
padding-right:56px;
text-align:right;
}
body.cz .shop_table tr > td.actions {
display:grid;
gap:10px;
}
body.cz .shop_table td.actions .coupon {
display:grid;
grid-template-columns:1fr auto;
margin:0;
}
body.cz .shop_table td.actions .input-text {
width:100%;
}
body.cz .cart_totals {
width:100%;
}
body.cz .cart_totals table.shop_table_responsive tr > * {
padding:10px 16px;
}
body.cz .woocommerce-shipping-methods {
justify-items:end;
}
body.cz .woocommerce-checkout-review-order-table,
body.cz .woocommerce-checkout-review-order-table > * {
display:block;
}
body.cz .woocommerce-checkout-review-order-table tr {
display:grid;
grid-template-columns:minmax(0,1fr) auto;
border-top:1px solid var(--cz-linea);
}
body.cz .woocommerce-checkout-review-order-table thead tr {
border-top:0;
}
body.cz .woocommerce-checkout-review-order-table tr > th,
body.cz .woocommerce-checkout-review-order-table tr > td {
width:auto;
border-top:0;
}
body.cz .woocommerce-checkout-review-order-table tr.shipping {
grid-template-columns:minmax(0,1fr);
}
body.cz .woocommerce-checkout-review-order-table tr.shipping > * {
display:block;
width:auto;
text-align:left;
}
body.cz .woocommerce-checkout-review-order-table tr.shipping th {
padding-bottom:4px;
}
body.cz .woocommerce-checkout-review-order-table tr.shipping td {
border-top:0;
}
body.cz .woocommerce-checkout-review-order-table tr.shipping .woocommerce-shipping-methods {
justify-items:stretch;
}
}

/* Cabecera de página */
body .cz-pag-cab {
position:relative;
padding:clamp(40px,6vw,76px) 0 clamp(30px,4vw,48px);
background-color:var(--cz-lino);
background-image:radial-gradient(60% 90% at 100% 0%,rgba(233,180,20,.16),transparent 60%);
isolation:isolate;
}
body .cz-pag-cab::before {
content:"";
position:absolute;
inset:12px;
z-index:-1;
border:1.5px dashed rgba(32,32,30,.16);
border-radius:22px;
pointer-events:none;
}
body.cz .cz-pag-cab .cz-titulo {
font-size:clamp(2.3rem,5vw,3.8rem);
}
body.cz .cz-pag-cab + .cz-seccion {
padding-top:clamp(32px,4vw,56px);
}

/* Contacto */
body .cz-contacto__rejilla {
display:grid;
grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
align-items:start;
gap:clamp(24px,4vw,56px);
}
body .cz-contacto__form {
padding:clamp(20px,3vw,36px);
border:1px solid var(--cz-linea);
border-radius:20px;
background-color:#ffffff;
}
body .cz-contacto__lado {
position:sticky;
top:calc(var(--vv-arriba-alto) + 20px);
padding:clamp(22px,3vw,34px);
border-radius:20px;
background-color:var(--cz-tinta);
background-image:radial-gradient(80% 60% at 100% 100%,rgba(196,0,121,.3),transparent 70%);
color:rgba(255,255,255,.86);
}
body.cz .cz-contacto__t {
margin:0 0 18px;
color:#ffffff;
font-size:1.6rem;
}
body.cz .cz-contacto__lado .vvf-vias__lista {
display:grid;
gap:10px;
}
body.cz .cz-contacto__lado .vvf-via {
display:flex;
flex-direction:column;
gap:2px;
padding:12px 16px;
border:1px solid rgba(255,255,255,.14);
border-radius:12px;
background-color:rgba(255,255,255,.06);
color:#ffffff !important;
text-decoration:none !important;
transition:background-color .2s ease,border-color .2s ease;
}
body.cz .cz-contacto__lado .vvf-via:hover,
body.cz .cz-contacto__lado .vvf-via:focus-visible {
border-color:var(--cz-mostaza);
background-color:rgba(255,255,255,.1);
}
body.cz .cz-contacto__lado .vvf-via__e {
color:var(--cz-mostaza);
font-size:12px;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
}
body.cz .cz-contacto__lado .vvf-via__d {
font-size:16px;
font-weight:600;
}
body .cz-contacto__dir {
display:flex;
align-items:flex-start;
gap:12px;
margin:20px 0 0;
}
body .cz-contacto__dir svg {
flex:none;
margin-top:2px;
color:var(--cz-mostaza);
}
body .cz-contacto__nota {
margin:18px 0 0;
padding:16px 0 0;
border-top:1.5px dashed rgba(255,255,255,.22);
font-size:14px;
line-height:1.55;
}
body.cz .vvf-form input:not([type=checkbox]):not([type=radio]),
body.cz .vvf-form select,
body.cz .vvf-form textarea {
border-radius:10px;
}
body.cz .vvf-form .vvf-form__boton {
min-height:52px;
padding:13px 28px;
border:2px solid var(--cz-magenta);
border-radius:12px;
background-color:var(--cz-magenta);
color:#ffffff;
font-weight:700;
}
body.cz .vvf-form .vvf-form__boton:hover,
body.cz .vvf-form .vvf-form__boton:focus-visible {
border-color:var(--cz-tinta);
background-color:var(--cz-tinta);
color:#ffffff;
}
@media only screen and (max-width:959px) {
body .cz-contacto__rejilla {
grid-template-columns:minmax(0,1fr);
}
body .cz-contacto__lado {
position:static;
}
}

/* Formas de pago en el pie */
body .cz-pie-pago {
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
gap:8px;
margin:18px 0 0;
}
body .cz-pie-pago span {
display:inline-flex;
align-items:center;
justify-content:center;
height:30px;
min-width:48px;
padding:0 8px;
border-radius:6px;
background:#ffffff no-repeat center/auto 60%;
color:#1a1a1a;
font-size:12px;
font-weight:800;
letter-spacing:.02em;
}
body .cz-pie-pago span.cz-pie-pago__visa {
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 16'%3E%3Cpath fill='%231a1f71' d='M19.6 15.3h-3.4L18.3.7h3.4zM31.9 1a8.6 8.6 0 0 0-3-.5c-3.4 0-5.7 1.8-5.7 4.3 0 1.9 1.7 2.9 3 3.5 1.3.6 1.8 1 1.8 1.6 0 .9-1.1 1.3-2 1.3a7 7 0 0 1-3.3-.7l-.4-.2-.5 2.9c.8.4 2.3.7 3.9.7 3.6 0 5.9-1.8 5.9-4.4 0-1.5-.9-2.6-2.9-3.5-1.2-.6-1.9-1-1.9-1.6 0-.5.6-1.1 1.9-1.1a6 6 0 0 1 2.5.5l.3.1zM40.6.7H38c-.8 0-1.4.2-1.8 1.1l-5 13.5h3.6l.7-2h4.4l.4 2H44zm-4.2 9.8 1.8-4.9.3-1 .2.9 1 5zM15.3.7 12 10.6l-.4-1.9C11 6.6 9 4.3 6.7 3.2l3 12.1h3.6L18.8.7z'/%3E%3Cpath fill='%23f7a600' d='M8.8.7H3.3l-.1.3c4.3 1.1 7.1 3.7 8.3 6.9L10.3 1.8C10.1.9 9.5.7 8.8.7'/%3E%3C/svg%3E");
}
body .cz-pie-pago span.cz-pie-pago__mc {
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24'%3E%3Ccircle cx='14' cy='12' r='10' fill='%23eb001b'/%3E%3Ccircle cx='26' cy='12' r='10' fill='%23f79e1b'/%3E%3Cpath fill='%23ff5f00' d='M20 4a10 10 0 0 1 0 16 10 10 0 0 1 0-16'/%3E%3C/svg%3E");
}
body .cz-pie-pago__bizum {
color:#05c3dd !important;
font-size:13px !important;
}

/* Pie */
body.cz .vv-pie {
position:relative;
overflow:hidden;
}
body.cz .vv-pie::before {
content:"";
position:absolute;
top:-90px;
right:-90px;
width:380px;
height:380px;
background:url(https://www.cazorla.online/wp-content/uploads/vv-cache/edc003ead625/img/logo/cazorla-online-isotipo.svg) no-repeat center/contain;
opacity:.06;
transform:rotate(-10deg);
pointer-events:none;
}
body.cz .vv-pie__logo {
width:auto;
max-width:100%;
height:70px;
object-fit:contain;
object-position:left center;
}
body.cz .vv-pie__titulo {
color:var(--cz-mostaza);
font:560 1.3rem/1.1 var(--vv-fuente-titulos);
}
body.cz .vv-pie a {
color:rgba(251,248,242,.88);
}
body.cz .vv-pie a:hover,
body.cz .vv-pie a:focus-visible {
color:var(--cz-mostaza);
}
body.cz .vv-pie__bloque--texto .vv-pie__nav {
margin:0;
padding:0;
list-style:none;
}
body.cz .vv-pie__bloque--texto .vv-pie__nav li {
margin:0 0 6px;
}
body.cz .vv-pie__bloque--texto .vv-pie__nav a {
text-decoration:none;
}
body.cz .vv-pie__ico {
color:var(--cz-mostaza);
}
@media only screen and (max-width:959px) {
body .cz-pie-pago {
justify-content:center;
}
}
@media only screen and (max-width:767px) {
body.cz .vv-pie__logo {
object-position:center;
}
}
@media only screen and (max-width:640px) {
body.cz .vv-pie--columnas .vv-pie__caja {
grid-template-columns:repeat(2,minmax(0,1fr));
gap:36px 18px;
}
body.cz .vv-pie--columnas .vv-pie__col--1,
body.cz .vv-pie--columnas .vv-pie__col--4 {
grid-column:1/-1;
}
}

/* Botón de accesibilidad discreto */
body .vv-acc-flota {
display:none !important;
}
body.cz .vv-acc-boton {
background-color:var(--cz-tinta);
color:var(--cz-mostaza);
}
body.cz .vv-pie__boton[data-vv-acc-abrir] {
display:inline-flex;
align-items:center;
gap:6px;
}
body.cz .vv-pie__boton[data-vv-acc-abrir]::before {
content:"";
width:16px;
height:16px;
background-color:currentColor;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='7.2' r='1.3'/%3E%3Cpath d='M7.5 10h9M12 10v4.5M9.5 18l2.5-3.5 2.5 3.5'/%3E%3C/svg%3E") no-repeat center/contain;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='7.2' r='1.3'/%3E%3Cpath d='M7.5 10h9M12 10v4.5M9.5 18l2.5-3.5 2.5 3.5'/%3E%3C/svg%3E") no-repeat center/contain;
}

/* Movimiento reducido */
@media (prefers-reduced-motion:reduce) {
body.cz *,
body.cz *::before,
body.cz *::after {
transition:none !important;
animation:none !important;
}
}

/* Ficha del producto */
body.cz .vvt-acordeon summary {
font-family:var(--vv-fuente-titulos);
font-weight:600;
font-size:1.25rem;
color:var(--cz-tinta);
}
body.cz .vvt-chev,
body.cz .vvt-filtro__tit::after {
color:var(--cz-magenta);
opacity:1;
}
body.cz .vvt-apartado__tit {
font-family:var(--vv-fuente-titulos);
font-weight:600;
color:var(--cz-tinta);
}
body.cz .vvt-apartado__ico,
body.cz .vvt-medida dt .vvt-apartado__svg {
background-color:var(--cz-mostaza-claro);
color:var(--cz-tinta);
}
body.cz .vvt-oficio__foto img {
border-radius:var(--cz-radio);
box-shadow:var(--cz-sombra);
}
body.cz .vvt-medida {
border-color:var(--cz-linea);
border-radius:var(--cz-radio);
background-color:#fff;
transition:transform .3s var(--cz-curva),box-shadow .3s var(--cz-curva);
}
body.cz .vvt-medida:hover {
transform:translateY(-2px);
box-shadow:var(--cz-sombra);
}
body.cz .vvt-medida dt {
color:var(--cz-texto-2);
}
body.cz .vvt-medida dd {
color:var(--cz-tinta);
}
body.cz .vvt-publico__item {
border:1px solid var(--cz-linea);
border-radius:var(--cz-radio);
background-color:var(--cz-lino);
}
body.cz .vvt-publico__item strong {
color:var(--cz-tinta);
}
body.cz .vvt-publico__item p,
body.cz .vvt-cuidados p {
color:var(--cz-texto-2);
}
body.cz .vvt-cuidados strong {
color:var(--cz-tinta);
}
body.cz .vvt-unica {
border-radius:var(--cz-radio);
background-color:var(--cz-tinta);
background-image:radial-gradient(60% 80% at 0% 0%,rgba(196,0,121,.28),transparent 70%),radial-gradient(50% 70% at 100% 100%,rgba(233,180,20,.18),transparent 70%);
}
body.cz .vvt-unica .vvt-apartado__tit {
color:#fff;
}
body.cz .vvt-unica__ico {
background-color:rgba(233,180,20,.18);
color:var(--cz-mostaza);
}
body.cz .vvt-faq,
body.cz .vvt-faq__item {
border-color:var(--cz-linea);
}
body.cz .vvt-faq__item summary {
color:var(--cz-tinta);
font-size:1.02rem;
transition:color .25s var(--cz-curva);
}
body.cz .vvt-faq__item summary:hover,
body.cz .vvt-faq__item[open]:not(.is-cerrando) summary {
color:var(--cz-magenta);
}
body.cz .vvt-faq__r {
color:var(--cz-texto-2);
}

/* Blog */
body .cz-pag-cab--blog .cz-caja {
display:grid;
grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);
align-items:center;
gap:clamp(24px,4vw,56px);
}
body .cz-blog-texturas {
position:relative;
height:clamp(190px,19vw,250px);
}
body .cz-blog-texturas img {
position:absolute;
width:46%;
height:auto;
aspect-ratio:1;
object-fit:cover;
border:5px solid #fff;
border-radius:50%;
box-shadow:var(--cz-sombra);
transition:transform .6s var(--cz-curva);
}
body .cz-blog-texturas img:nth-child(1) {
top:0;
left:6%;
}
body .cz-blog-texturas img:nth-child(2) {
top:8%;
right:0;
width:40%;
}
body .cz-blog-texturas img:nth-child(3) {
bottom:0;
left:30%;
width:42%;
}
body .cz-blog-texturas:hover img {
transform:rotate(-8deg) scale(1.04);
}
body.cz .vve-listado {
max-width:var(--vv-ancho,1240px);
margin:0 auto;
padding:clamp(40px,5vw,68px) clamp(16px,4vw,32px) clamp(56px,7vw,96px);
}
body.cz .vve-tarjeta .vvf-tarjeta__foto {
height:auto;
aspect-ratio:5 / 4;
}
body.cz .vve-tarjeta .vvf-tarjeta__img {
object-position:center;
}
@media (max-width:760px) {
body .cz-pag-cab--blog .cz-caja {
grid-template-columns:minmax(0,1fr);
}
body .cz-blog-texturas {
order:-1;
width:min(320px,100%);
height:150px;
}
}

/* Contenido de las entradas */
body .cz-post {
--cz-acento:var(--cz-magenta);
}
body .cz-post p,
body .cz-post li {
font-size:1.06rem;
line-height:1.75;
}
body .cz-post-lead {
margin:0 0 2.2rem;
padding:1.2rem 1.4rem;
border-left:4px solid var(--cz-mostaza);
border-radius:0 var(--cz-radio) var(--cz-radio) 0;
background-color:var(--cz-mostaza-claro);
}
body .cz-post-lead p {
margin:0;
font-size:1.2rem;
color:var(--cz-tinta);
}
body .cz-post-toc {
margin:0 0 2.2rem;
padding:1.1rem 1.3rem;
border:1px solid var(--cz-linea);
border-radius:var(--cz-radio);
background-color:#fff;
}
body .cz-post-toc ul {
margin:0;
padding:0;
list-style:none;
}
body .cz-post-toc a {
color:var(--cz-tinta);
text-decoration:none;
}
body .cz-post-bloque {
--cz-acento:var(--cz-magenta);
margin-bottom:2.4rem;
padding-top:2rem;
border-top:1px solid var(--cz-linea);
}
body .cz-post-bloque--ambar,
body .cz-post-bloque--dorado {
--cz-acento:#b8860b;
}
body .cz-post-bloque--verde {
--cz-acento:var(--cz-oliva-osc);
}
body .cz-post-bloque--terracota,
body .cz-post-bloque--rosa {
--cz-acento:var(--cz-magenta);
}
body .cz-post-bloque--azul {
--cz-acento:#3f6f80;
}
body .cz-post-bloque--tierra {
--cz-acento:#7a6f5d;
}
body .cz-post-bloque-titulo {
display:flex;
align-items:center;
gap:14px;
margin-bottom:1rem;
}
body .cz-post-bloque-titulo h2,
body .cz-post-bloque-titulo h3 {
margin:0;
}
body .cz-post-ico {
display:grid;
place-items:center;
flex:none;
width:48px;
height:48px;
border-radius:50%;
background-color:color-mix(in srgb,var(--cz-acento) 13%,#fff);
color:var(--cz-acento);
}
body .cz-post-ico svg {
width:24px;
height:24px;
}
body .cz-post-ventajas,
body .cz-post-compara {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
margin:0 0 1rem;
}
body .cz-post-card,
body .cz-post-compara-item {
padding:1.2rem 1.3rem;
border:1px solid var(--cz-linea);
border-radius:var(--cz-radio);
background-color:#fff;
}
body .cz-post-card .cz-post-ico {
width:44px;
height:44px;
margin-bottom:.7rem;
}
body .cz-post-card strong {
display:block;
margin:0 0 .3rem;
color:var(--cz-tinta);
}
body .cz-post-card p,
body .cz-post-compara-item p {
margin:0;
font-size:.97rem;
line-height:1.6;
color:var(--cz-texto-2);
}
body .cz-post-compara-item h3 {
margin:0 0 .5rem;
font-size:1.1rem;
}
body .cz-post-aviso {
display:flex;
align-items:flex-start;
gap:14px;
margin:0 0 1.6rem;
padding:1.1rem 1.3rem;
border-left:4px solid var(--cz-mostaza);
border-radius:0 var(--cz-radio) var(--cz-radio) 0;
background-color:var(--cz-mostaza-claro);
}
body .cz-post-aviso .cz-post-ico {
width:40px;
height:40px;
background-color:#fff;
color:#b8860b;
}
body .cz-post-aviso p {
margin:0;
}
body .cz-post-cuidados {
margin:0 0 1rem;
padding:0;
list-style:none;
counter-reset:paso;
}
body .cz-post-paso {
position:relative;
padding:0 0 1.1rem 3rem;
counter-increment:paso;
}
body .cz-post-paso::before {
content:counter(paso);
position:absolute;
top:0;
left:0;
display:grid;
place-items:center;
width:34px;
height:34px;
border-radius:50%;
background-color:var(--cz-acento);
color:#fff;
font-weight:700;
}
body .cz-post-paso strong {
display:block;
color:var(--cz-tinta);
}
body .cz-post-paso p {
margin:0;
font-size:.97rem;
color:var(--cz-texto-2);
}
body .cz-post-faq {
margin:0 0 1rem;
}
body .cz-post-faq-item {
margin-bottom:.7rem;
border:1px solid var(--cz-linea);
border-radius:var(--cz-radio);
background-color:#fff;
}
body .cz-post-faq-item > summary {
padding:1rem 1.2rem;
color:var(--cz-tinta);
font-weight:700;
transition:color .25s var(--cz-curva);
}
body .cz-post-faq-item > summary::after {
color:var(--cz-magenta);
}
body .cz-post-faq-item > summary:hover,
body .cz-post-faq-item[open]:not(.is-cerrando) > summary {
color:var(--cz-magenta);
}
body .cz-post-faq-cuerpo {
padding:0 1.2rem 1.1rem;
}
body .cz-post-faq-cuerpo p {
margin:0;
color:var(--cz-texto-2);
}
body .cz-post-cta {
margin:2.5rem 0 0;
padding:2rem 1.5rem;
border-radius:var(--cz-radio);
background-color:var(--cz-tinta);
background-image:radial-gradient(60% 80% at 0% 0%,rgba(196,0,121,.3),transparent 70%);
color:#fff;
text-align:center;
}
body.cz .cz-post-cta h2,
body.cz .cz-post-cta h3 {
color:#fff;
}
body .cz-post-cta p {
color:rgba(255,255,255,.82);
}
body .cz-post a.cz-post-btn,
body .cz-post-cta .cz-post-btn {
display:inline-flex;
align-items:center;
min-height:48px;
padding:0 24px;
border-radius:999px;
background-color:var(--cz-magenta);
color:#fff !important;
font-weight:700;
text-decoration:none;
transition:background-color .3s var(--cz-curva);
}
body .cz-post a.cz-post-btn:hover {
background-color:var(--cz-magenta-osc);
}
@media (max-width:767px) {
body .cz-post-ventajas,
body .cz-post-compara {
grid-template-columns:minmax(0,1fr);
}
}

/* Buscador y columnas laterales */
body.cz {
--vve-lateral-top:136px;
--vvt-lateral-top:136px;
}
body.cz .vvt-busca__form {
border-color:var(--cz-linea);
background-color:#fff;
}
body.cz .vvt-busca__form:focus-within {
border-color:var(--cz-magenta);
box-shadow:0 0 0 3px var(--cz-magenta-claro);
}
body.cz .vvt-busca__ir {
background-color:var(--cz-magenta);
}
body.cz .vvt-busca__cats a {
background-color:var(--cz-magenta-claro);
color:var(--cz-magenta-osc);
}
body.cz .vvt-busca__todos {
background-color:var(--cz-tinta);
}
body.cz .vvt-cab-buscar {
color:var(--cz-tinta);
}
body.cz .vve-lateral {
padding-top:clamp(28px,4vw,52px);
}
body.cz .vve-lateral__titulo {
font-family:var(--vv-fuente-titulos);
font-size:1.15rem;
font-weight:600;
color:var(--cz-tinta);
}
body.cz .vve-lateral__todas .vvf-boton {
border-color:var(--cz-magenta);
color:var(--cz-magenta);
}
body.cz .vvt-lat-tienda {
margin-top:26px;
padding-top:22px;
border-top:1px solid var(--cz-linea);
}
body.cz .vvt-lat-tienda__todo {
color:var(--cz-magenta);
}
body.cz .vvt-ficha__lateral .vvt-acordeon {
border-color:var(--cz-linea);
border-radius:var(--cz-radio);
}
body.cz .vvt-ficha__lateral .vvt-acordeon summary {
font-size:1.05rem;
}

@media (min-width:960px) {
body.cz .vve-lateral {
position:sticky;
top:var(--vve-lateral-top);
max-height:calc(100vh - var(--vve-lateral-top) - 16px);
padding-right:6px;
overflow-y:auto;
overscroll-behavior:contain;
scrollbar-width:thin;
}
}

/* Selector de idioma */
body.cz .vv-barra-sup__item--idioma {
display:flex;
align-items:center;
margin-left:14px;
padding-left:14px;
border-left:1px solid rgba(251,248,242,.18);
}
body.cz .vvi-barra {
display:inline-flex;
align-items:center;
gap:6px;
min-height:38px;
}
body.cz .vvi-barra .vv-barra-sup__ico svg {
width:15px;
height:15px;
}
body.cz .vvi-barra__l {
display:inline-flex;
align-items:center;
min-height:28px;
padding:0 4px;
border-radius:6px;
color:rgba(251,248,242,.62) !important;
font-weight:600;
letter-spacing:.06em;
text-decoration:none !important;
transition:color .2s ease,background-color .2s ease;
}
body.cz .vvi-barra__l:hover,
body.cz .vvi-barra__l:focus-visible {
color:var(--cz-mostaza) !important;
background-color:rgba(255,255,255,.08);
}
body.cz .vvi-barra__l.is-actual {
color:#fff !important;
}
body.cz .vvi-barra__sep {
color:rgba(251,248,242,.3);
}
@media only screen and (max-width:767px) {
body.cz .vv-barra-sup__caja {
justify-content:space-between;
}
body.cz .vv-barra-sup__grupo--derecha {
display:flex;
}
body.cz .vv-barra-sup__grupo--derecha .vv-barra-sup__item:not(.vv-barra-sup__item--idioma) {
display:none;
}
body.cz .vv-barra-sup__item--idioma {
margin-left:0;
padding-left:8px;
}
body.cz .vv-barra-sup__caja {
flex-wrap:nowrap;
gap:6px;
}
body.cz .vv-barra-sup__grupo--izquierda {
min-width:0;
overflow:hidden;
}
body.cz .vv-barra-sup__grupo--izquierda .vv-barra-sup__enlace {
padding:0 4px;
}
body.cz .vv-barra-sup__grupo--izquierda .vv-barra-sup__txt {
overflow:hidden;
text-overflow:ellipsis;
}
body.cz .vv-barra-sup__grupo--derecha {
flex-shrink:0;
}
body.cz .vvi-barra .vv-barra-sup__ico {
display:none;
}
body.cz .vvi-barra {
min-height:34px;
font-size:12.5px;
}
}