/* WF Catálogo — Tema «Atelier» (Sensinity, 08/10/2026). Se activa en Catálogo → Ajustes → Tema visual.
   Blanco, tinta negra, marcos con borde negro y esquinas redondeadas como el logo de Sensinity, acento magenta.
   Sustituye a tema.css (Lavanda). */
@font-face{font-family:'Outfit';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/outfit.woff2) format('woff2')}

:root{
  --at-fondo:#FFFFFF; --at-tinta:#111111; --at-suave:#444444; --at-mute:#666666; --at-acento:#C2185B; --at-acento-osc:#9C1249;
  --at-radio:22px; --at-marco:24px 24px 24px 6px;
  --wfc-tinta:#111111; --wfc-suave:#444444; --wfc-linea:#111111; --wfc-fondo:#FFFFFF;
  --wfc-acento:#C2185B; --wfc-acento-osc:#9C1249; --wfc-radio:22px;
  --ast-global-color-0:#C2185B; --ast-global-color-1:#9C1249; --ast-global-color-2:#111111;
  --ast-global-color-3:#444444; --ast-global-color-4:#FFFFFF; --ast-global-color-5:#FFFFFF;
  --ast-global-color-6:#F4F4F4;
}

/* Base */
html,body{overflow-x:clip}
html body,body.ast-plain-container,.ast-plain-container .site-content,#page,.site-content{background:var(--at-fondo)!important}
body,button,input,select,textarea,.ast-button,.ast-custom-button{font-family:'Outfit',system-ui,sans-serif!important;color:var(--at-tinta);font-size:17px}
h1,h2,h3,h4,h5,h6,.entry-title,.site-title,.site-title a{font-family:'Outfit',sans-serif!important;font-weight:300!important;color:var(--at-tinta);letter-spacing:-.02em}
h1 b,h2 b,h1 strong,h2 strong{font-weight:700}
a{color:var(--at-tinta)}
a:hover,a:focus{color:var(--at-acento)}
::selection{background:var(--at-acento);color:#fff}

/* Cabecera */
.site-header,.main-header-bar,.ast-primary-header-bar,.ast-mobile-header-wrap .ast-primary-header-bar,
.ast-above-header-bar,.ast-below-header-bar,.ast-header-break-point .main-header-bar{background:var(--at-fondo)!important;border-bottom:0!important;box-shadow:none!important}
.site-description{color:var(--at-mute)}

/* Menú: botones con borde; el activo, relleno negro */
.main-header-menu>.menu-item>.menu-link,.ast-builder-menu .main-header-menu>.menu-item>.menu-link{
  color:var(--at-tinta)!important;font-weight:600;font-size:16px;background:#fff;border:2px solid var(--at-tinta);
  border-radius:16px;padding:.5em 1.15em!important;line-height:1.2;margin:0 5px;transition:background .15s,color .15s}
.main-header-menu>.menu-item>.menu-link:hover{background:#F4F4F4;color:var(--at-tinta)!important}
.main-header-menu>.current-menu-item>.menu-link,.main-header-menu>.current-menu-ancestor>.menu-link,
.ast-builder-menu .main-header-menu>.current-menu-item>.menu-link,.ast-builder-menu .main-header-menu>.current-menu-ancestor>.menu-link{background:var(--at-tinta)!important;color:#fff!important}
.main-header-menu .sub-menu{background:#fff!important;border:2px solid var(--at-tinta)!important;border-radius:18px;padding:8px 0}
.main-header-menu .sub-menu .menu-link{font-weight:500;font-size:15px;padding:.55em 1.2em!important;color:var(--at-tinta)!important}
.main-header-menu .sub-menu .menu-item:hover>.menu-link{background:#F4F4F4}
.ast-mobile-popup-drawer .ast-mobile-popup-inner,.ast-header-break-point .main-navigation ul,.ast-mobile-header-content{background:#fff!important}
.ast-header-break-point .main-header-menu>.menu-item>.menu-link{margin:6px 12px}
.ast-mobile-menu-trigger-minimal,.menu-toggle{color:var(--at-tinta)!important;background:transparent!important}

/* Botones */
.wfc-btn,.wfc-form button[type=submit],.wp-block-button__link{border-radius:18px!important;font-weight:600;background:var(--at-tinta);color:#fff!important;border:2px solid var(--at-tinta);box-shadow:none}
.wfc-btn:hover,.wfc-btn:focus-visible,.wfc-form button[type=submit]:hover{background:#333;border-color:#333}
.wfc-btn--sec{background:#fff!important;color:var(--at-tinta)!important;box-shadow:none!important;border:2px solid var(--at-tinta)}
.wfc-btn--sec:hover{background:#F4F4F4!important}

/* Tarjetas de producto: marco negro con la esquina inferior izquierda casi recta */
.wfc-card{border:2px solid var(--at-tinta);border-radius:var(--at-marco);background:#fff;box-shadow:none;overflow:hidden}
.wfc-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(17,17,17,.10)}
.wfc-card__media{border-bottom:0}
.wfc-card__body{padding:10px 14px 16px;gap:4px}
.wfc-card__ref{color:var(--at-mute);font-weight:600;font-size:.72rem;letter-spacing:.04em}
.wfc-card__title{font-weight:600;font-size:.95rem;color:var(--at-tinta)}
.wfc-grid{gap:18px}

/* Paginación */
.wfc-pag a,.wfc-pag span{border:2px solid var(--at-tinta);border-radius:12px;background:#fff;color:var(--at-tinta);font-weight:600}
.wfc-pag a:hover{background:#F4F4F4}
.wfc-pag span{background:var(--at-tinta);color:#fff}
.wfc-pag span.wfc-pag__dots{background:none;border-color:transparent;color:var(--at-mute)}

/* Ficha de producto */
.wfc-ficha__media{border:2px solid var(--at-tinta);border-radius:32px 32px 32px 8px}
.wfc-ficha__fam a{background:#fff;border:2px solid var(--at-tinta);color:var(--at-tinta);font-weight:600}
.wfc-ficha__datos{border-color:var(--at-tinta)}
.single-wf_producto .entry-title{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:600!important}

/* Contacto */
.wfc-contacto__datos{background:#fff;border:2px solid var(--at-tinta);border-radius:var(--at-marco)}
.wfc-contacto__tel span{color:var(--at-mute)}
.wfc-contacto__tel a{color:var(--at-acento)}
.wfc-form{background:#fff;border:2px solid var(--at-tinta);border-radius:32px 32px 32px 8px;padding:clamp(20px,3vw,32px)}
.wfc-form input:not([type=checkbox]),.wfc-form textarea{border:2px solid var(--at-tinta);border-radius:14px;background:#fff}
.wfc-form input:focus,.wfc-form textarea:focus{outline:3px solid var(--at-acento);outline-offset:1px}
.wfc-contacto__empresa strong{font-size:1.05rem;font-weight:700;color:var(--at-tinta)}
.wfc-contacto__empresa em{font-style:normal;color:var(--at-suave);font-size:.95rem}
.wfc-contacto__empresa a{font-size:1rem!important;line-height:1.45}

/* Presentación (Inicio) — piezas comunes */
.wfc-pres{gap:clamp(44px,6vw,72px)}
.wfc-pres h2{font-size:clamp(1.8rem,4vw,2.9rem);font-weight:300}
.wfc-pres__pre{display:inline-block;align-self:flex-start;text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:600;color:var(--at-acento);background:none;padding:0;margin:0 0 .8em}
.wfc-cifra{background:#fff;border:2px solid var(--at-tinta);border-radius:18px}
.wfc-cifra strong{color:var(--at-acento)}
.wfc-gamas li{border:2px solid var(--at-tinta);border-radius:18px}
.wfc-pres__cta{background:var(--at-tinta);border-radius:32px 32px 32px 8px}
.wfc-pres__cta h2{color:#fff}
.wfc-pres__cta p{color:#D6D6D6}
.wfc-pres__cta .wfc-btn{background:#fff;color:var(--at-tinta)!important;border-color:#fff}
.wfc-pres__cta .wfc-btn:hover{background:#F4F4F4}

/* Inicio Atelier: portada en un gran marco */
.wfc-at-hero{border:3px solid var(--at-tinta);border-radius:40px 40px 40px 8px;padding:clamp(24px,5vw,56px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,44px);align-items:center}
.wfc-at-hero h1{font-size:clamp(2.3rem,5.6vw,4.2rem);line-height:1.02;margin:0 0 .35em;font-weight:300!important}
.wfc-at-hero h1 b{font-weight:700}
.wfc-at-hero p{font-size:1.12rem;color:var(--at-suave);margin:0 0 1.2em;max-width:34em}
.wfc-at-botones{display:flex;flex-wrap:wrap;gap:12px}
.wfc-at-fotos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wfc-at-fotos img{width:100%;aspect-ratio:1/1;object-fit:contain;border:2px solid var(--at-tinta);border-radius:var(--at-radio);padding:8px;box-sizing:border-box;background:#fff}
@media (max-width:768px){.wfc-at-hero{grid-template-columns:1fr}}

/* Inicio Atelier: aviso yesensy.es en bloque magenta */
.wfc-at-banda{background:var(--at-acento);color:#fff;border-radius:24px;padding:22px 30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.wfc-at-banda p{margin:0;font-size:1.15rem;color:#fff}
.wfc-at-banda .wfc-btn{background:#fff;color:var(--at-tinta)!important;border-color:#fff}

/* Inicio Atelier: gamas en marcos */
.wfc-at-gamas{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.entry-content ul.wfc-at-gamas{margin:0!important;padding:0!important}
.wfc-at-gamas li{margin:0;border:2px solid var(--at-tinta);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.wfc-at-gamas strong{font-weight:700;font-size:1.1rem}
.wfc-at-gamas span{color:var(--at-suave);font-size:.95rem}

/* Aviso yesensy.es (contacto y otras páginas) */
.wfc-yesensy{border:2px solid var(--at-tinta);border-radius:var(--at-marco);background:#fff;padding:22px 26px;box-shadow:none}
.wfc-yesensy strong{font-weight:700}
.wfc-yesensy p{color:var(--at-suave)}
.wfc-yesensy .wfc-btn{background:var(--at-acento);border-color:var(--at-acento)}

/* Páginas de texto (legales y otras) */
.wfc-texto .ast-article-single,.wfc-texto article.page{background:#fff!important;border:2px solid var(--at-tinta);border-radius:32px 32px 32px 8px;padding:clamp(24px,4vw,48px)!important;margin-top:8px}
.wfc-texto .entry-content h2{font-size:1.4rem;margin-top:1.6em;font-weight:600!important}
.wfc-texto .entry-content p,.wfc-texto .entry-content li{color:#2A2A2A}
.entry-title{font-size:clamp(1.8rem,3.6vw,2.8rem)}

/* Pie */
.site-footer,.site-footer .site-below-footer-wrap,.site-footer .site-primary-footer-wrap,.site-footer .site-above-footer-wrap,.site-below-footer-wrap[data-section]{background:var(--at-tinta)!important;border-top:0!important}
.site-footer,.ast-footer-copyright,.ast-footer-copyright p{color:#CFCFCF!important;font-size:13px}
.site-footer a,.ast-footer-copyright a{color:#fff!important;text-decoration:none}
.site-footer a:hover,.ast-footer-copyright a:hover{color:#F48FB1!important}

/* Fundidos (fotos y tarjetas que cambian) */
.wfc-marca__img--entra{opacity:0;transition:opacity .6s ease}
.wfc-marca__img--entra.wfc-marca__img--visible{opacity:1}
.wfc-marca__media{background:#fff}
.wfc-card .wfc-card__media,.wfc-card .wfc-card__body{transition:opacity .25s ease}
.wfc-card--cambia .wfc-card__media,.wfc-card--cambia .wfc-card__body{opacity:0}

@media (prefers-reduced-motion:reduce){.wfc-card:hover{transform:none}}

/* [wf_fotos_azar]: cada foto es un enlace a su ficha */
.wfc-fotos-azar a{display:block;border-radius:var(--at-radio)}
.wfc-fotos-azar a:hover img{border-color:var(--at-acento)}