/* WF Catálogo — Tema «Pop» (Easy Paris, 08/10/2026). Se activa en Catálogo → Ajustes → Tema visual.
   Fondo amarillo claro, fucsia, bordes negros y sombras duras. Sustituye a tema.css (Lavanda). */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/bricolage.woff2) format('woff2')}

:root{
  --pop-fondo:#FFF6D6; --pop-tinta:#111111; --pop-fucsia:#D1006F; --pop-fucsia-osc:#A8005A;
  --pop-amarillo:#FFD400; --pop-rosa:#FFC2DF; --pop-menta:#B9F0E6; --pop-suave:#3A3A3A;
  --wfc-tinta:#111111; --wfc-suave:#3A3A3A; --wfc-linea:#111111; --wfc-fondo:#FFF6D6;
  --wfc-acento:#D1006F; --wfc-acento-osc:#A8005A; --wfc-radio:22px;
  --ast-global-color-0:#D1006F; --ast-global-color-1:#A8005A; --ast-global-color-2:#111111;
  --ast-global-color-3:#3A3A3A; --ast-global-color-4:#FFF6D6; --ast-global-color-5:#FFFFFF;
  --ast-global-color-6:#FFD400;
}

/* Base */
html,body{overflow-x:clip}
html body,body.ast-plain-container,.ast-plain-container .site-content,#page,.site-content{background:var(--pop-fondo)!important}
body,button,input,select,textarea,.ast-button,.ast-custom-button{font-family:'Bricolage Grotesque',system-ui,sans-serif!important;color:var(--pop-tinta);font-size:17px}
h1,h2,h3,h4,h5,h6,.entry-title,.site-title,.site-title a{font-family:'Bricolage Grotesque',sans-serif!important;font-weight:800!important;color:var(--pop-tinta);letter-spacing:-.02em}
a{color:var(--pop-tinta);text-decoration-color:var(--pop-fucsia)}
a:hover,a:focus{color:var(--pop-fucsia)}
::selection{background:var(--pop-amarillo);color:var(--pop-tinta)}

/* 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(--pop-fondo)!important;border-bottom:0!important;box-shadow:none!important}
.site-description{color:var(--pop-suave)}

/* Menú: cada elemento es un botón con borde y sombra */
.main-header-menu{gap:10px}
.main-header-menu>.menu-item>.menu-link,.ast-builder-menu .main-header-menu>.menu-item>.menu-link{
  color:var(--pop-tinta)!important;font-weight:700;font-size:16px;background:#fff;border:2px solid var(--pop-tinta);
  border-radius:14px;box-shadow:3px 3px 0 var(--pop-tinta);padding:.55em 1.1em!important;line-height:1.2;margin:0 5px;transition:transform .12s,box-shadow .12s}
