/* v21 · Ficha de producto, diseños del envase y leyenda de lectura */
.fx-sheet{padding:85px 0;background:#fffdfa;border-top:1px solid #ece3e8;scroll-margin-top:90px}
.fx-sheet-grid{grid-template-columns:1.05fr 1fr;gap:90px;align-items:start}
.fx-sheet h2{font-size:47px;font-weight:500;letter-spacing:-.045em;line-height:1.14;margin:0 0 20px}
.fx-sheet-lead{font-size:15px;line-height:1.8;color:#746b77;margin:0 0 30px}
.fx-designs{margin:0;border-radius:5px;overflow:hidden;background:#f3e6ec;padding:22px}
.fx-designs img{display:block;width:100%;height:auto}
.fx-spec{border-top:1px solid #d8cbd4}
.fx-spec-row{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid #d8cbd4}
.fx-spec-row p{margin:0!important}
.fx-spec-key{font-size:10px!important;letter-spacing:.12em;text-transform:uppercase;color:#8a6c80;line-height:1.7!important}
.fx-spec-value{font-size:15px!important;line-height:1.55!important;color:#2b2a33}
.fx-legend{margin:0 0 10px;max-width:520px;border-radius:5px;overflow:hidden}
.fx-legend img{display:block;width:100%;height:auto}
.fh-product-photo img,.fp-hero-photo img{background:#f3e6ec}
@media(min-width:761px) and (max-width:1150px){.fx-sheet-grid{gap:45px}.fx-sheet h2{font-size:37px}.fx-spec-row{grid-template-columns:130px 1fr}}
@media(max-width:760px){.fx-sheet{padding:48px 0}.fx-sheet-grid{grid-template-columns:1fr;gap:32px}.fx-sheet h2{font-size:35px}.fx-designs{padding:12px}.fx-spec-row{grid-template-columns:1fr;gap:4px;padding:14px 0}.fx-spec-value{font-size:14px!important}}
/* v22 · Portada de marca */
.fx-hero .fh-hero-visual{min-width:0}
.fx-hero-pack{margin:0;border-radius:160px 5px 5px 5px;overflow:hidden;background:#f3e6ec}
.fx-hero-pack img{display:block;width:100%;height:600px;object-fit:cover;object-position:50% 55%}
.fx-label{font-size:10px!important;letter-spacing:.14em;color:#8a6c80;line-height:1.6!important;margin:0 0 12px!important}
.fx-note{font-size:10px!important;line-height:1.7!important;color:#8c7f8a;margin-top:12px!important}
.fx-head{margin-bottom:38px}
.fx-head h2,.fx-plans h2,.fx-faq h2,.fx-why h2{font-size:46px;line-height:1.15;letter-spacing:-.045em;font-weight:500;margin:0}
.fx-head h2 span,.fx-plans h2 span,.fx-faq h2 span,.fx-why h2 span{color:#97818d}
.fx-strip{padding:0;background:#262b38;color:#fff}
.fx-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.fx-strip-item{padding:28px 26px;border-left:1px solid #ffffff1f}
.fx-strip-item:first-child{border-left:0;padding-left:0}
.fx-strip-value{font-size:24px!important;letter-spacing:-.03em;font-weight:600;color:#fff!important;margin:0 0 4px!important;line-height:1.2!important}
.fx-strip-label{font-size:12px!important;color:#cfc6d0!important;margin:0!important;line-height:1.5!important}
.fx-how{padding:90px 0;background:#f5f0f3;scroll-margin-top:90px}
.fx-how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.fx-how-image{margin:0 0 22px;border-radius:5px;overflow:hidden}
.fx-how-image img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}
.fx-how-step h3{font-size:24px;font-weight:500;letter-spacing:-.025em;margin:0 0 10px}
.fx-how-step>p:last-child{font-size:14px;line-height:1.8;color:#746b77;margin:0}
.fx-how-result{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:50px;padding:30px;background:#fffdfa;border:1px solid #e3d6de;border-radius:5px}
.fx-how-result .fx-legend{margin:0;max-width:none}
.fx-how-result h3{font-size:26px;line-height:1.25;font-weight:500;letter-spacing:-.025em;margin:0 0 14px}
.fx-how-result-copy>p{font-size:14px;line-height:1.8;color:#746b77}
.fx-plans{padding:95px 0;background:#fffdfa}
.fx-plans-grid{grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.fx-plans-photo{margin:0;border-radius:5px 5px 120px 5px;overflow:hidden}
.fx-plans-photo img{display:block;width:100%;height:560px;object-fit:cover}
.fx-plan-list{margin-top:34px;border-top:1px solid #e1d5dc}
.fx-plan{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #e1d5dc}
.fx-plan h3{font-size:21px;font-weight:550;letter-spacing:-.02em;margin:0}
.fx-plan p{font-size:14px;line-height:1.75;color:#746b77;margin:0}
.fx-clear{padding:85px 0;background:#eeefe6}
.fx-clear-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:28px}
.fx-clear-card{padding:30px;background:#fbfcf5;border:1px solid #d7dccb;border-radius:4px}
.fx-clear-warn{background:#e3e7d8;border-color:#cdd3be}
.fx-clear-card h3{font-size:25px;font-weight:500;letter-spacing:-.025em;margin:0 0 12px}
.fx-clear-card>p:last-child{font-size:14px;line-height:1.8;color:#6a715e;margin:0}
.fx-faq{padding:95px 0;background:#faf7f2;scroll-margin-top:90px}
.fx-faq-grid{grid-template-columns:.8fr 1.2fr;gap:90px}
.fx-faq-lead{font-size:14px;line-height:1.8;color:#746b77;margin-top:22px!important}
.fx-faq-item{border-bottom:1px solid #dccfd7;padding:0}
.fx-faq-item:first-child{border-top:1px solid #dccfd7}
.fx-faq-item summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-size:18px;font-weight:550;letter-spacing:-.015em;position:relative}
.fx-faq-item summary::-webkit-details-marker{display:none}
.fx-faq-item summary::after{content:'+';position:absolute;right:4px;top:16px;font-size:24px;font-weight:400;color:#96637e}
.fx-faq-item[open] summary::after{content:'–'}
.fx-faq-item p{font-size:14px;line-height:1.85;color:#6c6470;margin:0 0 22px;max-width:620px}
.fx-mission{padding:70px 0;background:#fffdfa;border-bottom:1px solid #ece3e8}
.fx-mission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.fx-mission-item h3{font-size:25px;font-weight:500;letter-spacing:-.025em;margin:0 0 12px}
.fx-mission-item>p:last-child{font-size:14px;line-height:1.8;color:#746b77;margin:0}
.fx-why{padding:85px 0;background:#fffdfa}
.fx-why-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.fx-why-item{padding-top:22px;border-top:2px solid #96637e}
.fx-why-item h3{font-size:21px;font-weight:550;letter-spacing:-.02em;margin:0 0 10px}
.fx-why-item>p:last-child{font-size:14px;line-height:1.75;color:#746b77;margin:0}
@media(min-width:761px) and (max-width:1150px){.fx-hero-pack img{height:540px}.fx-head h2,.fx-plans h2,.fx-faq h2,.fx-why h2{font-size:37px}.fx-how-grid,.fx-clear-grid{gap:18px}.fx-plans-grid,.fx-faq-grid{gap:45px}.fx-why-grid{grid-template-columns:repeat(2,1fr)}.fx-strip-item{padding:22px 16px}.fx-strip-value{font-size:20px!important}}
@media(max-width:760px){.fx-hero-pack{border-top-left-radius:95px}.fx-hero-pack img{height:auto;aspect-ratio:1.06}.fx-head{margin-bottom:26px}.fx-head h2,.fx-plans h2,.fx-faq h2,.fx-why h2{font-size:34px}.fx-strip-grid{grid-template-columns:1fr 1fr}.fx-strip-item{padding:20px 0 20px 16px;border-left:0;border-top:1px solid #ffffff1f}.fx-strip-item:nth-child(odd){padding-left:0}.fx-strip-item:nth-child(-n+2){border-top:0}.fx-strip-value{font-size:20px!important}.fx-how,.fx-plans,.fx-clear,.fx-faq,.fx-why{padding:50px 0}.fx-how-grid,.fx-clear-grid,.fx-plans-grid,.fx-faq-grid,.fx-mission-grid,.fx-why-grid{grid-template-columns:1fr;gap:30px}.fx-how-result{grid-template-columns:1fr;gap:22px;padding:20px;margin-top:34px}.fx-plans-photo img{height:auto;aspect-ratio:1.3}.fx-plan{grid-template-columns:1fr;gap:6px}.fx-faq-item summary{font-size:16px}.fx-mission{padding:45px 0}}
.fx-hero h1{font-size:clamp(44px,4.6vw,74px)}
.fh-product .fh-product-visual{background:#f3e6ec}
.fh-product .fh-product-photo img{object-fit:contain;background:#f3e6ec}
/* v23 · Identidad del envase: logo, paleta y acentos */
:root{--fx-magenta:var(--wp--preset--color--magenta,#E6004B);--fx-magenta-osc:var(--wp--preset--color--magenta-oscuro,#C4003F);--fx-rosa:var(--wp--preset--color--rosa,#F674AB);--fx-azul:var(--wp--preset--color--azul,#87B7E8);--fx-violeta:var(--wp--preset--color--violeta,#403999);--fx-navy:var(--wp--preset--color--navy,#1F1650);--fx-amarillo:var(--wp--preset--color--amarillo,#FAE269);--fx-verde:var(--wp--preset--color--verde,#36B983)}
.f-brand a::before{content:none!important;display:none!important}
.f-brand a{display:flex;align-items:center}
.f-brand img{display:block;height:22px;width:auto}
.f-footer-logo{margin:0 0 22px!important}
.f-footer-logo img{display:block;height:28px;width:auto}
.wp-site-blocks .f-section .f-eyebrow{color:var(--fx-magenta)}
.wp-site-blocks .fh-business .f-eyebrow,.wp-site-blocks .fx-strip .f-eyebrow{color:var(--fx-amarillo)}
.wp-site-blocks .f-section h1 span{color:var(--fx-magenta)}
.wp-site-blocks .f-section h2 span{color:var(--fx-violeta)}
.wp-site-blocks .f-section h1 span[aria-hidden],.fp-hero h1 span{color:var(--fx-magenta)}
.wp-site-blocks .wp-block-button:not(.is-style-outline) .wp-block-button__link{background:var(--fx-magenta);border-color:var(--fx-magenta)!important;color:#fff}
.wp-site-blocks .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{background:var(--fx-magenta-osc);border-color:var(--fx-magenta-osc)!important}
.wp-site-blocks .is-style-outline .wp-block-button__link{border-color:var(--fx-violeta)!important;color:var(--fx-violeta)}
.wp-site-blocks .fh-business .wp-block-button__link{background:var(--fx-amarillo)!important;border-color:var(--fx-amarillo)!important;color:var(--fx-navy)!important}
.f-header-cta a{background:var(--fx-magenta);color:#fff!important;border-color:var(--fx-magenta)}
.f-site-header .wp-block-navigation-item.current-menu-item>a,.f-site-header .wp-block-navigation a[aria-current="page"]{color:var(--fx-magenta)!important;text-decoration-color:var(--fx-magenta)}
.fx-strip,.fh-business,.f-site-footer{background:var(--fx-navy)!important}
.fx-strip-value{color:#fff!important}
.fx-strip-item:nth-child(1) .fx-strip-value{color:var(--fx-rosa)!important}
.fx-strip-item:nth-child(2) .fx-strip-value{color:var(--fx-amarillo)!important}
.fx-strip-item:nth-child(3) .fx-strip-value{color:var(--fx-azul)!important}
.fx-strip-item:nth-child(4) .fx-strip-value{color:var(--fx-verde)!important}
.fh-text-link a,.fp-professional-link a{border-bottom-color:var(--fx-magenta)!important}
.fh-caution,.fp-caution{border-left-color:var(--fx-magenta)!important}
.fx-why-item{border-top-color:var(--fx-magenta)}
.fx-faq-item summary::after{color:var(--fx-magenta)}
.fx-label,.fx-spec-key{color:var(--fx-violeta)!important}
/* bloques «qué hace y qué no»: azul del envase en vez de verde oliva */
.fx-clear,.fp-limits,.fg-reading{background:#EAF2FB!important}
.fx-clear-card,.fp-limit-card,.fg-reading-card{background:#fff!important;border-color:#CFE0F3!important}
.fx-clear-warn,.fp-limit-important{background:#FFF6CC!important;border-color:#F1DE8A!important}
.fx-clear-card>p:last-child,.fp-limit-card>p:last-child,.fg-reading-card>p:last-child,.fp-reading-note,.fg-reading-foot{color:#4F5D72!important}
.fp-limit-label,.fg-reading-card .fg-label{color:var(--fx-violeta)!important}
.fx-how-image img,.fg-step-image img{object-fit:contain!important;background:#fff}
/* freshia-nav-gap: antes en blog.css, que ya solo carga en el blog */
.f-site-header .wp-block-navigation__container{gap:22px}
@media(max-width:1100px){.f-site-header .wp-block-navigation__container{gap:17px}}
/* v26 · Dirección «pop de envase» (skill frontend-design): titulares anchos como el «spy nails» del envase,
   remolino en la cabecera, neutros teñidos de rosa y nada de plantillas de tarjetas ni cifras. */

:root{--fx-display:var(--wp--preset--font-family--display,'Bricolage Grotesque',Manrope,Arial,sans-serif);--fx-paper:var(--wp--preset--color--paper,#FFF7FA);--fx-blush:var(--wp--preset--color--blush,#FCE9F1);--fx-sky:var(--wp--preset--color--sky,#EAF2FC);--fx-lila:var(--wp--preset--color--lila,#D9CCEC);--fx-ease:cubic-bezier(.25,1,.5,1)}
body{background:var(--fx-paper)}

/* Titulares: fuente de display (--fx-display) en las páginas corporativas; el texto sigue en Manrope */
.wp-site-blocks .f-section :is(h1,h2){font-family:var(--fx-display)!important;font-weight:600!important;letter-spacing:-.045em!important;line-height:1.06!important}
.wp-site-blocks .f-section h1{font-size:clamp(32px,4.3vw,62px)!important}
.wp-site-blocks .f-section h2{font-size:clamp(26px,2.9vw,42px)!important}
.wp-site-blocks .fx-hero h1{font-size:clamp(36px,5.1vw,74px)!important;line-height:1.02!important}
.wp-site-blocks .wp-block-button:not(.is-style-outline) .wp-block-button__link{color:var(--fx-paper)!important}

/* Ritmo de fondos: papel, rosa y cielo, en vez de beige uniforme */
.wp-site-blocks :is(.fh-hero,.fh-range,.fh-product){background:var(--fx-paper)!important}
.wp-site-blocks :is(.fx-how,.fx-faq){background:var(--fx-blush)!important}
.wp-site-blocks .fx-plans{background:var(--fx-sky)!important}
.wp-site-blocks .fx-clear{background:var(--fx-paper)!important}

/* Cabecera: el remolino del envase detrás de las cajas, con sombra dura de cartel */
.fx-hero-pack{background:#87B7E8 url('../images/remolino-azul.svg') 50% 50%/cover no-repeat!important;border-radius:4px 4px 4px 160px!important}
.fx-hero-pack img{background:transparent!important;object-fit:contain!important;object-position:50% 60%!important}
@media (prefers-reduced-motion:no-preference){
  .fx-hero .fh-hero-copy>*{animation:fx-sube .9s var(--fx-ease) both}
  .fx-hero .fh-hero-copy>:nth-child(2){animation-delay:.07s}
  .fx-hero .fh-hero-copy>:nth-child(3){animation-delay:.14s}
  .fx-hero .fh-hero-copy>:nth-child(4){animation-delay:.21s}
  .fx-hero .fh-hero-copy>:nth-child(5){animation-delay:.28s}
  .fx-hero-pack img{animation:fx-entra 1.2s var(--fx-ease) .1s both}
}
@keyframes fx-sube{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes fx-entra{from{transform:translateY(46px) rotate(-2.5deg)}to{transform:none}}

/* Cinta: sustituye a la franja de cifras */
.fx-ticker{overflow:clip;padding:22px 0;background:var(--fx-paper)}
.fx-ticker-band{background:var(--fx-magenta);transform:rotate(-1.6deg);width:104%;margin-left:-2%;padding:15px 0}
.fx-ticker-track{display:flex;width:max-content}
.fx-ticker-list{display:flex;align-items:center;gap:26px;margin:0!important;padding:0 26px 0 0!important;list-style:none;white-space:nowrap;font:600 clamp(15px,1.5vw,20px)/1 var(--fx-display);letter-spacing:-.01em;text-transform:uppercase;color:var(--fx-paper)}
.fx-ticker-list li::after{content:'';display:inline-block;width:20px;height:18px;flex:none;background:linear-gradient(90deg,var(--fx-amarillo) 50%,var(--fx-verde) 50%);clip-path:path('M10 18C2 12 0 8 0 5 0 2 2 0 5 0c2.5 0 4 1.5 5 3 1-1.5 2.5-3 5-3 3 0 5 2 5 5 0 3-2 7-10 13Z')}
@media (prefers-reduced-motion:no-preference){.fx-ticker-track{animation:fx-cinta 42s linear infinite}}
@keyframes fx-cinta{to{transform:translateX(-50%)}}

/* Cómo funciona: sin rejilla de tarjetas iguales; pasos escalonados con número grande */
.fx-how-grid{counter-reset:paso;align-items:start}
.fx-how-step{counter-increment:paso;position:relative}
.fx-how-step::before{content:counter(paso,decimal-leading-zero);position:absolute;z-index:2;top:-.45em;right:.12em;font:700 clamp(56px,6vw,92px)/1 var(--fx-display);letter-spacing:-.06em;color:var(--fx-blush);-webkit-text-stroke:2px var(--fx-violeta);pointer-events:none}
.fx-how-step>.fx-label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.fx-how-image{border-radius:4px 4px 4px 48px!important}
@media (min-width:761px){.fx-how-step:nth-child(2){margin-top:64px}.fx-how-step:nth-child(3){margin-top:128px}}

/* Qué hace y qué no: tres filas tipográficas, sin tarjetas */
.wp-site-blocks .fx-clear-grid{grid-template-columns:1fr!important;gap:0!important;border-top:2px solid var(--fx-navy)}
.wp-site-blocks .fx-clear-card{display:grid!important;grid-template-columns:minmax(110px,.45fr) 1fr 1.5fr;gap:28px;align-items:baseline;background:none!important;border:0!important;border-bottom:1px solid var(--fx-lila)!important;border-radius:0!important;padding:28px 0!important}
.wp-site-blocks .fx-clear-card .fx-label{font:600 clamp(34px,4vw,56px)/1 var(--fx-display)!important;letter-spacing:-.05em!important;color:var(--fx-violeta)!important;margin:0!important}
.wp-site-blocks .fx-clear-warn .fx-label{color:var(--fx-magenta)!important}
.wp-site-blocks .fx-clear-card h3{margin:0!important}
.wp-site-blocks .fx-clear-warn h3{display:inline;background:linear-gradient(transparent 58%,var(--fx-amarillo) 58%)}
.wp-site-blocks .fx-clear-card>p:last-child{color:#4A3F6B!important}

/* Avisos: sin raya lateral; empiezan por «Ojo» */
.wp-site-blocks :is(.fh-caution,.fp-caution){border-left:0!important;padding-left:0!important}
.wp-site-blocks :is(.fh-caution,.fp-caution)::before{content:'Ojo · ';color:var(--fx-magenta);font-weight:700}

@media (max-width:760px){
  .fx-hero-pack{border-radius:4px 4px 4px 90px!important}
  .fx-ticker{padding:16px 0}.fx-ticker-band{padding:12px 0}
  .fx-how-step::before{top:-.35em}
  .wp-site-blocks .fx-clear-card{grid-template-columns:1fr;gap:10px;padding:22px 0!important}
}
/* v26.1: las cajas llenan el remolino; la línea de planes ya la dice la cinta */
.fx-hero-pack img{object-fit:cover!important;object-position:50% 58%!important}
.fx-hero .fh-hero-signature{display:none}
@media (min-width:761px){.wp-site-blocks .fx-how-grid>.fx-how-step:nth-child(2){margin-block-start:64px!important}.wp-site-blocks .fx-how-grid>.fx-how-step:nth-child(3){margin-block-start:128px!important}}
/* v26.3: también el titular del blog, las entradas y las páginas legales */
.wp-site-blocks main h1:not(.f-section h1){font-family:var(--fx-display)!important;font-weight:600!important;letter-spacing:-.045em!important;line-height:1.08!important;font-size:clamp(30px,4vw,56px)!important}
.wp-site-blocks .fp-hero h1{font-size:clamp(38px,5vw,72px)!important}
/* v27: logo de cabecera algo mayor para que el «G-SENSE» del óvalo se lea */
.f-brand img{height:26px!important;shape-rendering:geometricPrecision}@media(max-width:760px){.f-brand img{height:22px!important}}
/* v28 · Titulares en Bricolage Grotesque (más estrecha que Unbounded: más tamaño, peso 800) */
.wp-site-blocks .f-section :is(h1,h2),.wp-site-blocks main h1:not(.f-section h1){font-weight:800!important;letter-spacing:-.04em!important;line-height:1.02!important}
.wp-site-blocks .f-section h1{font-size:clamp(38px,5vw,70px)!important}
.wp-site-blocks .f-section h2{font-size:clamp(30px,3.4vw,50px)!important}
.wp-site-blocks .fx-hero h1{font-size:clamp(44px,6vw,88px)!important;line-height:.98!important}
.wp-site-blocks .fp-hero h1{font-size:clamp(48px,6.4vw,100px)!important}
.wp-site-blocks main h1:not(.f-section h1){font-size:clamp(34px,4.6vw,64px)!important}
.fx-ticker-list{font-weight:800;letter-spacing:0}
/* v29: logo reforzado para tamaños pequeños (las zonas finas se veían como pixeladas a 1x) y algo mayor */
.f-brand img{height:28px!important}@media(max-width:760px){.f-brand img{height:24px!important}}
/* v30 · Logo dibujado a su tamaño exacto (ajustado a la rejilla de píxeles): sin reescalar */
.f-brand picture{display:block}
.f-brand img{height:28px!important;width:auto}
@media(max-width:760px){.f-brand img{height:24px!important}}
.f-footer-logo img{height:28px!important;width:auto}
/* v31 · Titulares menos apretados: a -.04em las letras de Bricolage 800 se tocaban */
.wp-site-blocks .f-section :is(h1,h2),.wp-site-blocks main h1:not(.f-section h1){letter-spacing:-.018em!important}
.wp-site-blocks .fx-hero h1{letter-spacing:-.025em!important}
/* Botón de la franja oscura: amarillo con texto azul marino (antes salía con texto claro y borde magenta) */
.wp-site-blocks .fh-business .wp-block-button:not(.is-style-outline) .wp-block-button__link{background:var(--fx-amarillo)!important;border-color:var(--fx-amarillo)!important;color:var(--fx-navy)!important}
.wp-site-blocks .fh-business .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{background:#F3D64C!important;border-color:#F3D64C!important}
.wp-site-blocks .fh-business-note{color:#CFC8E6!important}
/* El expositor se ve entero, sin recortar las cajas */
.fh-business-photo,.fb-photo{border-radius:4px 4px 4px 48px;overflow:hidden;background:#FCE9F1}
.fh-business-photo img,.fb-photo img{object-fit:contain!important;object-position:50% 50%!important;background:#FCE9F1}
/* v31.1: el hueco del expositor tiene su misma proporción (sin franjas vacías) */
.fh-business-photo img,.fb-photo img{height:auto!important;aspect-ratio:12/7!important}
/* v32 · Cinta con bloques nativos: cada frase es un elemento de lista; site.js la duplica para el bucle */
.fx-ticker-list li{display:flex;align-items:center;gap:26px;margin:0!important;padding:0!important}
.fx-ticker-list li::before{content:none}
/* v32.1 · Entrada al hacer scroll: el fondo de la sección se queda; sube su contenido, una sola vez */
/* v32.5 · Entrada al hacer scroll: cada pieza viene desde --fx-from (por defecto, 64 px abajo).
   Cada sección de la portada tiene la suya; donde hay --fx-clip, además se destapa. */
.fx-reveal{overflow-x:clip}
.fx-reveal .fx-reveal-item{--fx-d:calc(var(--fx-i,0)*160ms);--fx-lado:min(120px,18vw);opacity:0}
.fx-reveal .fx-reveal-item:not(.fx-reveal-fade){transform:var(--fx-from,translateY(64px));clip-path:var(--fx-clip,none)}
.fx-reveal .fx-reveal-item:has(img):not(.fx-reveal-fade){--fx-from:translateY(40px) scale(.9)}
.fx-reveal.is-in .fx-reveal-item{opacity:1;transition:opacity 1s var(--fx-ease) var(--fx-d),transform 1.25s var(--fx-ease) var(--fx-d),clip-path 1.25s var(--fx-ease) var(--fx-d)}
.fx-reveal.is-in .fx-reveal-item:not(.fx-reveal-fade){transform:none;clip-path:var(--fx-clip-fin,none)}
/* 01 · Por qué existe: el titular se destapa de abajo arriba; el texto entra por la derecha */
.fh-range.fx-reveal .fx-reveal-item:first-child{--fx-from:translateY(36px);--fx-clip:inset(100% 0 0 0);--fx-clip-fin:inset(-40px)}
.fh-range.fx-reveal .fx-reveal-item:nth-child(2){--fx-from:translateX(var(--fx-lado))}
/* 02 · Tres gestos: los pasos caen girados, como pegatinas que se pegan */
.fx-how.fx-reveal .fx-how-step.fx-reveal-item{transform-origin:50% 100%;--fx-from:translateY(110px) rotate(-7deg) scale(.88)}
.fx-how.fx-reveal .fx-how-step.fx-reveal-item:nth-child(2n){--fx-from:translateY(110px) rotate(6deg) scale(.88)}
.fx-how.fx-reveal .fx-legend.fx-reveal-item{--fx-from:translateX(calc(-1*var(--fx-lado)))}
.fx-how.fx-reveal .fx-how-result-copy{--fx-from:translateX(var(--fx-lado))}
/* 03 · Producto: la imagen crece mientras aparece; el texto entra por la izquierda */
.fh-product.fx-reveal .f-cell.fx-reveal-item:has(img){--fx-from:scale(.78) rotate(-2deg)}
.fh-product.fx-reveal .f-cell.fx-reveal-item:not(:has(img)){--fx-from:translateX(calc(-1*var(--fx-lado)))}
/* 04 · Para cada plan: la foto se destapa como una cortina; el texto entra por la derecha */
.fx-plans.fx-reveal .fx-reveal-item:has(img){--fx-from:translateX(-40px);--fx-clip:inset(0 100% 0 0);--fx-clip-fin:inset(-60px)}
.fx-plans.fx-reveal .fx-reveal-item:not(:has(img)){--fx-from:translateX(var(--fx-lado))}
/* 05 · SÍ / NO / OJO: las filas entran alternando lado */
.fx-clear.fx-reveal .fx-clear-card:nth-child(2n+1){--fx-from:translateX(calc(-1*var(--fx-lado)))}
.fx-clear.fx-reveal .fx-clear-card:nth-child(2n){--fx-from:translateX(var(--fx-lado))}
/* 06 · Profesionales: el expositor se cuelga, baja desde arriba con un balanceo */
.fh-business.fx-reveal .fx-reveal-item:has(img){transform-origin:50% 0;--fx-from:translateY(-90px) rotate(-5deg)}
/* 07 · Preguntas: la lista sube con un zoom suave */
.fx-faq.fx-reveal .fx-reveal-item:nth-child(2){--fx-from:translateY(90px) scale(.95)}
@media (prefers-reduced-motion:reduce){.fx-reveal .fx-reveal-item{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}}
/* v32.2 · Pie compacto: medía 546 px; los 7 enlaces de «Explora» en fila marcaban la altura */
.wp-site-blocks .f-site-footer{padding:52px 0 20px!important}
.wp-site-blocks .f-site-footer .f-footer-grid{grid-template-columns:1.4fr 1.3fr .8fr!important;column-gap:56px!important;row-gap:32px!important}
.wp-site-blocks .f-site-footer h3{margin:0 0 14px!important}
.wp-site-blocks .f-site-footer .f-footer-grid .f-cell:not(.f-footer-identity) p{margin:0!important}
.wp-site-blocks .f-site-footer .f-footer-grid .f-cell:not(.f-footer-identity) a{padding:3px 0!important}
.wp-site-blocks .f-site-footer .f-footer-grid .f-cell:nth-child(2){display:grid;grid-template-columns:repeat(2,max-content);column-gap:40px;align-content:start}
.wp-site-blocks .f-site-footer .f-footer-grid .f-cell:nth-child(2) h3{grid-column:1/-1}
.wp-site-blocks .f-site-footer .f-footer-identity p{margin:0 0 10px!important}
.wp-site-blocks .f-site-footer .f-footer-logo{margin:0 0 16px!important}
.wp-site-blocks .f-site-footer .f-footer-bottom{margin-top:36px!important;padding-top:18px!important}
@media(max-width:760px){
  .wp-site-blocks .f-site-footer{padding:40px 0 18px!important}
  .wp-site-blocks .f-site-footer .f-footer-grid{grid-template-columns:1fr!important;row-gap:28px!important}
  .wp-site-blocks .f-site-footer .f-footer-grid .f-cell:not(.f-footer-identity){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;align-content:start}
  .wp-site-blocks .f-site-footer .f-footer-grid .f-cell:not(.f-footer-identity) h3{grid-column:1/-1}
  .wp-site-blocks .f-site-footer .f-footer-bottom{margin-top:28px!important}
}

/* v33 · Contacto en una sola sección: texto y correo a la izquierda, formulario a la derecha */
.wp-site-blocks .ft-compact{padding:64px 0 88px!important;background:var(--fx-blush)!important}
.wp-site-blocks .ft-compact .ft-hero-grid{grid-template-columns:.85fr 1.15fr!important;gap:72px!important;align-items:start!important}
.wp-site-blocks .ft-compact .f-lead{color:#5A4F6E!important;margin-bottom:0!important}
.wp-site-blocks .ft-compact .ft-direct{border:0!important;padding:0!important;margin:30px 0 0!important}
.wp-site-blocks .ft-compact .ft-direct a{color:var(--fx-magenta-osc)!important;border-bottom-color:currentColor!important;margin:0!important}
.wp-site-blocks .ft-compact .ft-quick{margin-top:30px;padding-top:22px;border-top:1px solid var(--fx-lila)}
.wp-site-blocks .ft-compact .ft-quick p{font-size:15px!important;color:#5A4F6E!important;margin:0 0 10px!important}
.wp-site-blocks .ft-compact .ft-quick a{font-weight:700;color:var(--fx-violeta)!important;text-decoration:none}
.wp-site-blocks .ft-compact .ft-quick a:hover{text-decoration:underline}
.wp-site-blocks .ft-compact .ft-panel{border-radius:4px 4px 4px 36px!important;border-color:var(--fx-lila)!important;box-shadow:8px 8px 0 var(--fx-lila)!important}
@media(max-width:760px){
  .wp-site-blocks .ft-compact{padding:36px 0 52px!important}
  .wp-site-blocks .ft-compact .ft-hero-grid{grid-template-columns:1fr!important;gap:36px!important}
  .wp-site-blocks .ft-compact .ft-panel{box-shadow:5px 5px 0 var(--fx-lila)!important}
}
/* v33.1 · Pasos de Profesionales con el fondo y los números de la marca */
.wp-site-blocks .fb-process{background:var(--fx-sky)!important}
.wp-site-blocks .fb-process .fb-index{color:var(--fx-magenta)!important;font-weight:800!important}
.wp-site-blocks .fb-process .fb-process-row{border-color:#C9D9EE!important}
/* v33.2 · Entradas de las demás páginas (mismo sistema que la portada: --fx-from y, si hace falta, --fx-clip) */
/* Spy Nails · formato: el titular desde la izquierda; los tres datos caen como pegatinas */
.fp-format.fx-reveal .f-cell.fx-reveal-item{--fx-from:translateX(calc(-1*var(--fx-lado)))}
.fp-format.fx-reveal .fp-fact.fx-reveal-item{transform-origin:50% 100%;--fx-from:translateY(90px) rotate(-5deg) scale(.9)}
.fp-format.fx-reveal .fp-fact.fx-reveal-item:nth-child(2n){--fx-from:translateY(90px) rotate(5deg) scale(.9)}
/* Spy Nails · alcance: lo que detecta por la izquierda, sus límites por la derecha */
.fp-limits.fx-reveal .f-cell.fx-reveal-item:nth-child(odd){--fx-from:translateX(calc(-1*var(--fx-lado)))}
.fp-limits.fx-reveal .f-cell.fx-reveal-item:nth-child(even){--fx-from:translateX(var(--fx-lado))}
/* Spy Nails · ficha: las cajas crecen; las filas se escriben una tras otra */
.fx-sheet.fx-reveal .f-cell.fx-reveal-item:has(img){--fx-from:scale(.8) rotate(3deg)}
.fx-sheet.fx-reveal .fx-spec-row.fx-reveal-item{--fx-from:translateX(40px);--fx-clip:inset(0 100% 0 0);--fx-clip-fin:inset(-20px)}
/* Spy Nails · siguiente paso: el bloque de empresas entra por la derecha */
.fp-next.fx-reveal .f-cell.fx-reveal-item:nth-child(2){--fx-from:translateX(var(--fx-lado)) rotate(2deg)}
/* Cómo funciona · aplicación: los tres pasos caen como pegatinas y el «30 s» aparece de golpe */
.fg-application.fx-reveal .f-cell.fx-reveal-item:has(img){transform-origin:50% 100%;--fx-from:translateY(110px) rotate(-7deg) scale(.88)}
.fg-application.fx-reveal .f-cell.fx-reveal-item:has(img):nth-child(2n){--fx-from:translateY(110px) rotate(6deg) scale(.88)}
.fg-application.fx-reveal .fg-time.fx-reveal-item{--fx-from:scale(.5)}
/* Cómo funciona · lectura: la leyenda crece; positivo por un lado, negativo por el otro */
.fg-reading.fx-reveal .fx-legend.fx-reveal-item{--fx-from:scale(.85)}
.fg-reading.fx-reveal .f-cell.fx-reveal-item:nth-child(odd){--fx-from:translateX(calc(-1*var(--fx-lado)))}
.fg-reading.fx-reveal .f-cell.fx-reveal-item:nth-child(even){--fx-from:translateX(var(--fx-lado))}
/* Cómo funciona · comprobaciones: el titular se destapa; la lista entra por la derecha */
.fg-checks.fx-reveal .f-cell.fx-reveal-item:first-child{--fx-from:translateY(36px);--fx-clip:inset(100% 0 0 0);--fx-clip-fin:inset(-40px)}
.fg-checks.fx-reveal .f-cell.fx-reveal-item:nth-child(2){--fx-from:translateX(var(--fx-lado))}
/* Sobre Freshia · misión: las tres tarjetas se abaten hacia delante */
.fx-mission.fx-reveal .fx-mission-item.fx-reveal-item{transform-origin:50% 0;--fx-from:perspective(900px) rotateX(-55deg) translateY(30px)}
/* Sobre Freshia · origen: el titular se destapa; las etapas entran por la derecha */
.fc-story.fx-reveal .f-cell.fx-reveal-item{--fx-from:translateY(36px);--fx-clip:inset(100% 0 0 0);--fx-clip-fin:inset(-40px)}
.fc-story.fx-reveal .fc-stage.fx-reveal-item{--fx-from:translateX(var(--fx-lado))}
/* Sobre Freshia · marca, gama y producto: la tabla se abre de izquierda a derecha */
.fc-architecture.fx-reveal .fc-brand-table.fx-reveal-item{--fx-from:translateX(-30px);--fx-clip:inset(0 100% 0 0);--fx-clip-fin:inset(-40px)}
/* Sobre Freshia · cierre: zoom suave */
.fc-closing.fx-reveal .f-cell.fx-reveal-item{--fx-from:scale(.9)}
/* Profesionales · por qué: las cuatro ventajas se reparten como cartas desde la izquierda */
.fx-why.fx-reveal .fx-why-item.fx-reveal-item{--fx-from:translateX(-140px) rotate(-12deg)}
/* Profesionales · pasos: el titular por la izquierda, los pasos por la derecha */
.fb-process.fx-reveal .f-cell.fx-reveal-item{--fx-from:translateX(calc(-1*var(--fx-lado)))}
.fb-process.fx-reveal .fb-process-row.fx-reveal-item{--fx-from:translateX(var(--fx-lado))}
/* Profesionales · formulario: sube con un poco de zoom */
.fb-form.fx-reveal .f-cell.fx-reveal-item:nth-child(2){--fx-from:translateY(80px) scale(.94)}
/* v37 · Contacto: el formulario cabe en la pantalla (dos columnas para los datos cortos, mensaje más bajo) */
.wp-site-blocks .ft-compact{padding:44px 0 64px!important}
.wp-site-blocks .ft-compact .ft-panel{padding:26px 30px!important}
.wp-site-blocks .ft-compact .freshia-form{grid-template-columns:1fr 1fr;gap:12px 18px;margin-top:0}
.wp-site-blocks .ft-compact .freshia-form>:is(p,.consent,button,label:has(textarea),label:has(select),.notice){grid-column:1/-1}
.wp-site-blocks .ft-compact .freshia-form label{gap:6px}
.wp-site-blocks .ft-compact .freshia-form :is(input,select){padding:10px 12px}
.wp-site-blocks .ft-compact .freshia-form textarea{min-height:84px;padding:10px 12px}
.wp-site-blocks .ft-compact .freshia-form .freshia-required-note{margin:0}
.wp-site-blocks .ft-compact .freshia-form .freshia-privacy-summary{font-size:11px;line-height:1.5;margin:0}
.wp-site-blocks .ft-compact .freshia-form button{background:var(--fx-magenta);border-color:var(--fx-magenta);border-radius:100px;padding:14px 26px}
.wp-site-blocks .ft-compact .freshia-form button:hover{background:var(--fx-magenta-osc);border-color:var(--fx-magenta-osc)}
@media(max-width:540px){.wp-site-blocks .ft-compact .freshia-form{grid-template-columns:1fr}}
/* v38 · Para cada plan: cuatro fotos apiladas; se ve la del plan señalado (site.js) */
.fx-plans-stack{position:relative;border-radius:5px 5px 120px 5px;overflow:hidden}
.fx-plans-stack .fx-plans-photo{border-radius:0!important;transition:opacity .7s var(--fx-ease),transform 1.4s var(--fx-ease)}
.fx-plans-stack .fx-plans-photo:not(:first-child){position:absolute;inset:0;margin:0;opacity:0}
.fx-plans-stack.js-plans .fx-plans-photo{opacity:0;transform:scale(1.05)}
.fx-plans-stack.js-plans .fx-plans-photo.is-active{opacity:1;transform:none}
.fx-plans-chip,.fx-macro-chip{position:absolute;z-index:2;padding:8px 14px;border-radius:100px;background:var(--fx-paper);color:var(--fx-navy);font:800 12px/1 var(--fx-display);letter-spacing:.04em;text-transform:uppercase;box-shadow:3px 3px 0 var(--fx-navy);pointer-events:none}
.fx-plans-chip{left:18px;top:18px}
.fx-plan{cursor:pointer}
.fx-plan>*{transition:transform .4s var(--fx-ease),color .3s}
.fx-plan.is-active>*{transform:translateX(12px)}
.fx-plan.is-active h3{color:var(--fx-magenta)}
/* Macro de la uña: alterna negativo (amarillo) y positivo (mitad verde) */
.fx-macro{position:relative;border-radius:5px 5px 48px 5px!important}
.fx-macro figure{margin:0}
.fx-macro figure+figure{position:absolute;inset:0;opacity:0;transition:opacity .9s var(--fx-ease)}
.fx-macro.is-positivo figure+figure{opacity:1}
.fx-macro-chip{left:14px;bottom:14px}
.fx-macro.is-positivo .fx-macro-chip{background:var(--fx-verde);color:var(--fx-paper)}
/* Cinta de fotos (Spy Nails): avanza sola y se para al pasar el ratón */
.fx-galeria{overflow:clip;padding:64px 0 78px;background:var(--fx-blush)}
.fx-galeria-pista{display:flex;align-items:flex-start;gap:24px;width:max-content;padding-right:24px}
.fx-galeria-foto{margin:0!important;flex:none;width:clamp(190px,21vw,290px);transform:rotate(-2deg);border-radius:4px 4px 4px 36px;overflow:hidden;box-shadow:7px 7px 0 var(--fx-navy)}
.fx-galeria-foto:nth-child(even){transform:rotate(2deg) translateY(18px)}
.fx-galeria-foto img{display:block;width:100%;height:auto!important;aspect-ratio:4/5;object-fit:cover}
@media (prefers-reduced-motion:no-preference){.fx-galeria-pista.is-loop{animation:fx-cinta 70s linear infinite}.fx-galeria:hover .fx-galeria-pista{animation-play-state:paused}}
/* Sobre Freshia: foto ancha con un acercamiento lento al entrar */
.wp-site-blocks .fc-photo{margin:56px 0 0!important;border-radius:5px 5px 5px 90px;overflow:hidden}
.wp-site-blocks .fc-photo img{display:block;width:100%;height:clamp(240px,34vw,470px)!important;object-fit:cover;object-position:50% 40%}
@keyframes fx-acerca{from{transform:scale(1.1)}to{transform:none}}
@media (prefers-reduced-motion:no-preference){.fc-photo img{animation:fx-acerca 7s var(--fx-ease) both}}
/* Cabecera que se inclina con el ratón y botones magnéticos (site.js) */
.fx-hero-pack{transition:transform .35s var(--fx-ease);will-change:transform}
.wp-block-button__link,.freshia-form button{transition:transform .3s var(--fx-ease),background-color .2s,color .2s,border-color .2s}
@media(max-width:760px){.fx-galeria{padding:44px 0 56px}.fx-plans-chip{left:12px;top:12px}}
/* v38.1 · En Cómo funciona el macro ocupa lo que ocupaba la leyenda, no todo el ancho */
.wp-site-blocks .fg-reading .fx-macro{max-width:560px!important;margin:0 0 28px!important}
/* v39 · 01 / Por qué existe: sección oscura con la copa y las tres palabras que se vacían (lo que no se ve) */
.wp-site-blocks .fh-range{background:var(--fx-navy)!important;color:var(--fx-paper);padding:112px 0 120px!important}
.wp-site-blocks .fh-range-grid{grid-template-columns:1.05fr .95fr!important;gap:76px!important;align-items:center!important}
.wp-site-blocks .fh-range .f-eyebrow{color:var(--fx-amarillo)!important}
.wp-site-blocks .fh-range h2{color:var(--fx-paper)!important}
.wp-site-blocks .fh-range h2 span{color:var(--fx-rosa)!important}
.fx-invisibles{margin:34px 0 30px}
.wp-site-blocks .fx-invisible{margin:0!important;font:800 clamp(40px,5.4vw,82px)/.98 var(--fx-display)!important;letter-spacing:-.02em!important;text-transform:uppercase;color:var(--fx-paper)!important;-webkit-text-stroke:2px var(--fx-paper);transition:color 1.3s var(--fx-ease),-webkit-text-stroke-color 1.3s var(--fx-ease)}
.fx-invisibles.is-borrando .fx-invisible{color:transparent!important;-webkit-text-stroke-color:rgba(255,247,250,.45)}
.fx-invisibles.is-borrando .fx-invisible:nth-child(1){transition-delay:.9s}
.fx-invisibles.is-borrando .fx-invisible:nth-child(2){transition-delay:1.5s}
.fx-invisibles.is-borrando .fx-invisible:nth-child(3){transition-delay:2.1s}
.wp-site-blocks .fh-range-copy p{color:#CFC8E6!important;max-width:470px}
.wp-site-blocks .fh-range-copy .fh-range-lead{color:var(--fx-paper)!important;font-size:19px!important;line-height:1.5!important}
.wp-site-blocks .fh-range .fh-caution{color:#CFC8E6!important}
.wp-site-blocks .fh-range .fh-text-link a{color:var(--fx-amarillo)!important;border-color:var(--fx-amarillo)!important}
.fh-range-photo{position:relative;margin:0!important;border-radius:4px 4px 120px 4px;overflow:hidden;box-shadow:12px 12px 0 var(--fx-magenta)}
.fh-range-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.wp-site-blocks .fh-range-photo figcaption{position:absolute;left:18px;top:18px;margin:0!important;padding:9px 16px;border-radius:100px;background:var(--fx-amarillo);color:var(--fx-navy)!important;font:800 13px/1.1 var(--fx-display)!important;letter-spacing:.01em;box-shadow:3px 3px 0 var(--fx-navy)}
@media (prefers-reduced-motion:reduce){.fx-invisibles .fx-invisible{transition:none}}
@media(max-width:760px){
  .wp-site-blocks .fh-range{padding:64px 0 72px!important}
  .wp-site-blocks .fh-range-grid{grid-template-columns:1fr!important;gap:44px!important}
  .fh-range-photo{box-shadow:7px 7px 0 var(--fx-magenta);border-radius:4px 4px 72px 4px}
  .fh-range-photo img{aspect-ratio:4/5}
}
/* v39.1 · Sin contorno: la fuente variable tiene trazos solapados que el contorno dejaba ver. Las palabras se desvanecen */
.wp-site-blocks .fx-invisible{-webkit-text-stroke:0!important;transition:color 1.6s var(--fx-ease),filter 1.6s var(--fx-ease)}
.fx-invisibles.is-borrando .fx-invisible{color:rgba(255,247,250,.13)!important;filter:blur(.4px)}
/* v39.2 · SÍ / NO / OJO como tarjetas con la sombra dura de la marca; se levantan al pasar el ratón */
.wp-site-blocks .fx-clear-grid{border-top:0!important;gap:18px!important}
.wp-site-blocks .fx-clear-card{background:#fff!important;border:0!important;border-radius:4px 4px 4px 36px;padding:26px 34px!important;box-shadow:7px 7px 0 var(--fx-verde);transition:transform .35s var(--fx-ease),box-shadow .35s var(--fx-ease)}
.wp-site-blocks .fx-clear-card:nth-child(2){box-shadow:7px 7px 0 var(--fx-violeta)}
.wp-site-blocks .fx-clear-card.fx-clear-warn{background:#FFFBEA!important;box-shadow:7px 7px 0 var(--fx-amarillo)}
.wp-site-blocks .fx-clear-card:first-child .fx-label{color:var(--fx-verde)!important}
@media (hover:hover){.wp-site-blocks .fx-clear-card:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--fx-verde)}
  .wp-site-blocks .fx-clear-card:nth-child(2):hover{box-shadow:11px 11px 0 var(--fx-violeta)}
  .wp-site-blocks .fx-clear-card.fx-clear-warn:hover{box-shadow:11px 11px 0 var(--fx-amarillo)}}
/* Preguntas: la columna izquierda lleva la foto de cava y se queda fija mientras se recorre la lista */
.fx-faq-photo{margin:34px 0 0!important;border-radius:4px 4px 4px 64px;overflow:hidden;box-shadow:9px 9px 0 var(--fx-rosa);max-width:400px}
.fx-faq-photo img{display:block;width:100%;height:auto!important;aspect-ratio:4/5;object-fit:cover;object-position:62% 50%}
@media(min-width:761px){.wp-site-blocks .fx-faq-grid>.f-cell:first-child{position:sticky;top:110px;align-self:start}}
@media(max-width:760px){.wp-site-blocks .fx-clear-card{padding:22px 22px!important;box-shadow:5px 5px 0 var(--fx-verde)}.fx-faq-photo{max-width:none}.fx-faq-photo img{aspect-ratio:3/2}}
/* v39.3 · Las tres palabras se apagan hasta el violeta de la marca (tono sobre tono), sin desenfoque: lo elige el dueño */
.fx-invisibles.is-borrando .fx-invisible{color:var(--fx-violeta)!important;filter:none!important}
/* v39.4 · Tres gestos: sin escalonado (dejaba mucho blanco), pasos en fila y más juntos; las ilustraciones flotan */
@media (min-width:761px){
  .wp-site-blocks .fx-how-grid>.fx-how-step:nth-child(2),.wp-site-blocks .fx-how-grid>.fx-how-step:nth-child(3){margin-block-start:0!important;margin-top:0!important}
  .wp-site-blocks .fx-how{padding:72px 0 80px!important}
  .wp-site-blocks .fx-how-grid{gap:26px!important;margin-top:44px!important}
}
@keyframes fx-flota{from{transform:translateY(-5px) rotate(-.7deg)}to{transform:translateY(5px) rotate(.7deg)}}
@media (prefers-reduced-motion:no-preference){
  .fx-how-image{animation:fx-flota 4.6s ease-in-out infinite alternate}
  .fx-how-step:nth-child(2) .fx-how-image{animation-delay:-1.5s;animation-duration:5.2s}
  .fx-how-step:nth-child(3) .fx-how-image{animation-delay:-3s;animation-duration:4.9s}
}
.fx-how-step>*{transition:transform .35s var(--fx-ease)}
@media (hover:hover){.fx-how-step:hover>h3{transform:translateX(6px);color:var(--fx-magenta)}}
/* v40 · Listas en tarjetas: El formato (Spy Nails), Comprobaciones (Cómo funciona), El origen (Sobre Freshia),
   Tres pasos (Profesionales). El título arriba y las filas en fila, como en la portada. */
@media (min-width:900px){
  .wp-site-blocks :is(.fp-format-grid,.fg-checks-grid,.fc-story-grid,.fb-process-grid){grid-template-columns:1fr!important;gap:38px!important;align-items:start!important}
  .wp-site-blocks :is(.fp-facts,.fg-check-list,.fc-timeline,.fb-process-list,.fc-brand-table){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;border:0!important}
  .wp-site-blocks .fg-check-list>:not(.fg-check){grid-column:1/-1}
  .wp-site-blocks .fx-why-grid{gap:22px!important}
}
.wp-site-blocks :is(.fp-fact,.fg-check,.fc-stage,.fb-process-row,.fc-brand-row,.fx-mission-item,.fx-why-item){display:block!important;background:#fff!important;border:0!important;border-radius:4px 4px 4px 36px!important;padding:28px 30px 30px!important;box-shadow:7px 7px 0 var(--fx-rosa);transition:transform .35s var(--fx-ease),box-shadow .35s var(--fx-ease)}
.wp-site-blocks :is(.fp-fact,.fg-check,.fc-stage,.fb-process-row,.fc-brand-row,.fx-mission-item,.fx-why-item):nth-child(4n+2){box-shadow:7px 7px 0 var(--fx-azul)}
.wp-site-blocks :is(.fp-fact,.fg-check,.fc-stage,.fb-process-row,.fc-brand-row,.fx-mission-item,.fx-why-item):nth-child(4n+3){box-shadow:7px 7px 0 var(--fx-amarillo)}
.wp-site-blocks :is(.fp-fact,.fg-check,.fc-stage,.fb-process-row,.fc-brand-row,.fx-mission-item,.fx-why-item):nth-child(4n+4){box-shadow:7px 7px 0 var(--fx-verde)}
@media (hover:hover){.wp-site-blocks :is(.fp-fact,.fg-check,.fc-stage,.fb-process-row,.fc-brand-row,.fx-mission-item,.fx-why-item):hover{transform:translate(-3px,-4px)}}
.wp-site-blocks :is(.fg-check-index,.fb-index,.fc-stage>p:first-child){display:block!important;margin:0 0 14px!important;font:800 38px/1 var(--fx-display)!important;letter-spacing:-.03em!important;color:var(--fx-magenta)!important}
.wp-site-blocks :is(.fp-fact,.fg-check,.fc-stage,.fb-process-row,.fc-brand-row,.fx-mission-item,.fx-why-item) h3{margin:6px 0 10px!important}
.wp-site-blocks .fc-brand-row h3{font:800 30px/1.05 var(--fx-display)!important;color:var(--fx-violeta)!important}
.wp-site-blocks .fc-architecture .fc-brand-table{margin-top:34px!important}
/* Cierres como bandas de color */
.wp-site-blocks .fp-next-grid{gap:26px!important;align-items:stretch!important}
.wp-site-blocks .fp-next-grid>.f-cell{border-radius:4px 4px 4px 48px;padding:40px 42px;background:#fff;box-shadow:8px 8px 0 var(--fx-rosa)}
.wp-site-blocks .fp-next-grid>.f-cell:last-child{background:var(--fx-navy);box-shadow:8px 8px 0 var(--fx-amarillo)}
.wp-site-blocks .fp-next-grid>.f-cell:last-child :is(h2,h3,p){color:var(--fx-paper)!important}
.wp-site-blocks .fp-next-grid>.f-cell:last-child .f-eyebrow{color:var(--fx-amarillo)!important}
.wp-site-blocks .fp-next-grid>.f-cell:last-child a{color:var(--fx-amarillo)!important;border-color:var(--fx-amarillo)!important}
.wp-site-blocks .fc-closing{background:var(--fx-navy)!important;padding:88px 0!important}
.wp-site-blocks .fc-closing :is(h2,p){color:var(--fx-paper)!important}
.wp-site-blocks .fc-closing .f-eyebrow{color:var(--fx-amarillo)!important}
.wp-site-blocks .fc-closing h2 span{color:var(--fx-rosa)!important}
/* El «30 s» de Cómo funciona, en grande (site.js lo hace contar de 0 a 30) */
.wp-site-blocks .fg-time{font:800 clamp(52px,6vw,84px)/1 var(--fx-display)!important;letter-spacing:-.04em!important;color:var(--fx-magenta)!important}
/* Amarillo o verde: el macro y las dos tarjetas, lado a lado */
@media (min-width:900px){
  .wp-site-blocks .fg-reading .f-wrap{display:grid!important;grid-template-columns:minmax(0,560px) minmax(0,1fr);column-gap:34px;align-items:start}
  .wp-site-blocks .fg-reading .f-wrap>*{grid-column:1/-1}
  .wp-site-blocks .fg-reading .f-wrap>.fx-macro{grid-column:1;margin:0!important}
  .wp-site-blocks .fg-reading .f-wrap>.fg-reading-grid{grid-column:2;grid-template-columns:1fr!important;gap:18px!important;margin:0!important}
  .wp-site-blocks .fg-reading .f-wrap>.fg-reading-foot{margin-top:30px!important}
}
.wp-site-blocks .fg-reading-card{border:0!important;border-radius:4px 4px 4px 32px!important;box-shadow:7px 7px 0 var(--fx-verde)}
.wp-site-blocks .fg-reading-grid>.f-cell:last-child .fg-reading-card{box-shadow:7px 7px 0 var(--fx-amarillo)}
/* Fotos de cabecera de Spy Nails y Profesionales: se inclinan con el ratón como la de la portada (site.js) */
.fp-hero-photo,.fb-hero .fb-photo{transition:transform .35s var(--fx-ease);will-change:transform}
@media(max-width:899px){
  .wp-site-blocks :is(.fp-fact,.fg-check,.fc-stage,.fb-process-row,.fc-brand-row,.fx-mission-item,.fx-why-item){padding:22px 22px 24px!important;margin-bottom:16px!important}
  .wp-site-blocks .fp-next-grid>.f-cell{padding:28px 24px}
}
/* v40.1 · Los números de las tarjetas iban posicionados aparte por estilos antiguos (diminutos en la esquina o pisando el título) */
.wp-site-blocks :is(.fg-check-index,.fb-index,.fc-stage>p:first-child){position:static!important;float:none!important;inset:auto!important;width:auto!important;height:auto!important;transform:none!important;line-height:1!important}
.wp-site-blocks :is(.fg-check,.fc-stage,.fb-process-row) :is(h3,p){padding-left:0!important;margin-left:0!important;grid-column:auto!important}
/* v40.2 · polish.css pone a 11 px las etiquetas (.fg-check-index, .fb-index) con la misma especificidad y carga después */
.wp-site-blocks .f-main .f-section p:is(.fg-check-index,.fb-index){font:800 38px/1 var(--fx-display)!important;letter-spacing:-.03em!important;color:var(--fx-magenta)!important}
/* v41 · Profesionales: el formulario en la cabecera (antes, al final de la página) */
.wp-site-blocks .fb-hero{padding:52px 0 72px!important}
.wp-site-blocks .fb-hero-grid{grid-template-columns:1fr 1.05fr!important;gap:64px!important;align-items:center!important}
.wp-site-blocks .fb-hero .fb-form-panel{background:#fff!important;border:0!important;border-radius:4px 4px 4px 40px!important;padding:26px 30px!important;box-shadow:9px 9px 0 var(--fx-violeta)!important;scroll-margin-top:110px}
.wp-site-blocks .fb-hero .freshia-form{margin-top:0!important;gap:12px!important}
.wp-site-blocks .fb-hero .freshia-short-fields{gap:12px 18px!important}
.wp-site-blocks .fb-hero .freshia-form :is(input,select){padding:10px 12px!important}
.wp-site-blocks .fb-hero .freshia-form .form-help,.wp-site-blocks .fb-hero .freshia-form .freshia-required-note{margin:0!important}
.wp-site-blocks .fb-hero .freshia-form .freshia-privacy-summary{font-size:11px!important;line-height:1.5!important;margin:0!important}
.wp-site-blocks .fb-hero .freshia-form button{background:var(--fx-magenta)!important;border-color:var(--fx-magenta)!important;border-radius:100px!important;padding:14px 26px!important}
.wp-site-blocks .fb-hero .fb-general{font-size:14px;margin-top:18px!important}
.wp-site-blocks .fb-hero .fb-general a{color:var(--fx-violeta);font-weight:700}
@media(min-width:761px){.wp-site-blocks .fb-hero .fb-hero-copy .wp-block-buttons{display:none!important}}
/* Ventajas: el expositor a la izquierda y las cuatro tarjetas en 2×2 */
@media(min-width:900px){
  .wp-site-blocks .fx-why .f-wrap{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:44px;align-items:center}
  .wp-site-blocks .fx-why .f-wrap>*{grid-column:1/-1}
  .wp-site-blocks .fx-why .f-wrap>.fx-why-photo{grid-column:1;margin:0!important}
  .wp-site-blocks .fx-why .f-wrap>.fx-why-grid{grid-column:2;grid-template-columns:1fr 1fr!important;margin:0!important}
}
.wp-site-blocks .fx-why-photo{margin:0 0 30px!important;box-shadow:9px 9px 0 var(--fx-rosa)}
/* Banda final: sube al formulario */
.wp-site-blocks .fb-cierre{background:var(--fx-navy)!important;padding:64px 0 70px!important;text-align:center}
.wp-site-blocks .fb-cierre .f-eyebrow{color:var(--fx-amarillo)!important}
.wp-site-blocks .fb-cierre h2{color:var(--fx-paper)!important;margin:10px 0 26px!important}
.wp-site-blocks .fb-cierre h2 span{color:var(--fx-rosa)!important}
.wp-site-blocks .fb-cierre .wp-block-buttons{justify-content:center}
.wp-site-blocks .fb-cierre .wp-block-button__link{background:var(--fx-amarillo)!important;border-color:var(--fx-amarillo)!important;color:var(--fx-navy)!important}
/* v41.1 · En móvil una regla antigua subía la 2.ª columna (antes la foto) a la fila 1 y el texto pisaba el formulario */
@media(max-width:899px){.wp-site-blocks .fb-hero-grid>.f-cell{grid-row:auto!important;grid-column:auto!important;order:0!important}
  .wp-site-blocks .fb-hero-grid{grid-template-columns:1fr!important;gap:30px!important}}
/* v41.2 · Botón amarillo de la banda final: la regla general de botones le ponía letra blanca y borde magenta */
.wp-site-blocks .fb-cierre .wp-block-button:not(.is-style-outline) .wp-block-button__link{background:var(--fx-amarillo)!important;border-color:var(--fx-amarillo)!important;color:var(--fx-navy)!important;font-weight:700!important}
.wp-site-blocks .fb-cierre .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{background:#F3D64C!important;border-color:#F3D64C!important;color:var(--fx-navy)!important}
/* Tarjetas: al pasar el ratón ya no se mueven ni crecen (parecían de tamaños distintos); solo la sombra pasa a magenta */
@media (hover:hover){.wp-site-blocks :is(.fp-fact,.fg-check,.fc-stage,.fb-process-row,.fc-brand-row,.fx-mission-item,.fx-why-item,.fx-clear-card):hover{transform:none!important;box-shadow:7px 7px 0 var(--fx-magenta)!important}}
/* v42 · Tarjetas de la misma altura en cada fila (unas se encogían a su texto) */
.wp-site-blocks :is(.fp-facts,.fg-check-list,.fc-timeline,.fb-process-list,.fc-brand-table,.fx-why-grid,.fx-mission-grid,.fx-clear-grid){align-items:stretch!important}
.wp-site-blocks :is(.fx-why-grid,.fx-mission-grid)>.f-cell{height:100%;box-sizing:border-box}
/* Formulario: asterisco rojo en los campos obligatorios */
.freshia-req{color:var(--fx-magenta);font-weight:800;margin-left:1px}
/* v42.1 · Etiquetas en bloque: así el asterisco va pegado al texto (en flex en columna bajaba a otra línea) */
.wp-site-blocks .freshia-form label:not(.consent):not(.hp){display:block!important}
.wp-site-blocks .freshia-form label:not(.consent)>:is(input,select,textarea){display:block;width:100%;margin-top:7px}
.wp-site-blocks .freshia-form .freshia-field-hint{display:block;margin-top:2px}
/* v45 · Cabecera de Spy Nails con la escena de bar (oscura): el texto «Freshia G-SENSE» de la esquina, en claro */
.wp-site-blocks .fp-hero .fp-image-brand,.wp-site-blocks .fp-hero .fp-image-brand *{color:var(--fx-paper)!important;text-shadow:0 1px 8px rgba(0,0,0,.35)}

/* v46 · las fotos de producto son escenas reales: llenan su marco en vez de flotar sobre el rosa */
.wp-site-blocks .fh-product .fh-product-photo img{object-fit:cover!important;object-position:50% 50%!important}
.wp-site-blocks .fh-business-photo img,.wp-site-blocks .fb-photo img{object-fit:cover!important}
/* v46.1 · sobre la foto real, la marca sobra (ya sale en la caja) y el pie va en píldora, como «Novedad», para leerse */
.wp-site-blocks .fh-product .fh-product-brand{display:none}
.wp-site-blocks .fh-product .fh-product-image-bottom{right:auto!important;background:#FCF9F2;border:1px solid #D0C5B9;border-radius:25px;padding:7px 12px;font-weight:650}

/* v47 · cabecera: el logo en el centro exacto (rejilla 1fr · auto · 1fr) y el menú repartido, tres y tres, a sus lados */
.wp-site-blocks .f-site-header .f-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:clamp(30px,3.6vw,58px);min-height:0;padding:15px 0}
.wp-site-blocks .f-site-header .f-brand{grid-column:2;grid-row:1;justify-self:center}
.wp-site-blocks .f-site-header .f-brand a{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.wp-site-blocks .f-site-header .f-brand a:hover{transform:scale(1.035)}
.wp-site-blocks .f-site-header .f-nav-izq{grid-column:1;grid-row:1;justify-self:end;margin:0!important}
.wp-site-blocks .f-site-header .f-nav-der{grid-column:3;grid-row:1;justify-self:start;margin:0!important}
.wp-site-blocks .f-site-header .f-nav-movil{display:none}
.wp-site-blocks .f-site-header .f-nav-lado{font-size:12.5px;font-weight:650;letter-spacing:.01em}
.wp-site-blocks .f-site-header .f-nav-lado .wp-block-navigation__container{gap:clamp(22px,2.6vw,40px);flex-wrap:nowrap}
.wp-site-blocks .f-site-header .f-nav-lado .wp-block-navigation-item__content{position:relative;padding:8px 0!important;border:0!important;text-decoration:none!important;white-space:nowrap}
.wp-site-blocks .f-site-header .f-nav-lado .wp-block-navigation-item__content::after{content:'';position:absolute;left:0;right:0;bottom:1px;height:2px;border-radius:2px;background:var(--fx-magenta);transform:scaleX(0);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.wp-site-blocks .f-site-header .f-nav-lado .wp-block-navigation-item__content:is(:hover,:focus-visible)::after,.wp-site-blocks .f-site-header .f-nav-lado .current-menu-item>.wp-block-navigation-item__content::after{transform:scaleX(1)}
.wp-site-blocks .f-site-header .f-nav-lado .current-menu-item>.wp-block-navigation-item__content{color:var(--fx-magenta)!important}
.f-site-header{transition:box-shadow .3s,background-color .3s}
.wp-site-blocks>header.is-scrolled .f-site-header{box-shadow:0 12px 30px -20px #2a183f66;background:#fcf9f7fa}
@media(max-width:980px){
 .wp-site-blocks .f-site-header .f-nav-lado{display:none}
 .wp-site-blocks .f-site-header .f-nav-movil{display:flex;grid-column:3;grid-row:1;justify-self:end;margin:0!important}
 .wp-site-blocks .f-site-header .f-header-inner{column-gap:12px;padding:10px 0}
}
@media(prefers-reduced-motion:reduce){.wp-site-blocks .f-site-header .f-nav-lado .wp-block-navigation-item__content::after,.wp-site-blocks .f-site-header .f-brand a{transition:none}}
@media(max-width:760px){
 .wp-site-blocks .f-site-header .f-header-inner{grid-template-columns:minmax(0,1fr) auto}
 .wp-site-blocks .f-site-header .f-brand{grid-column:1;justify-self:start}
 .wp-site-blocks .f-site-header .f-nav-movil{grid-column:2}
}