.main-header-menu>.menu-item>.menu-link:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--pop-tinta);color:var(--pop-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(--pop-fucsia)!important;color:#fff!important}
.main-header-menu .sub-menu{background:#fff!important;border:2px solid var(--pop-tinta)!important;border-radius:16px;box-shadow:5px 5px 0 var(--pop-tinta);padding:8px 0}
.main-header-menu .sub-menu .menu-link{font-weight:600;font-size:15px;padding:.55em 1.2em!important;color:var(--pop-tinta)!important}
.main-header-menu .sub-menu .menu-item:hover>.menu-link{background:var(--pop-amarillo)}
.ast-mobile-popup-drawer .ast-mobile-popup-inner,.ast-header-break-point .main-navigation ul,.ast-mobile-header-content{background:var(--pop-fondo)!important}
.ast-header-break-point .main-header-menu>.menu-item>.menu-link{margin:6px 12px;box-shadow:none}
.ast-mobile-menu-trigger-minimal,.menu-toggle{color:var(--pop-tinta)!important;background:transparent!important}

/* Botones */
.wfc-btn,.wfc-form button[type=submit],.wp-block-button__link{border-radius:16px!important;font-weight:700;background:var(--pop-tinta);color:#fff!important;
  border:2px solid var(--pop-tinta);box-shadow:4px 4px 0 var(--pop-fucsia);transition:transform .12s,box-shadow .12s}
.wfc-btn:hover,.wfc-btn:focus-visible,.wfc-form button[type=submit]:hover{background:var(--pop-tinta);transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--pop-fucsia)}
.wfc-btn--sec{background:#fff!important;color:var(--pop-tinta)!important;box-shadow:none!important}
.wfc-btn--sec:hover{background:var(--pop-amarillo)!important}

/* Tarjetas de producto */
.wfc-card{border:2px solid var(--pop-tinta);border-radius:22px;background:#fff;box-shadow:5px 5px 0 var(--pop-tinta);overflow:hidden}
.wfc-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--pop-tinta)}
.wfc-card__media{border-bottom:2px solid var(--pop-tinta)}
.wfc-card__body{padding:12px 14px 16px;gap:6px}
.wfc-card__ref{align-self:flex-start;background:var(--pop-amarillo);color:var(--pop-tinta);font-weight:700;font-size:.72rem;padding:2px 8px;border-radius:8px;letter-spacing:0}
.wfc-card__title{font-weight:700;font-size:.95rem;color:var(--pop-tinta)}
.wfc-grid{gap:24px}

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

/* Ficha de producto */
.wfc-ficha__media{border:3px solid var(--pop-tinta);border-radius:24px;box-shadow:6px 6px 0 var(--pop-tinta)}
.wfc-ficha__fam a{background:var(--pop-amarillo);border:2px solid var(--pop-tinta);color:var(--pop-tinta);font-weight:700}
.wfc-ficha__datos{border-color:var(--pop-tinta)}
.single-wf_producto .entry-title{font-size:clamp(1.6rem,3vw,2.4rem)}

/* Contacto */
.wfc-contacto__datos{background:#fff;border:2px solid var(--pop-tinta);border-radius:22px;box-shadow:5px 5px 0 var(--pop-tinta)}
.wfc-contacto__tel span{color:var(--pop-suave)}
.wfc-contacto__tel a{color:var(--pop-fucsia)}
.wfc-form{background:#fff;border:2px solid var(--pop-tinta);border-radius:22px;box-shadow:5px 5px 0 var(--pop-tinta);padding:clamp(20px,3vw,32px)}
.wfc-form input:not([type=checkbox]),.wfc-form textarea{border:2px solid var(--pop-tinta);border-radius:12px;background:#FFFDF4}
.wfc-form input:focus,.wfc-form textarea:focus{outline:3px solid var(--pop-fucsia);outline-offset:1px}
.wfc-contacto__empresa strong{font-size:1.05rem;font-weight:700;color:var(--pop-tinta)}
.wfc-contacto__empresa em{font-style:normal;color:var(--pop-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(48px,7vw,80px)}
.wfc-pres h2{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.02em}
.wfc-pres__pre{display:inline-block;align-self:flex-start;text-transform:none;letter-spacing:0;font-size:14px;font-weight:700;color:var(--pop-tinta);background:var(--pop-amarillo);border:2px solid var(--pop-tinta);padding:4px 12px;border-radius:10px;margin:0 0 .8em}
.wfc-cifra{background:#fff;border:2px solid var(--pop-tinta);border-radius:18px;box-shadow:4px 4px 0 var(--pop-tinta)}
.wfc-cifra strong{color:var(--pop-fucsia)}
.wfc-gamas li{border:2px solid var(--pop-tinta);border-radius:18px}
.wfc-pres__cta{background:var(--pop-tinta);border-radius:26px}
.wfc-pres__cta h2{color:#fff}
.wfc-pres__cta p{color:#DADADA}
.wfc-pres__cta .wfc-btn{background:var(--pop-amarillo);color:var(--pop-tinta)!important;box-shadow:4px 4px 0 var(--pop-fucsia)}

/* Inicio Pop: portada */
.wfc-pop-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,5vw,56px);align-items:center}
.wfc-pop-hero h1{font-size:clamp(2.4rem,6.4vw,4.8rem);line-height:.98;margin:0 0 .35em}
.wfc-pop-marca{background:var(--pop-fucsia);color:#fff;padding:0 .18em;border-radius:14px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.wfc-pop-hero p{font-size:1.15rem;font-weight:500;max-width:34em;margin:0 0 1.2em}
.wfc-pop-botones{display:flex;flex-wrap:wrap;gap:14px}
.wfc-pop-botones .wfc-btn--sec{border:2px solid var(--pop-tinta)}
.wfc-pop-fotos{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.wfc-pop-fotos img{width:100%;aspect-ratio:1/1;object-fit:contain;padding:10px;box-sizing:border-box;background:#fff;border:3px solid var(--pop-tinta);border-radius:24px;box-shadow:6px 6px 0 var(--pop-tinta)}
.wfc-pop-fotos img:nth-child(1){transform:rotate(-3deg)}
.wfc-pop-fotos img:nth-child(2){transform:rotate(3deg);margin-top:40px}
@media (max-width:768px){.wfc-pop-hero{grid-template-columns:1fr}}

/* Inicio Pop: banda fucsia de lado a lado (aviso yesensy.es) */
.wfc-pop-banda{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--pop-fucsia);color:#fff;border-top:3px solid var(--pop-tinta);border-bottom:3px solid var(--pop-tinta)}
.wfc-pop-banda__in{max-width:1200px;margin:0 auto;padding:22px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.wfc-pop-banda p{margin:0;font-size:1.25rem;font-weight:700;color:#fff}
.wfc-pop-banda .wfc-btn{background:var(--pop-amarillo);color:var(--pop-tinta)!important;box-shadow:3px 3px 0 var(--pop-tinta)}

/* Inicio Pop: gamas en pastillas */
.wfc-pop-gamas{display:flex;flex-wrap:wrap;gap:14px;margin:0;padding:0;list-style:none}
.entry-content ul.wfc-pop-gamas{margin:0!important;padding:0!important}
.wfc-pop-gamas li{margin:0;border:2px solid var(--pop-tinta);border-radius:999px;padding:12px 24px;font-weight:700;font-size:1.2rem;background:#fff}
.wfc-pop-gamas li span{font-weight:500;font-size:.95rem}
.wfc-pop-gamas li:nth-child(3n+2){background:var(--pop-amarillo)}
.wfc-pop-gamas li:nth-child(3n){background:var(--pop-rosa)}
.wfc-pop-gamas li:nth-child(5){background:var(--pop-menta)}

/* Aviso yesensy.es (contacto y otras páginas) */
.wfc-yesensy{border:2px solid var(--pop-tinta);border-radius:22px;background:#fff;padding:22px 26px;box-shadow:5px 5px 0 var(--pop-tinta)}
.wfc-yesensy strong{font-weight:800}
.wfc-yesensy p{color:var(--pop-suave)}
.wfc-yesensy .wfc-btn{background:var(--pop-fucsia);border-color:var(--pop-tinta);box-shadow:3px 3px 0 var(--pop-tinta)}

/* Páginas de texto (legales y otras) */
.wfc-texto .ast-article-single,.wfc-texto article.page{background:#fff!important;border:2px solid var(--pop-tinta);border-radius:24px;box-shadow:6px 6px 0 var(--pop-tinta);padding:clamp(24px,4vw,48px)!important;margin-top:8px}
.wfc-texto .entry-content h2{font-size:1.4rem;margin-top:1.6em}
.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(--pop-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:var(--pop-amarillo)!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-pop-fotos img{transform:none!important}
  .wfc-card:hover,.main-header-menu>.menu-item>.menu-link:hover,.wfc-btn:hover{transform:none}
}

/* [wf_fotos_azar]: cada foto es un enlace a su ficha */
.wfc-fotos-azar a{display:block}
.wfc-pop-fotos a:nth-child(1) img{transform:rotate(-3deg)}
.wfc-pop-fotos a:nth-child(2) img{transform:rotate(3deg);margin-top:40px}