/* WFW: diseno de la web publica (Home y paginas migradas). GENERADO desde la maqueta aprobada design/home-web/maqueta.html con el script de la sesion de 2026-11-02:
   medidas = las del demo de Color Admin e-commerce a 90 %, clases con prefijo wfw-. Para ajustar un valor se edita aqui directamente. */
.wfw{--navy:#16234B; --darknavy:#0F1A38; --teal:#01869A; --darkteal:#026575; --lightteal:#e6f4f6; --lightnavy:#E9EDF6;
  --ink:#20252a; --body:#2d353c; --muted:#6c757d; --line:#e4e7ea; --page:#f2f4f6; --white:#fff; --wa:#25D366;
  --radius:10.8px; --container:1053px; --gutter:7.2px;}
:where(.wfw) *{box-sizing:border-box}
.wfw{margin:0;font-family:"Noto Sans",system-ui,sans-serif;font-size:12.6px;line-height:1.5;color:var(--body);background:var(--page);-webkit-font-smoothing:antialiased}
:where(.wfw) a{color:inherit;text-decoration:none}
:where(.wfw) img{max-width:100%;display:block}
:where(.wfw) i{display:inline-block;vertical-align:middle}
/* Base propia: la web WFW ya no hereda las reglas globales de store.css (ahora solo del diseno viejo, body:not(.wfw)); aqui estan sus restablecimientos de listas, titulos y parrafos */
:where(.wfw) ul,:where(.wfw) ol{list-style:none;margin:0;padding:0}
:where(.wfw) h1,:where(.wfw) h2,:where(.wfw) h3,:where(.wfw) h4,:where(.wfw) h5,:where(.wfw) h6,:where(.wfw) p{margin:0;padding:0}
:where(.wfw) h1,:where(.wfw) h2,:where(.wfw) h3,:where(.wfw) h4,:where(.wfw) h5{color:var(--ink)}
.wfw{overflow-x:clip}
.wfw-container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.wfw-topnav{background:#101315;color:#adb5bd;font-size:10.8px;height:36px}
.wfw-topnav .wfw-container{display:flex;align-items:center;justify-content:space-between;height:100%}
.wfw-topnav a{color:#adb5bd;padding:0 9px;transition:color .15s}
.wfw-topnav a:hover{color:#fff}
.wfw-topnav .wfw-left a:first-child{padding-left:0}
.wfw-topnav .wfw-right a:last-child{padding-right:0}
.wfw-topnav .wfw-left i{margin-right:5.4px;font-size:12.6px}
.wfw-header{background:#fff;height:68.4px;position:relative;z-index:30}
.wfw-header .wfw-container{display:flex;align-items:center;height:100%;gap:21.6px}
.wfw-brand{width:234px;height:68.4px;display:flex;align-items:center;gap:8.6px;flex:none;color:var(--ink);font-size:18px;font-weight:300;line-height:1.2}
.wfw-mark{width:31.5px;height:27px;overflow:hidden;flex:none;display:block}
.wfw-mark img{height:27px;width:auto;max-width:none;margin-left:-26.6px;display:block}
.wfw-brand-text{display:block}
.wfw-brand-text b{font-weight:700;margin-right:2.7px}
.wfw-brand-text small{display:block;font-size:9px;font-weight:400;letter-spacing:.5px;margin-top:-1.8px;color:rgba(32,37,42,.75);white-space:nowrap}
.wfw-menu{display:flex;align-items:center;justify-content:center;flex:1;gap:0;margin:0;padding:0}
.wfw-menu>li{list-style:none;position:relative}
.wfw-menu>li>a{display:flex;align-items:center;gap:3.6px;height:33.3px;padding:7.2px 14.4px;font-weight:400;font-size:12.6px;line-height:18.9px;color:var(--ink);position:relative;transition:color .1s linear}
.wfw-menu>li{height:68.4px;display:flex;align-items:center}
.wfw-menu>li>a:hover{color:rgba(32,37,42,.75)}
.wfw-menu>li.wfw-on>a{font-weight:600;color:var(--ink)}
.wfw-menu ul{display:none;position:absolute;top:100%;left:0;min-width:207px;background:#fff;border:0;border-radius:7.2px;box-shadow:0 14.4px 43.2px rgba(0,0,0,.176);padding:7.2px 0;margin:-3.6px 0 0}
.wfw-menu li:hover>ul{display:block}
.wfw-menu ul li{list-style:none}
.wfw-menu ul a{display:block;padding:5.8px 14.4px;font-size:12.6px;font-weight:500;color:rgba(32,37,42,.85);transition:background-color .1s linear,color .1s linear}
.wfw-menu ul a:hover{background:rgba(32,37,42,.05);color:var(--ink)}
.wfw-header .wfw-tools{display:flex;align-items:center;gap:10.8px;margin-left:auto}
.wfw-cart{position:relative;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:19.8px;color:var(--ink)}
.wfw-cart:hover{background:var(--page)}
.wfw-cart b{position:absolute;top:1.8px;right:0;background:#ff3b30;color:#fff;border-radius:9px;font-size:9px;min-width:15.3px;height:15.3px;display:grid;place-items:center;padding:0 3.6px}
.wfw-btn{display:inline-flex;align-items:center;justify-content:center;gap:7.2px;font:inherit;font-weight:600;font-size:12.6px;line-height:1.5;padding:6.3px 12.6px;border-radius:7.2px;border:1px solid transparent;cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.wfw-btn-lg{font-size:14.4px;padding:7.2px 21.6px;border-radius:10.8px}
.wfw-btn-navy{background:var(--navy);color:#fff;border-color:var(--navy)}
.wfw-btn-navy:hover{background:#2a3a70;border-color:#2a3a70}
.wfw-btn-light{background:#f2f3f4;color:#000;border-color:#f2f3f4}
.wfw-btn-light:hover{background:#cecfcf;border-color:#c2c2c3}
.wfw-btn-wa{background:var(--wa);color:#fff}
.wfw-btn-wa:hover{background:#1ebe5a}
.wfw-btn-line{background:#fff;color:var(--ink);border-color:var(--line)}
.wfw-btn-line:hover{border-color:var(--navy);color:var(--navy)}
.wfw-btn-sm{padding:6.3px 12.6px;font-size:10.8px;border-radius:6.3px}
.wfw-btn-block{width:100%}
.wfw-av{width:28.8px;height:28.8px;border-radius:50%;background:#dee2e6;color:#6c757d;display:grid;place-items:center;font-size:16.2px;transition:background-color .15s,color .15s}
.wfw-av:hover{background:#cecfcf;color:#2d353c}
.wfw-burger{display:none;border:0;background:none;color:var(--ink);cursor:pointer}
.wfw-hero{position:relative;background:var(--darknavy);overflow:hidden}
.wfw-hero-track{display:flex;transition:transform .6s ease-in-out}
.wfw-slide{flex:0 0 100%;position:relative;height:405px;overflow:hidden}
.wfw-slide picture,.wfw-slide>img{position:absolute;inset:0;width:100%;height:100%}
.wfw-slide picture img{width:100%;height:100%;object-fit:cover;object-position:center}
.wfw-slide.wfw-s2{background:linear-gradient(105deg,var(--darknavy) 0%,var(--navy) 45%,var(--teal) 130%);color:#fff}
.wfw-slide.wfw-s2 .wfw-in{position:absolute;inset:0;display:flex;align-items:center}
.wfw-slide.wfw-s2 .wfw-txt{max-width:526px;padding-left:43.2px}
.wfw-slide.wfw-s2 h2{font-size:clamp(21.6px,calc(17.3px + 1.35vw),36px);font-weight:700;line-height:1.2;margin:0 0 7.2px}
.wfw-slide.wfw-s2 p{font-size:15.75px;line-height:1.5;margin:0 0 14.4px}
.wfw-slide.wfw-s1{background:linear-gradient(105deg,var(--darknavy) 0%,#0a4455 60%,var(--teal) 140%)}
.wfw-price-h{font-size:31.5px;font-weight:500;line-height:37.8px;margin-bottom:21.6px}
.wfw-price-h small{font-size:14.4px;font-weight:600}
.wfw-price-h .wfw-mb-3{margin-bottom:14.4px}
.wfw-price-h .wfw-from{font-size:12.6px;font-weight:500}
.wfw-price-h .wfw-note{font-size:12.6px;font-weight:500;line-height:15.1px;color:#dee2e6}
.wfw-vis{position:absolute;z-index:2;right:max(21.6px,calc((100% - var(--container))/2));top:50%;transform:translateY(-50%);width:461px;height:319px;pointer-events:none}
.wfw-vis .wfw-anim-img{width:100%;height:100%}
/* producto: ocupa todo el alto del banner y va PEGADO ABAJO (como la mano que sale desde el borde); mismo archivo en escritorio, tableta y celular */
.wfw-vis.wfw-vis-img{top:auto;bottom:0;transform:none;width:540px;height:100%}
.wfw-vis-img .wfw-anim-img{display:flex;align-items:flex-end;justify-content:center}
.wfw-vis-img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center bottom;display:block}
.wfw-slide.wfw-rev .wfw-vis{right:auto;left:max(21.6px,calc((100% - var(--container))/2))}
.wfw-slide.wfw-rev .wfw-in .wfw-container{display:flex;justify-content:flex-end}
.wfw-sub2{font-size:14.4px;font-weight:600;line-height:1.5;color:rgba(255,255,255,.75)}
.wfw-slide.wfw-s2 .wfw-art2{position:absolute;right:max(21.6px,calc((100% - var(--container))/2));top:50%;transform:translateY(-50%);font-size:270px;line-height:1;color:rgba(255,255,255,.16)}
@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}
@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}
@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}
.wfw-slide:not(.wfw-is-active) .wfw-anim-img,.wfw-slide:not(.wfw-is-active) .wfw-anim-txt{animation:none;opacity:0}
.wfw-slide.wfw-is-active .wfw-anim-img{animation:fadeInRight 1s both}
.wfw-slide.wfw-rev.wfw-is-active .wfw-vis .wfw-anim-img{animation-name:fadeInLeft}
/* el fondo es estatico (en el demo es un background de CSS sin animacion): solo se mueve el contenido. Mientras carga, gris oscuro neutro, nunca el azul */
.wfw-slide.wfw-has-img{background:#1b2127}
.wfw-slide.wfw-is-active .wfw-anim-txt{animation:fadeInRightBig 1s both}
.wfw-slide.wfw-is-active .wfw-anim-txt:nth-child(2){animation-delay:.08s}
.wfw-slide.wfw-is-active .wfw-anim-txt:nth-child(3){animation-delay:.16s}
.wfw-arrow{position:absolute;top:50%;margin:-18.9px 0;width:37.8px;height:37.8px;border-radius:72px;border:0;background:rgba(32,37,42,.125);backdrop-filter:blur(2.7px);-webkit-backdrop-filter:blur(2.7px);color:#fff;font-size:21.6px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;padding:0}
.wfw-arrow:hover{background:rgba(32,37,42,.25)}
.wfw-arrow.wfw-prev{left:max(9px,calc((100% - var(--container))/2 - 28.8px))}
.wfw-arrow.wfw-next{right:max(9px,calc((100% - var(--container))/2 - 28.8px))}
.wfw-dots{position:absolute;left:15%;right:15%;bottom:14.4px;display:flex;justify-content:center;z-index:10}
.wfw-dots button{box-sizing:content-box;width:27px;height:2.7px;border:0;border-top:9px solid transparent;border-bottom:9px solid transparent;margin:0 2.7px;padding:0;background:#fff;background-clip:padding-box;opacity:.5;cursor:pointer}
.wfw-dots button.wfw-on{opacity:1}
.wfw-section{padding:43.2px 0}
.wfw-section.wfw-white{background:#fff}
.wfw-sec-title{display:flex;align-items:center;justify-content:space-between;gap:14.4px;margin:0 0 14.4px}
.wfw-sec-title h2{margin:0;font-size:22.1px;line-height:1.2;font-weight:700;color:var(--ink)}
.wfw-sec-title h2 small{font-size:12.6px;font-weight:500;color:rgba(45,53,60,.65);margin-left:.35rem}
.wfw-sec-title .wfw-btn{font-size:10.8px;font-weight:700;color:var(--ink);border:1px solid var(--line);padding:7.2px 13.5px;line-height:14.4px;margin:-6.3px 0;background:#fff;border-radius:7.2px;text-transform:uppercase}
.wfw-sec-title .wfw-btn:hover{background:#f2f3f4;color:#000}
.wfw-plans{display:flex;flex-wrap:wrap;justify-content:center;gap:14.4px}
.wfw-plan{flex:0 0 calc((100% - 57.6px)/5);min-width:0;background:#fff;border-radius:var(--radius);padding:19.8px 14.4px 16.2px;text-align:center;display:flex;flex-direction:column;position:relative;border:1px solid transparent}
.wfw-plan.wfw-top{border-color:var(--teal)}
.wfw-badge{position:absolute;top:9px;right:9px;background:rgba(0,0,0,.85);color:#fff;border-radius:3.6px;font-size:9.9px;font-weight:700;padding:2.7px 6.3px;letter-spacing:.3px}
.wfw-plan .wfw-name{margin-top:14.4px;font-size:10.8px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.wfw-plan .wfw-speed{margin:12.6px 0 3.6px;font-size:41.4px;line-height:1;font-weight:800;color:var(--navy);letter-spacing:-1px}
.wfw-plan .wfw-speed span{font-size:13.5px;font-weight:700;letter-spacing:0;color:var(--teal);margin-left:2.7px}
.wfw-plan .wfw-sub{font-size:10.8px;font-weight:600;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:4.5px}
.wfw-plan .wfw-sub i{color:var(--teal);font-size:13.5px}
.wfw-plan hr{border:0;border-top:1px solid var(--line);margin:14.4px 0}
.wfw-plan .wfw-price{font-size:23.4px;font-weight:800;color:var(--ink);line-height:1.1}
.wfw-plan .wfw-price small{font-size:10.8px;font-weight:600;color:var(--muted)}
.wfw-plan .wfw-inst{font-size:10.8px;font-weight:600;color:var(--darkteal);margin:5.4px 0 16.2px;display:flex;align-items:center;justify-content:center;gap:4.5px}
.wfw-plan .wfw-acts{margin-top:auto;display:flex;flex-direction:column;gap:7.2px}
.wfw-promos{display:grid;grid-template-columns:calc(50% - 7.2px) calc(25% - 10.8px) calc(25% - 10.8px);gap:14.4px}
.wfw-promo{background:#dee2e6;border-radius:var(--radius);position:relative;overflow:hidden;display:flex;align-items:center;min-height:172.8px;padding:18px}
.wfw-promo.wfw-lg{min-height:360px;height:360px;padding:25.2px}
.wfw-promo .wfw-cap{position:relative;z-index:2;max-width:56%}
.wfw-promo.wfw-lg .wfw-cap{max-width:62%}
.wfw-promo h3{margin:0 0 7.2px;font-size:30.6px;line-height:1.1;font-weight:800;color:var(--ink)}
.wfw-promo.wfw-sm h3{font-size:15.8px;line-height:1.2;margin-bottom:5.4px}
.wfw-promo p{margin:0 0 18px;font-weight:600;color:rgba(45,53,60,.75)}
.wfw-promo.wfw-sm p{font-size:11.7px;margin-bottom:12.6px}
.wfw-promo .wfw-art{position:absolute;right:-4%;bottom:-8%;font-size:270px;line-height:1;color:rgba(22,35,75,.14);z-index:1}
.wfw-promo.wfw-sm .wfw-art{font-size:135px;right:-2%;bottom:-14%}
/* imagen de producto a la derecha (como las tarjetas del demo): foto de la Tienda o PNG del admin; los fondos blancos se funden con el gris (multiply) */
.wfw-promo .wfw-pimg{position:absolute;right:0;top:50%;transform:translateY(-50%);max-width:46%;max-height:94%;width:auto;height:auto;object-fit:contain;object-position:right center;mix-blend-mode:multiply;z-index:1}
.wfw-promo.wfw-lg .wfw-pimg{right:3%;max-width:52%;max-height:90%;object-position:right bottom;top:auto;bottom:0;transform:none}
.wfw-promo .wfw-pvis{position:absolute;right:3%;bottom:4%;width:48%;height:84%;z-index:1;pointer-events:none}
.wfw-promo .wfw-pr{margin:0 0 12.6px;font-weight:700;color:var(--ink);font-size:11.7px;display:flex;align-items:baseline;gap:4.5px;flex-wrap:wrap}
.wfw-promo .wfw-pr b{font-size:15.3px;font-weight:800}
.wfw-promo.wfw-lg .wfw-pr{font-size:12.6px;margin-bottom:14.4px}
.wfw-promo.wfw-lg .wfw-pr b{font-size:27px}
.wfw-promo .wfw-from{font-size:11.7px;font-weight:600;color:rgba(45,53,60,.75)}
.wfw-promo hr{border:0;border-top:1px solid rgba(45,53,60,.16);margin:0 0 10.8px;max-width:171px}
.wfw-promo .wfw-note{font-size:11.7px;font-weight:600;color:rgba(45,53,60,.75);margin-bottom:18px}
.wfw-promo .wfw-tag{display:inline-flex;align-items:center;gap:5.4px;font-size:10.8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--darkteal);margin-bottom:9px}
.wfw-promo .wfw-cov{display:flex;gap:7.2px;max-width:378px}
.wfw-promo .wfw-cov input{flex:1;min-width:0;height:39.6px;border:0;border-radius:7.2px;padding:0 12.6px;font:inherit;background:#fff;color:var(--ink);outline:0}
.wfw-promo .wfw-cov input:focus{box-shadow:0 0 0 1.8px var(--teal)}
.wfw-promo .wfw-cov .wfw-btn{height:39.6px}
.wfw-promo-col{display:grid;gap:14.4px;grid-template-rows:172.8px 172.8px}
.wfw-commit{display:grid;grid-template-columns:repeat(4,1fr);gap:14.4px}
.wfw-commit .wfw-c{background:#fff;border-radius:var(--radius);padding:19.8px 16.2px;display:flex;gap:12.6px;align-items:flex-start}
.wfw-commit .wfw-c i{font-size:30.6px;color:var(--teal);flex:none}
.wfw-commit .wfw-c p{margin:0;font-size:11.7px;font-weight:600;line-height:1.45;color:var(--body)}
.wfw-ispcta{background:linear-gradient(100deg,var(--darknavy),var(--navy));color:#fff;padding:27px 0}
.wfw-ispcta .wfw-row{display:flex;align-items:center;justify-content:space-between;gap:21.6px;flex-wrap:wrap}
.wfw-ispcta h3{margin:0 0 3.6px;font-size:18px;font-weight:700}
.wfw-ispcta p{margin:0;max-width:648px;color:rgba(255,255,255,.78);font-size:12.2px}
.wfw-footer{background:#2d353c;color:rgba(173,181,189,.9);padding:36px 0;font-size:12.6px}
.wfw-footer .wfw-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:21.6px}
.wfw-footer h6{margin:14.4px 0;color:#fff;font-size:15.8px;font-weight:700;line-height:1.2}
.wfw-footer p,.wfw-footer li{font-size:11px;font-weight:600;line-height:16.2px}
.wfw-footer p{margin:0 0 10.8px}
.wfw-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3.6px}
.wfw-footer a{color:#adb5bd;transition:color .1s linear}
.wfw-footer a:hover{color:#fff}
.wfw-footer .wfw-brand{width:auto;height:auto;margin:10.8px 0 9px;color:#fff}
.wfw-footer .wfw-brand-text small{color:rgba(255,255,255,.65)}
.wfw-footer .wfw-mark img{filter:brightness(0) invert(1)}
.wfw-copyright{background:#1d2226;color:rgba(255,255,255,.75);font-size:11.7px;padding:18px 0}
.wfw-copyright .wfw-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7.2px}
.wfw-copyright a{color:rgba(255,255,255,.75)}
.wfw-copyright a:hover{color:#fff}
@media (max-width:1079px){
  .wfw-plan{flex-basis:calc((100% - 28.8px)/3)}
  .wfw-container{max-width:864px}
  .wfw-slide.wfw-s2 .wfw-in .wfw-container{display:flex;justify-content:center}
  .wfw-slide.wfw-s2 .wfw-txt{margin:0 auto;padding:0 50.4px;text-align:center}
  .wfw-slide.wfw-s2 .wfw-art2{right:50%;transform:translate(50%,-50%);font-size:252px;color:rgba(255,255,255,.10)}
  .wfw-slide .wfw-ov,.wfw-slide.wfw-rev .wfw-ov{background:rgba(0,0,0,.4)}
  .wfw-vis,.wfw-slide.wfw-rev .wfw-vis{right:50%;left:auto;transform:translate(50%,-50%);width:414px;height:287px;opacity:.16}
  .wfw-vis.wfw-vis-img,.wfw-slide.wfw-rev .wfw-vis.wfw-vis-img{top:auto;bottom:0;right:50%;left:auto;transform:translateX(50%);width:min(100%,540px);height:92%;opacity:.85}
  .wfw-slide.wfw-s2 .wfw-in{z-index:2}
  .wfw-header,.wfw-brand,.wfw-menu>li{height:61.2px}
  .wfw-menu>li>a{padding:7.2px 9px}
  .wfw-promos{grid-template-columns:1fr 1fr}
  .wfw-promo.wfw-lg{grid-column:1/-1;min-height:306px;height:auto}
  .wfw-promo h3{font-size:25.2px}
}
@media (max-width:892px){
  .wfw-plan{flex-basis:calc((100% - 14.4px)/2)}
  .wfw{--gutter:14.4px}
  .wfw-container{max-width:648px}
  .wfw-section{padding:28.8px 0}
  .wfw-header,.wfw-menu>li{height:54px}
  .wfw-header .wfw-container{gap:0}
  .wfw-brand{width:auto;height:auto;min-height:54px;font-size:14.4px;gap:8.6px}
  .wfw-burger{display:block;width:19.8px;height:54px;margin:0 14.4px 0 0;padding:0;font-size:19.8px;line-height:1;flex:none}
  .wfw-header .wfw-tools{margin-left:auto}
  .wfw-menu{display:none}
  .wfw-header.wfw-open .wfw-menu{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;position:absolute;top:54px;left:0;right:0;background:#fff;padding:7.2px 7.2px 10.8px;gap:0;margin:0;max-height:calc(100vh - 90px);overflow:auto;box-shadow:0 12.6px 21.6px rgba(15,26,56,.12)}
  .wfw-header.wfw-open .wfw-menu>li{height:auto;display:block}
  .wfw-header.wfw-open .wfw-menu>li>a{height:auto;padding:5.4px 14.4px;line-height:18.9px}
  .wfw-header.wfw-open .wfw-menu>li>a i{margin-left:auto}
  .wfw-menu li:hover>ul{display:none}
  .wfw-header.wfw-open .wfw-menu ul{position:static;border:0;box-shadow:none;border-radius:0;padding:0 0 3.6px 14.4px;min-width:0;background:transparent}
  .wfw-header.wfw-open .wfw-menu li.wfw-sub-open>ul{display:block}
  .wfw-header.wfw-open .wfw-menu ul a{padding:5.4px 14.4px;font-weight:400}
  .wfw-promos{grid-template-columns:1fr}
  .wfw-promo-col{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .wfw-promo.wfw-sm{min-height:172.8px}
  .wfw-promo.wfw-lg{min-height:360px;height:360px}
  .wfw-commit{grid-template-columns:repeat(2,1fr)}
  .wfw-footer .wfw-cols{grid-template-columns:1fr 1fr}
  .wfw-topnav .wfw-right a:not(:last-child){display:none}
}
@media (max-width:690px){
  .wfw-container{max-width:none}
  .wfw-section{padding:28.8px 0}
  .wfw-slide.wfw-s2 .wfw-txt{padding:0 43.2px}
  .wfw-slide.wfw-s2 p{font-size:13.5px}
  .wfw-slide.wfw-s2 .wfw-art2{font-size:198px}
  .wfw-vis{width:320px;height:222px}
  .wfw-price-h{font-size:25.2px;line-height:30.6px;margin-bottom:14.4px}
  .wfw-arrow{width:30.6px;height:30.6px;font-size:18px;margin:-15.3px 0}
  .wfw-arrow.wfw-prev{left:9px}
  .wfw-arrow.wfw-next{right:9px}
  .wfw-sec-title h2{font-size:18.9px;line-height:1.5}
  .wfw-sec-title h2 small{display:block;font-size:10.7px;margin-left:0}
  .wfw-promo{padding:19.8px}
  .wfw-promo.wfw-lg{padding:23.4px;min-height:207px}
  .wfw-promo h3,.wfw-promo.wfw-lg h3{font-size:21.6px}
  .wfw-promo .wfw-cap{max-width:68%}
  .wfw-promo .wfw-art{font-size:198px}
  .wfw-promo-col{grid-template-columns:1fr}
}
@media (max-width:518px){
  .wfw-plan{flex-basis:100%}
  .wfw-slide{height:315px}
  .wfw-mark{width:25.2px;height:21.6px}
  .wfw-mark img{height:21.6px;margin-left:-21.3px}
  .wfw-plan .wfw-speed{font-size:37.8px}
  .wfw-commit,.wfw-footer .wfw-cols{grid-template-columns:1fr}
  .wfw-ispcta .wfw-btn{width:100%}
}

/* ===== agregados del sitio real (no estaban en la maqueta) ===== */
/* slide con foto de fondo: capa oscura como el demo (50 % + degradado) y el texto encima */
.wfw-slide .wfw-ov{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.58) 45%,rgba(0,0,0,.5) 100%)}
.wfw-slide.wfw-rev .wfw-ov{background:linear-gradient(270deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.58) 45%,rgba(0,0,0,.5) 100%)}
.wfw-slide .wfw-in{z-index:2}
.wfw-slide a.wfw-slide-link{position:absolute;inset:0;z-index:2}
/* planes personalizados: descripcion en vez de velocidad */
.wfw-plan .wfw-desc{font-size:11.7px;line-height:1.4;font-weight:600;color:var(--muted);margin:10.8px 0 0;min-height:32px}
.wfw-plan .wfw-promo-tag{font-size:10.8px;font-weight:700;color:var(--darkteal);margin-top:7.2px}
.wfw-plan .wfw-old{font-size:12.6px;font-weight:600;color:var(--muted);text-decoration:line-through;margin-right:5px}
.wfw-plan .wfw-speed .wfw-was{display:block;font-size:12.6px;font-weight:600;color:var(--muted);text-decoration:line-through;letter-spacing:0;margin-bottom:2px}
/* novedades (solo si hay entradas reales) */
.wfw-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:14.4px}
.wfw-post{background:#fff;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.wfw-post img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#dee2e6}
.wfw-post .wfw-pb{padding:16.2px;display:flex;flex-direction:column;gap:7.2px;flex:1}
.wfw-post .wfw-meta{font-size:10.8px;color:var(--muted);display:flex;justify-content:space-between;gap:8px}
.wfw-post h3{font-size:14.4px;font-weight:700;margin:0;line-height:1.3;color:var(--ink)}
.wfw-post p{margin:0;font-size:11.7px;line-height:1.5;color:rgba(45,53,60,.75);flex:1}
/* pie: redes y datos */
.wfw-social{display:flex;gap:9px;margin-top:10px}
.wfw-social a{width:28.8px;height:28.8px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:12.6px;color:#fff}
.wfw-social a:hover{background:rgba(255,255,255,.2)}
.wfw-footer li i{width:16px;margin-right:6px;text-align:center;color:rgba(173,181,189,.7)}
.wfw-footer li span{display:inline-block;vertical-align:top}
/* WhatsApp flotante del sitio: sube sobre el pie nuevo sin taparlo */
@media (max-width:892px){ .wfw-blog{grid-template-columns:repeat(2,1fr)} }
@media (max-width:518px){ .wfw-blog{grid-template-columns:1fr} }
/* logo: el icono es el favicon de la empresa (cuadrado) y la frase se corta con puntos suspensivos si es larga (como el demo) */
.wfw-mark{width:27px;height:27px;overflow:hidden;flex:none;display:block}
.wfw-mark img{width:100%;height:100%;margin:0;max-width:none;object-fit:contain;display:block}
.wfw-brand-text{min-width:0}
.wfw-brand-text small{max-width:200px;overflow:hidden;text-overflow:ellipsis}
@media (max-width:518px){ .wfw-mark{width:21.6px;height:21.6px} .wfw-brand{flex:0 1 auto;min-width:0} .wfw-brand-text{overflow:hidden} .wfw-brand-text small{max-width:none;letter-spacing:.25px} }
/* el CSS anterior (store.css) da color propio a h1-h6 y p: aqui se fuerza el del diseno */
.wfw-s2 h2,.wfw-s2 p,.wfw-ispcta h3{color:#fff}
.wfw-s2 p{color:#fff}
.wfw-ispcta p{color:rgba(255,255,255,.78)}
.wfw-footer h6{color:#fff}
.wfw-promo h3,.wfw-post h3{color:var(--ink)}
.wfw-brandcol{min-width:0}
.wfw-burger svg,.wfw-cart svg{display:block}
.wfw-burger{display:none;align-items:center;justify-content:center}
@media (max-width:892px){ .wfw-burger{display:flex} }

/* ===== planes como carrusel horizontal en tableta y celular (se desliza con el dedo, cada plan se alinea al borde) ===== */
.wfw-plans{position:relative}
.wfw-plans-dots{display:none;justify-content:center;margin-top:2px}
.wfw-plans-dots button{box-sizing:content-box;width:27px;height:3px;border:0;border-top:9px solid transparent;border-bottom:9px solid transparent;margin:0 2.7px;padding:0;background:#9aa3ab;background-clip:padding-box;opacity:.55;cursor:pointer}
.wfw-plans-dots button.wfw-on{background-color:var(--navy);opacity:1}
@media (max-width:892px){
  .wfw-plans{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:7px var(--gutter) 12px;scroll-padding:0 var(--gutter)}
  .wfw-plans::-webkit-scrollbar{display:none}
  .wfw-plan{flex:0 0 44%;scroll-snap-align:start}
  .wfw-plans-dots{display:flex}
}
@media (max-width:518px){ .wfw-plan{flex:0 0 78%} }

/* Sin efectos de entrada ni de elevacion: nada aparece con transparencia al cargar, nada se levanta ni lleva sombra al pasar el mouse (la pagina no parpadea ni tiembla). La transicion entre paginas es nativa (ver mas abajo). */

/* ===== "Todo en un solo lugar": las 4 tarjetas chicas se deslizan en tableta y celular (igual que los planes) ===== */
.wfw-promo-rail{display:contents}
@media (max-width:892px){
  .wfw-promos{grid-template-columns:1fr}
  .wfw-promo-rail{display:flex;position:relative;gap:14.4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter);scroll-padding:0 var(--gutter)}
  .wfw-promo-rail::-webkit-scrollbar{display:none}
  .wfw-promo-rail .wfw-promo-col{display:contents}
  .wfw-promo-rail .wfw-promo{flex:0 0 44%;scroll-snap-align:start;min-height:172.8px}
}
@media (max-width:518px){ .wfw-promo-rail .wfw-promo{flex:0 0 78%} }

/* encabezado fijo con sombra al bajar (el demo trae esta opcion: app-header-fixed) */
.wfw-header{position:sticky;top:0;z-index:1030}
.wfw-header.wfw-scrolled{box-shadow:inset 0 -1px 0 #dee2e6}
/* el CSS anterior pone overflow-x:hidden en html y body, y eso rompe el encabezado fijo: con clip se recorta igual pero no crea scroll propio */
html:has(> body.wfw),body.wfw{overflow-x:clip}
/* el punto activo conserva el borde transparente (con "background" se pintaba todo el borde) */
.wfw-plans-dots button.wfw-on{background-color:var(--navy);opacity:1}
.wfw-promo.wfw-sm .wfw-pvis{width:41%;height:76%;right:2%;bottom:6%}
.wfw-promo.wfw-sm .wfw-cap{max-width:58%}
.wfw-promos.wfw-promos-solo{grid-template-columns:1fr}
.wfw-promos.wfw-promos-solo .wfw-promo.wfw-lg{min-height:288px;height:288px}
.wfw-promos.wfw-promos-solo .wfw-promo.wfw-lg .wfw-cap{max-width:50%}

/* ===== CAMPANAS DE TEMPORADA (Navidad, Halloween, Fiestas Patrias, Dia de la Madre / del Padre...): colores del tema por variables (los pone head.php), cinta, gorro del logo, portada, niebla ===== */
.wfw-camp-ribbon{background:var(--camp-1);color:#fff;height:25.2px;line-height:25.2px;font-size:10.8px;font-weight:600;text-align:center;letter-spacing:.2px}
.wfw-camp-ribbon span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wfw-camp .wfw-topnav{background:var(--camp-dark)}
.wfw-camp .wfw-topnav a{color:rgba(255,255,255,.8)}
.wfw-camp .wfw-topnav a:hover{color:#fff}
.wfw-brand{position:relative}
.wfw-hat{position:absolute;left:-10px;top:7px;width:33px;height:30px;pointer-events:none;z-index:2}
.wfw-hat img{display:block;width:100%;height:100%;object-fit:contain}
.wfw-slide.wfw-s-camp{background:linear-gradient(105deg,var(--camp-dark) 0%,var(--camp-1) 70%,var(--camp-2) 150%);color:#fff}
.wfw-slide.wfw-s-camp-navidad{background:radial-gradient(120% 150% at 82% 18%,#d03a44 0%,#b3202a 46%,#6e121a 100%)}
.wfw-slide.wfw-s-camp-halloween{background:radial-gradient(110% 130% at 82% 30%,#3d2766 0%,#1a1026 62%,#0a0612 100%)}
.wfw-slide.wfw-s-camp .wfw-btn-light{color:var(--camp-dark)}
.wfw-vis.wfw-vis-kori{width:430px}
.wfw-kori{position:relative;display:block;height:100%;aspect-ratio:1/1;max-width:100%}
.wfw-vis-img .wfw-kori img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
.wfw-kori-hat{position:absolute;left:23%;top:0;width:38%;aspect-ratio:12/10;transform:rotate(-17deg);pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}
.wfw-mist{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.wfw-mist i{position:absolute;inset:0;--w:1300px;background:url(../images/campaigns/smoke.webp) repeat-x 0 100%/var(--w) 100%;opacity:.46;animation:wfwSmoke 120s linear infinite}
.wfw-mist i:nth-child(2){--w:980px;background-size:var(--w) 82%;opacity:.34;animation-duration:170s;animation-direction:reverse}
.wfw-mist i:nth-child(3){--w:1700px;background-position:0 40%;background-size:var(--w) 70%;opacity:.22;animation-duration:210s}
@keyframes wfwSmoke{to{background-position-x:calc(var(--w) * -1)}}
/* luces de Navidad: una guirnalda colgando arriba del slider, con los focos titilando */
.wfw-lights{position:absolute;left:0;right:0;top:0;height:34px;z-index:3;pointer-events:none;display:flex;justify-content:space-around;align-items:flex-start;padding:0 1%}
.wfw-lights::before{content:"";position:absolute;left:-2%;right:-2%;top:-14px;height:30px;border-bottom:2px solid rgba(20,20,20,.55);border-radius:0 0 50% 50%/0 0 100% 100%}
.wfw-lights i{position:relative;display:block;width:10px;height:15px;border-radius:50% 50% 55% 55%;margin-top:7px;background:var(--lc,#ffd24a);box-shadow:0 0 10px 3px var(--lc,#ffd24a);animation:wfwTwinkle 1.7s ease-in-out infinite}
.wfw-lights i::before{content:"";position:absolute;left:50%;top:-5px;width:6px;height:6px;margin-left:-3px;background:#3a3a3a;border-radius:1px}
.wfw-lights i:nth-child(4n+1){--lc:#ff3b3b;animation-delay:-.2s}
.wfw-lights i:nth-child(4n+2){--lc:#ffd24a;animation-delay:-.7s}
.wfw-lights i:nth-child(4n+3){--lc:#3bdc7a;animation-delay:-1.1s}
.wfw-lights i:nth-child(4n+4){--lc:#4aa8ff;animation-delay:-1.5s}
@keyframes wfwTwinkle{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.88)}}
.wfw-fx{position:fixed;inset:0;pointer-events:none;z-index:60}
@media (max-width:1079px){
  .wfw-vis.wfw-vis-kori{width:min(100%,420px)}
}
@media (max-width:690px){
  .wfw-camp-ribbon{font-size:9.9px}
  .wfw-hat{left:-8px;top:6px;width:28px;height:25px}
}
@media (prefers-reduced-motion:reduce){
  .wfw-lights i{animation:none}
  .wfw-mist i{animation:none}
  .wfw-fx{display:none}
}
/* tarjetas de promociones: la imagen ocupa el lado derecho y sangra al borde (como el demo); el texto se queda en su mitad izquierda */
.wfw-promo .wfw-pimg{right:-4%;max-width:56%;max-height:98%}
.wfw-promo.wfw-lg .wfw-pimg{right:0;bottom:0;max-width:50%;max-height:100%;object-position:right bottom}
.wfw-promo.wfw-lg .wfw-cap{max-width:48%}
.wfw-promo.wfw-sm .wfw-cap{max-width:54%}
.wfw-promo .wfw-pvis{right:-2%;width:54%}
@media (max-width:690px){
  .wfw-promo.wfw-lg .wfw-cap{max-width:56%}
  .wfw-promo.wfw-lg .wfw-pimg{max-width:46%}
}
.wfw-promo.wfw-sm p{font-size:11.2px;line-height:1.35;margin-bottom:9px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.wfw-promo.wfw-sm h3{font-size:15px}
/* imagen de producto de la tarjeta GRANDE: entera, centrada en vertical y con aire (como el iPhone del demo); las chicas sangran al borde derecho */
.wfw-promo.wfw-lg .wfw-pimg{top:50%;bottom:auto;transform:translateY(-50%);right:3.5%;max-width:50%;max-height:92%;object-position:center}
.wfw-promo.wfw-sm .wfw-pimg{max-width:42%;max-height:90%;right:2%;object-position:right center}

/* ===== CIERRE del Inicio (como el demo): beneficios, «mantente conectado» + redes, pie de 4 columnas y medios de pago ===== */
.wfw-end{padding:36px 0 32px}
.wfw-benefits{display:grid;gap:28.8px 21.6px;grid-template-columns:repeat(3,1fr)}
.wfw-benefits.wfw-n4{grid-template-columns:repeat(4,1fr)}
.wfw-benefits.wfw-n1{grid-template-columns:1fr}
.wfw-benefits.wfw-n2{grid-template-columns:repeat(2,1fr)}
.wfw-bn{display:flex;align-items:flex-start;gap:16.2px}
.wfw-bn .wfw-bi{flex:none;width:50.4px;font-size:43.2px;line-height:1;color:rgba(45,53,60,.5);text-align:center;margin-top:3.6px}
.wfw-bn h5{margin:0 0 7.2px;font-size:15.8px;line-height:1.2;font-weight:700;color:var(--ink)}
.wfw-bn p{margin:0;font-size:11px;line-height:16.2px;font-weight:600;color:rgba(45,53,60,.75)}
.wfw-endline{border:0;border-top:1px solid var(--line);margin:32px 0 28.8px}
.wfw-stay{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,2fr) minmax(0,1.15fr);gap:28.8px;align-items:center}
.wfw-stay h5{margin:0;font-size:15.8px;font-weight:700;color:var(--ink);line-height:1.2}
.wfw-stay p{margin:3.6px 0 0;font-size:10.8px;font-weight:600;color:rgba(45,53,60,.7)}
.wfw-stay-f{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:7.2px;align-items:center}
.wfw-stay-f input[type=text]{height:37.8px;min-width:0;border:0;background:#dee2e6;border-radius:7.2px;padding:0 12.6px;font:inherit;color:var(--ink);outline:0;transition:box-shadow .15s}
.wfw-stay-f input[type=text]:focus{box-shadow:0 0 0 2px var(--teal);background:#e9ecef}
.wfw-stay-f .wfw-btn{height:37.8px;gap:6px;padding:0 14.4px}
.wfw-stay-f .wfw-terms{grid-column:1/-1;font-size:10.2px;color:var(--muted);display:flex;align-items:center;gap:6px;margin-top:-1px}
.wfw-stay-f .wfw-terms a{color:var(--teal);font-weight:600}
.wfw-stay-s{display:flex;align-items:center;gap:21.6px;justify-content:flex-end}
.wfw-stay-i{display:flex;gap:10.8px}
.wfw-stay-i a{color:rgba(45,53,60,.7);font-size:19.8px;line-height:1;transition:color .15s}
.wfw-stay-i a:hover{color:var(--teal)}
.wfw-footer .wfw-cols{grid-template-columns:1.25fr 1fr 1.15fr 1.1fr}
.wfw-footer .wfw-cols.wfw-cols-3{grid-template-columns:1.25fr 1fr 1.1fr}
.wfw-footer h6{margin:0 0 14.4px}
.wfw-footer .wfw-brand{margin:0 0 9px}
.wfw-footer li i{width:16px;margin-right:7px;text-align:center;color:rgba(255,255,255,.55)}
.wfw-fprod{display:flex;align-items:center;gap:10.8px;margin-bottom:10.8px;color:#fff !important}
.wfw-fthumb{flex:none;width:49.5px;height:49.5px;border-radius:5.4px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--teal);font-size:19.8px}
.wfw-fthumb img{width:100%;height:100%;object-fit:contain;padding:4px}
.wfw-ftxt{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.wfw-ftxt b{font-size:12.2px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wfw-ftxt span{font-size:11px;font-weight:700;color:#fff}
.wfw-ftxt small{font-size:9.9px;font-weight:600;color:rgba(255,255,255,.55)}
.wfw-copyright{padding:14.4px 0}
.wfw-copyright .wfw-container{gap:10.8px 21.6px}
.wfw-paymarks{display:flex;flex-wrap:wrap;gap:7.2px;align-items:center;justify-content:flex-end}
.wfw-pay{height:26.1px;min-width:39.6px;padding:0 9px;border-radius:4.5px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.wfw-pay img{max-height:18px;max-width:54px;width:auto;object-fit:contain}
.wfw-pay span{font-size:9.9px;font-weight:800;letter-spacing:.3px;color:#2d353c;white-space:nowrap}
.wfw-pay-visa span{color:#1a1f71;font-style:italic;font-size:12.6px;font-weight:900}
.wfw-pay-mastercard span{color:#eb001b}
.wfw-pay-yape{background:#722282}.wfw-pay-yape span{color:#fff}
.wfw-pay-plin{background:#00d1c1}.wfw-pay-plin span{color:#fff}
.wfw-pay-bcp{background:#002a8d}.wfw-pay-bcp span{color:#ff7800}
.wfw-pay-bbva{background:#004481}.wfw-pay-bbva span{color:#fff}
.wfw-pay-interbank{background:#00a94f}.wfw-pay-interbank span{color:#fff}
.wfw-pay-scotiabank{background:#ec111a}.wfw-pay-scotiabank span{color:#fff}
.wfw-pay-paypal span{color:#003087}
.wfw-pay-pos{background:#2d353c}.wfw-pay-pos span{color:#fff}
@media (max-width:892px){
  .wfw-benefits,.wfw-benefits.wfw-n4{grid-template-columns:1fr 1fr}
  .wfw-stay{grid-template-columns:1fr}
  .wfw-stay-s{justify-content:space-between}
  .wfw-footer .wfw-cols,.wfw-footer .wfw-cols.wfw-cols-3{grid-template-columns:1fr 1fr}
  .wfw-paymarks{justify-content:flex-start}
}
@media (max-width:690px){
  .wfw-benefits,.wfw-benefits.wfw-n4,.wfw-benefits.wfw-n2{grid-template-columns:1fr}
  .wfw-stay-f{grid-template-columns:1fr 1fr}
  .wfw-stay-f input:nth-child(3){grid-column:1/-1}
  .wfw-stay-f .wfw-btn{grid-column:1/-1}
  .wfw-footer .wfw-cols,.wfw-footer .wfw-cols.wfw-cols-3{grid-template-columns:1fr}
}
.wfw-pay.wfw-pay-img{padding:0;background:#fff;height:30.6px;min-width:30.6px}
.wfw-pay.wfw-pay-img img{height:100%;max-height:none;max-width:90px;width:auto;object-fit:contain}
.wfw-stay-t{min-width:0}
/* con niebla y luces, el texto y el boton de la portada de campana se separan del fondo claro */
.wfw-slide.wfw-s-camp .wfw-txt{text-shadow:0 1px 8px rgba(0,0,0,.4)}
.wfw-slide.wfw-s-camp .wfw-btn-light{background:#fff;color:var(--camp-dark);box-shadow:0 6px 18px rgba(0,0,0,.32);text-shadow:none;position:relative;z-index:3}

/* ===== PAGINAS INTERNAS (diseno WFW): cabecera delgada, texto editable con estilo propio, valores y franja final ===== */
.wfw-pagehead{position:relative;color:#fff;background:#2d353c;padding:25.2px 0 23.4px;overflow:hidden}
.wfw-pagehead .wfw-container{position:relative}
.wfw-crumbs{display:flex;align-items:center;font-size:10.8px;font-weight:600;color:rgba(255,255,255,.78);margin-bottom:5.4px}
.wfw-crumbs a{color:rgba(255,255,255,.88);transition:color .15s}
.wfw-crumbs a:hover{color:#fff}
.wfw-crumbs i{font-size:11px;margin:0 7px;opacity:.7}
.wfw-pagehead h1{color:#fff;margin:0;font-size:clamp(21.6px,calc(17.3px + 1.35vw),31.5px);font-weight:700;line-height:1.2}
.wfw-pagehead p{margin:5.4px 0 0;font-size:12.6px;font-weight:500;color:rgba(255,255,255,.85);max-width:648px}
.wfw-prose{font-size:13.5px;line-height:1.7;color:var(--body)}
.wfw-prose>:first-child{margin-top:0}
.wfw-prose h2,.wfw-about-h2{margin:27px 0 12px;font-size:19.8px;font-weight:700;color:var(--ink);line-height:1.25}
.wfw-prose h3{margin:18px 0 8px;font-size:15.8px;font-weight:700;color:var(--ink)}
.wfw-prose p{margin:0 0 10.8px}
.wfw-prose strong{color:var(--ink)}
.wfw-prose a{color:var(--ink);font-weight:600;text-decoration:underline}
.wfw-prose a:hover{color:#000}
.wfw-prose ul,.wfw-prose ol{padding-left:19px;margin:0 0 12px}
.wfw-about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14.4px;margin:0 0 21.6px}
.wfw-about-stat{background:#fff;border-radius:var(--radius);padding:18px 16.2px}
.wfw-about-stat b{display:block;font-size:27px;font-weight:800;color:var(--navy);line-height:1.1;letter-spacing:-.5px}
.wfw-about-stat span{display:block;margin-top:5.4px;font-size:11.7px;font-weight:600;color:var(--muted);line-height:1.4}
.wfw-about-grid{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:21.6px;align-items:start;margin-bottom:6px}
.wfw-about-story{background:#fff;border-radius:var(--radius);padding:23.4px 27px 11px}
.wfw-about-story .wfw-about-h2{margin-top:0}
.wfw-about-timeline{background:#fff;border-radius:var(--radius);padding:18px 20.7px 8px}
.wfw-about-timeline__title{margin-bottom:12.6px;font-size:10.8px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.wfw-about-timeline ol{margin:0;padding:0;list-style:none}
.wfw-about-timeline li{position:relative;margin:0 0 15.3px;padding:0 0 0 18px;border-left:2px solid var(--line)}
.wfw-about-timeline li::before{content:"";position:absolute;left:-6px;top:3px;width:10px;height:10px;border-radius:50%;background:#2d353c}
.wfw-about-timeline li:last-child{border-left-color:transparent}
.wfw-about-timeline b{display:block;color:var(--ink);font-size:13px}
.wfw-about-timeline span{display:block;margin-top:2px;color:var(--muted);font-size:11.7px;line-height:1.5}
.wfw-about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14.4px;margin-bottom:6px}
.wfw-about-card{background:#fff;border-radius:var(--radius);padding:21.6px 21.6px 18px;display:flex;flex-direction:column}
.wfw-about-card>i{width:41.4px;height:41.4px;border-radius:9px;background:#f2f3f4;color:#2d353c;display:flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:12px}
.wfw-about-card h3{margin:0 0 7.2px;font-size:15.8px;font-weight:700;color:var(--ink)}
.wfw-about-card p{flex:1;margin:0 0 9px;font-size:12.2px;line-height:1.6}
.wfw-about-card a{align-self:flex-start;margin-top:2px;font-size:11.7px}
.wfw-values{display:grid;grid-template-columns:repeat(4,1fr);gap:14.4px}
.wfw-value{text-align:center;padding:7px 12px 4px}
.wfw-value>i{width:57.6px;height:57.6px;border-radius:50%;background:#f2f3f4;color:#2d353c;display:inline-flex;align-items:center;justify-content:center;font-size:22.5px;margin-bottom:11px}
.wfw-value h5{margin:0 0 5.4px;font-size:15px;font-weight:700;color:var(--ink)}
.wfw-value p{margin:0;font-size:11.7px;font-weight:600;line-height:1.55;color:rgba(45,53,60,.75)}
.wfw-cta-btns{display:flex;gap:9px;flex-wrap:wrap}
.wfw-btn-outline-light{border:1px solid rgba(255,255,255,.7);color:#fff;background:transparent}
.wfw-btn-outline-light:hover{background:#fff;color:var(--navy)}
@media (max-width:892px){
  .wfw-about-stats{grid-template-columns:repeat(2,1fr)}
  .wfw-about-grid{grid-template-columns:1fr}
  .wfw-about-cards{grid-template-columns:1fr}
  .wfw-values{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:518px){
  .wfw-about-story{padding:19.8px 18px 8px}
  .wfw-values{grid-template-columns:1fr}
}

.wfw-vis.wfw-vis-kori .wfw-kori{height:88%}
.wfw-kori-hat{left:17.5%;top:-6%;width:35%;transform:rotate(-13deg);transform-origin:50% 90%}
.wfw-kori-hat.wfw-hat-witch{left:20%;top:-12%;width:34%}
.wfw-promo.wfw-lg .wfw-cap{max-width:45%}
.wfw-promo.wfw-lg .wfw-pimg{max-width:46%}

/* ===== PLANES: recomendador, filtros, tabla comparativa y pasos ===== */
.wfw-empty{text-align:center;color:var(--muted);font-weight:600;padding:25px 0}
.wfw-plan.wfw-recommended{border-color:var(--navy)}
.wfw-reco{position:absolute;left:50%;top:-11px;transform:translateX(-50%);background:var(--navy);color:#fff;border-radius:99px;font-size:10.2px;font-weight:700;padding:3px 11px;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.18)}
.wfw-reco[hidden]{display:none}
.wfw-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14.4px;counter-reset:s}
.wfw-steps li{position:relative;background:var(--page);border-radius:var(--radius);padding:21px 18px 17px}
.wfw-steps li span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;font-size:14px;margin-bottom:11px}
.wfw-steps h5{margin:0 0 5px;font-size:14.4px;font-weight:700;color:var(--ink)}
.wfw-steps p{margin:0;font-size:11.7px;font-weight:600;line-height:1.55;color:rgba(45,53,60,.75)}
.wfw-steps a{color:var(--ink);font-weight:700;text-decoration:underline}
@media (max-width:892px){
  .wfw-steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:518px){
  .wfw-steps{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.wfw-plan{transition:none}}

/* cabecera delgada de las paginas de texto: carbon liso (sin icono, degradado ni transparencia) */
.wfw-pagehead{padding:21.6px 0 20.7px}

/* bloque dividido (texto + imagen): kicker, titulo corporativo, frase, lista con iconos y la imagen al costado */
.wfw-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:center}
.wfw-kicker{display:inline-block;font-size:10.8px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#6c757d;margin-bottom:7px}
.wfw-split-t h2{margin:0 0 9px;font-size:27px;line-height:1.2;font-weight:800;color:var(--ink)}
.wfw-lead{margin:0 0 18px;font-size:13.5px;line-height:1.65;color:rgba(45,53,60,.82)}
.wfw-ticks{list-style:none;margin:0 0 21.6px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14.4px 18px}
.wfw-ticks li{display:flex;gap:11px;align-items:flex-start}
.wfw-ticks li>i{flex:none;width:34px;height:34px;border-radius:9px;background:#f2f3f4;color:#2d353c;display:flex;align-items:center;justify-content:center;font-size:14px}
.wfw-ticks b{display:block;font-size:12.6px;color:var(--ink);line-height:1.3}
.wfw-ticks span{display:block;margin-top:2px;font-size:11px;font-weight:600;line-height:1.5;color:rgba(45,53,60,.72)}
.wfw-split-i{position:relative;display:flex;align-items:center;justify-content:center;min-height:270px;border-radius:var(--radius);background:#2d353c}
.wfw-split-i img{max-width:100%;max-height:342px;object-fit:contain;border-radius:var(--radius)}
.wfw-split-art{font-size:84px;line-height:1;color:#f2f3f4}
@media (max-width:892px){.wfw-split{grid-template-columns:1fr;gap:21.6px}.wfw-split-i{order:-1;min-height:200px}.wfw-split-t h2{font-size:22.5px}}
@media (max-width:518px){.wfw-ticks{grid-template-columns:1fr}}

/* ===== COBERTURA: mapa + panel de verificacion, marcador y ventana del mapa, resultado ===== */
/* marcador de zona en el mapa: icono de senal con un halo que «respira» (overlay propio de Google Maps) */
@keyframes wfwCovPulse{0%{transform:scale(.45);opacity:.85}100%{transform:scale(3);opacity:0}}
@media (prefers-reduced-motion:reduce){.wfw-cov-marker__pulse{animation:none;opacity:.35;transform:scale(1.6)}}


/* ===== Paginas legales (Terminos, Privacidad, Eliminacion de datos, Preguntas frecuentes): consola menu | seccion. Sin franjas de color: el item activo es un fondo solido. ===== */
.wfw-legal-page{padding:21.6px 0 43.2px}
.wfw-legal{display:flex;height:clamp(450px,calc(100vh - 190px),720px);background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.wfw-legal.wfw-loading{opacity:.6;pointer-events:none}
.wfw-legal-m{display:none;margin-bottom:10.8px}
.wfw-legal-select{width:100%;padding:7.2px 10.8px;background:#fff;border:1px solid var(--line);border-radius:7.2px;color:var(--navy);font:inherit;font-weight:600}
.wfw-legal-side{position:relative;flex:0 0 270px;overflow-y:auto;padding:3.6px 0 12.6px;background:#f8f9fa;border-right:1px solid var(--line)}
.wfw-legal-group{padding:10.8px 14.4px 4.5px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.wfw-legal-item{display:flex;align-items:baseline;gap:8px;padding:5.4px 14.4px;color:var(--body);font-size:12.6px;line-height:1.4}
.wfw-legal-item em{flex:0 0 17px;font-style:normal;font-size:11px;font-weight:700;color:var(--muted);text-align:right}
.wfw-legal-item:hover{background:var(--lightnavy);color:var(--navy)}
.wfw-legal-item.wfw-on{background:#e9ecef;color:var(--ink);font-weight:700}
.wfw-legal-item.wfw-on em{color:#2d353c}
.wfw-legal-help{margin:12.6px 10.8px 0;padding:10px 10.8px;background:#e9ecef;border-radius:7.2px;color:var(--navy);font-size:11.7px;line-height:1.45}
.wfw-legal-help b{display:block;margin-bottom:3.6px}
.wfw-legal-help a{display:block;margin-top:3px;color:var(--ink);font-weight:600;word-break:break-all}
.wfw-legal-help i{margin-right:6px}
.wfw-legal-pane{flex:1;min-width:0;display:flex;flex-direction:column}
.wfw-legal-head{display:flex;align-items:center;justify-content:space-between;gap:10.8px;padding:10.8px 23px;border-bottom:1px solid var(--line);color:var(--ink);font-size:14.4px}
.wfw-legal-count{flex:none;padding:1px 8px;background:var(--page);border-radius:5.4px;color:var(--muted);font-size:11px;font-weight:600}
.wfw-legal-count:empty{display:none}
.wfw-legal-search{flex:1;min-width:0;max-width:306px;margin-left:auto;padding:4.5px 10px;border:1px solid var(--line);border-radius:7.2px;font:inherit;font-size:12.6px}
.wfw-legal-search:focus{border-color:var(--navy);outline:0}
.wfw-legal-scroll{flex:1;min-height:0;overflow-y:auto;padding:21.6px 28.8px 16px;color:var(--body);font-size:13.5px;line-height:1.7}
.wfw-legal-js .wfw-legal-panel{display:none}
.wfw-legal-js .wfw-legal-panel.wfw-on,.wfw-legal-js .wfw-legal.wfw-search .wfw-legal-panel{display:block}
.wfw-legal-panel+.wfw-legal-panel{margin-top:27px}
.wfw-legal-js .wfw-legal-panel+.wfw-legal-panel{margin-top:0}
.wfw-legal-js .wfw-legal.wfw-search .wfw-legal-panel+.wfw-legal-panel{margin-top:19.8px}
.wfw-legal-panel[hidden],.wfw-faq-item[hidden]{display:none!important}
.wfw-legal-ptitle{margin:0 0 12.6px;padding:0 0 8px;border-bottom:1px solid var(--line);color:var(--ink);font-size:19.8px;font-weight:700;line-height:1.25}
.wfw-legal-panel p{margin:0 0 10.8px}
.wfw-legal-panel ul,.wfw-legal-panel ol{margin:0 0 10.8px;padding-left:20px}
.wfw-legal-panel ul{list-style:disc}
.wfw-legal-panel li{margin-bottom:5.4px}
.wfw-legal-panel li::marker{color:#2d353c}
.wfw-legal-panel a{color:var(--ink);font-weight:600;text-decoration:underline}
.wfw-legal-panel strong{color:var(--ink)}
.wfw-legal-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 23px;border-top:1px solid var(--line);background:#f8f9fa}
.wfw-legal-foot .wfw-btn:disabled{opacity:.45;cursor:default}
.wfw-legal-foot .wfw-btn i{font-size:10.8px}
.wfw-faq-item{margin-bottom:7.2px;background:#fff;border:1px solid var(--line);border-radius:7.2px}
.wfw-faq-item summary{position:relative;padding:10.8px 38px 10.8px 14.4px;color:var(--ink);font-size:13.5px;font-weight:700;line-height:1.4;cursor:pointer;list-style:none}
.wfw-faq-item summary::-webkit-details-marker{display:none}
.wfw-faq-item summary::after{content:"";position:absolute;right:16px;top:50%;width:6.3px;height:6.3px;margin-top:-5.4px;border-right:2px solid #2d353c;border-bottom:2px solid #2d353c;transform:rotate(45deg);transition:transform .15s}
.wfw-faq-item[open]>summary{background:#f8f9fa;border-bottom:1px solid var(--line);border-radius:7.2px 7.2px 0 0}
.wfw-faq-item[open]>summary::after{margin-top:-1.8px;transform:rotate(225deg)}
.wfw-faq-a{padding:10.8px 14.4px 3.6px}
.wfw-faq-a p{margin:0 0 9px}
.wfw-legal-summary{margin:0 0 7.2px;padding:14.4px 18px 7.2px;background:#f2f3f4;border-radius:7.2px}
.wfw-legal-summary-title{margin-bottom:7.2px;color:var(--navy);font-size:15px;font-weight:800}
.wfw-legal-summary ul{margin-bottom:7.2px}
.wfw-legal-table{width:100%;margin-bottom:10.8px;border-collapse:collapse;font-size:12.6px}
.wfw-legal-table th{padding:8px 10.8px;background:var(--navy);color:#fff;text-align:left;font-weight:600;border:1px solid var(--navy)}
.wfw-legal-table td{padding:8px 10.8px;vertical-align:top;border:1px solid var(--line)}
.wfw-legal-table tbody tr:nth-child(even) td{background:#f8f9fa}
@media (max-width:892px){
  .wfw-legal-m{display:block}
  .wfw-legal-side{display:none}
  .wfw-legal-page{padding:14.4px 0 36px}
  .wfw-legal{display:block;height:auto}
  .wfw-legal-head{padding:10px 14.4px}
  .wfw-legal-scroll{overflow:visible;padding:16px 14.4px 10px}
  .wfw-legal-foot{padding:9px 14.4px}
  .wfw-legal-ptitle{font-size:17.1px}
}
@media (max-width:575px){
  .wfw-legal-table thead{display:none}
  .wfw-legal-table,.wfw-legal-table tbody,.wfw-legal-table tr,.wfw-legal-table td{display:block;width:100%}
  .wfw-legal-table tr{margin-bottom:10.8px;border:1px solid var(--line);border-radius:7.2px;overflow:hidden}
  .wfw-legal-table td{padding:7.2px 10.8px;border:0;border-bottom:1px solid var(--page)}
  .wfw-legal-table td:last-child{border-bottom:0}
  .wfw-legal-table td::before{content:attr(data-label);display:block;margin-bottom:2px;color:var(--muted);font-size:10.4px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
  .wfw-legal-table td:first-child{background:var(--navy);color:#fff;font-weight:700}
  .wfw-legal-table td:first-child::before{display:none}
  .wfw-legal-table tbody tr:nth-child(even) td{background:#fff}
  .wfw-legal-table tbody tr:nth-child(even) td:first-child{background:var(--navy)}
}
/* ===== Formas de pago: titulo centrado, pasos con imagen, medios de pago que se despliegan (sin JavaScript) ===== */
.wfw-center-title{text-align:center;max-width:720px;margin:0 auto 21.6px}
.wfw-center-title h2{margin:0;font-size:22.1px;line-height:1.25;font-weight:700;color:var(--ink)}
.wfw-center-title p{margin:7.2px 0 0;color:rgba(45,53,60,.75)}
.wfw-paysteps{display:grid;grid-template-columns:repeat(auto-fit,minmax(198px,252px));justify-content:center;gap:14.4px}
.wfw-paystep{position:relative;text-align:center;background:var(--page);border-radius:var(--radius);padding:21.6px 14.4px 16.2px}
.wfw-paystep-n{position:absolute;top:10.8px;left:10.8px;width:23px;height:23px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}
.wfw-paystep img{height:108px;width:auto;max-width:100%;margin:0 auto 10.8px;object-fit:contain}
.wfw-paystep h5{margin:0 0 3.6px;font-size:13.5px;font-weight:700;color:var(--ink);text-transform:uppercase}
.wfw-paystep p{margin:0;font-size:11.7px;line-height:1.5;color:rgba(45,53,60,.75)}
.wfw-payfaq{display:grid;grid-template-columns:1fr 1fr;gap:0 14.4px;align-items:start}
@media (max-width:518px){.wfw-center-title h2{font-size:19.8px}}
/* ===== Licencia (/license y /license/plans): prueba gratis, demos, que incluye, aliados, planes, multimedia ===== */
.wfw-lic-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,414px);gap:32px;align-items:center}
.wfw-lic-badge{display:inline-flex;align-items:center;gap:6px;color:#6c757d;font-size:11.7px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.wfw-lic-badge-dark{color:rgba(255,255,255,.85)}
.wfw-lic-lead{margin:0 0 12px;color:rgba(45,53,60,.8)}
.wfw-lic-intro h2{margin:12px 0 12px;font-size:clamp(23px,calc(17px + 1.5vw),31.5px);line-height:1.2;font-weight:800;color:var(--ink)}
.wfw-lic-trust{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.wfw-lic-trust li{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--body)}
.wfw-lic-trust li i{flex:none;width:28px;height:28px;border-radius:50%;background:#f2f3f4;color:#2d353c;display:inline-flex;align-items:center;justify-content:center;font-size:12.6px}
.wfw-lic-trust b{color:var(--navy);font-weight:800}
.wfw-lic-card{align-self:center}
.wfw-lic-form .wfw-btn{justify-self:stretch;width:100%}
.wfw-lic-hint{display:block;margin-top:4px;font-size:11px;font-weight:500;color:var(--muted)}
.wfw-form label .wfw-lic-grp{display:flex;align-items:stretch;margin-top:6px;color:inherit;font-weight:400}
.wfw-form .wfw-lic-grp input{flex:1 1 auto;min-width:0;width:auto;margin-top:0;height:36px}
.wfw-lic-grp em{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;background:#e9ecef;border:1px solid #ced4da;font-style:normal;font-size:12.6px;font-weight:700;line-height:1;color:var(--ink);white-space:nowrap}
/* sufijo (subdominio): el campo va a la izquierda y el dominio fijo a la derecha, mismo alto y bordes que se encuentran */
.wfw-form .wfw-lic-sub input{border-radius:7.2px 0 0 7.2px}
.wfw-lic-sub em{border-left:0;border-radius:0 7.2px 7.2px 0;font-weight:600;font-size:12px;color:var(--body)}
/* prefijo (celular): el codigo del pais va a la izquierda, ya puesto */
.wfw-form .wfw-lic-phone input{border-radius:0 7.2px 7.2px 0}
.wfw-lic-phone em{border-right:0;border-radius:7.2px 0 0 7.2px;min-width:56px}
.wfw-lic-grp:focus-within em{border-color:var(--navy)}
@media (max-width:360px){.wfw-lic-grp em{padding:0 8px;font-size:11.5px}}
.wfw-lic-form small:not(.wfw-lic-hint){display:block;margin-top:4px;font-size:11px;font-weight:600}
.wfw-lic-form small:empty{display:none}
.wfw-lic-trial{display:flex;align-items:center;gap:9px;margin:0 0 10px;padding:0 0 9px;border-bottom:1px solid var(--line);color:var(--ink);font-size:11.7px}
.wfw-lic-note{margin:6px 0 0;text-align:center;font-size:11px;color:var(--muted)}
.wfw-lic-note-c{margin-top:16px;font-size:12px}
.wfw-lic-ribbon{background:#f2f3f4;color:var(--ink);padding:9px 0;font-weight:600}
.wfw-lic-ribbon .wfw-container{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;text-align:center}
.wfw-lic-demos{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:14.4px}
.wfw-lic-demo{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:var(--page);border-radius:var(--radius);padding:19px}
.wfw-lic-demo h4{margin:2px 0 0;font-size:15px;font-weight:700;color:var(--ink)}
.wfw-lic-demo p{margin:0;flex:1;color:rgba(45,53,60,.8)}
.wfw-lic-access{align-self:stretch;margin:2px 0;padding:9px 11px;background:#fff;border-radius:7.2px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:11.7px}
.wfw-lic-access dt{color:var(--muted);font-weight:600}
.wfw-lic-access dt i{margin-right:4px;color:#2d353c}
.wfw-lic-access dd{margin:0;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.wfw-values-3{grid-template-columns:repeat(3,1fr)}
.wfw-lic-partners{background:linear-gradient(100deg,var(--darknavy),var(--navy));color:#fff;padding:36px 0}
.wfw-lic-pin{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:32px;align-items:center}
.wfw-lic-ptxt h2{margin:11px 0 9px;font-size:clamp(22px,calc(16px + 1.4vw),29px);line-height:1.2;font-weight:800;color:#fff}
.wfw-lic-ptxt p{margin:0 0 12px;color:rgba(255,255,255,.82)}
.wfw-lic-ptxt ul{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:6px}
.wfw-lic-ptxt li i{margin-right:8px;color:#7fd6e2}
.wfw-lic-offer{text-align:center;padding:23px 18px;border-radius:var(--radius);background:#1d2226}
.wfw-lic-offer>span{display:block;font-weight:700;color:rgba(255,255,255,.85)}
.wfw-lic-offer strong{display:block;font-size:72px;line-height:1;font-weight:800;color:#fff}
.wfw-lic-offer strong small{font-size:32px}
.wfw-lic-offer p{margin:10px 0 0;font-size:11px;color:rgba(255,255,255,.7)}
.wfw-seg{display:flex;justify-content:center;margin:0 0 18px}
.wfw-seg-in{display:inline-flex;gap:3px;padding:3px;background:#fff;border-radius:7.2px}
.wfw-seg button{border:0;background:transparent;padding:6px 18px;border-radius:5.4px;font:inherit;font-size:12px;font-weight:700;color:var(--ink);cursor:pointer}
.wfw-seg button:hover{background:#f2f3f4}
.wfw-seg button.wfw-on{background:#2d353c;color:#fff}
.wfw-lplans{display:grid;grid-template-columns:repeat(auto-fit,minmax(207px,1fr));gap:14.4px;justify-content:center}
.wfw-lplan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:19px 17px}
.wfw-white .wfw-lplan{background:var(--page);border-color:transparent}
.wfw-lplan-tag{display:block;margin:0 0 5px;color:#d9342b;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.wfw-lplan h3{margin:0 0 5px;font-size:12.6px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.wfw-lplan-price{margin:0 0 11px;font-size:28px;line-height:1.15;font-weight:800;color:var(--navy)}
.wfw-lplan-price small{font-size:12px;font-weight:600;color:var(--muted)}
.wfw-lplan-price s{display:block;font-size:13px;font-weight:600;color:var(--muted)}
.wfw-lplan ul{list-style:none;margin:0 0 16px;padding:0;display:grid;align-content:start;gap:7px;flex:1;font-size:12px}
.wfw-lplan li{display:flex;gap:8px;align-items:baseline}
.wfw-lplan li i{flex:none;width:14px;color:#2d353c;text-align:center}
.wfw-lic-media{display:grid;grid-template-columns:repeat(3,1fr);gap:14.4px}
.wfw-lic-mi{display:flex;flex-direction:column;gap:7px;padding:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer;color:var(--ink)}
.wfw-lic-mi-img{position:relative;display:block;overflow:hidden;border-radius:var(--radius);background:#dee2e6;aspect-ratio:16/10}
.wfw-lic-mi-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.wfw-lic-play{position:absolute;inset:0;display:grid;place-items:center}
.wfw-lic-play i{width:44px;height:44px;border-radius:50%;background:#2d353c;color:#fff;display:inline-flex;align-items:center;justify-content:center}
.wfw-lic-mi b{font-size:12.6px;font-weight:700}
.wfw-lic-shows{display:flex;flex-wrap:wrap;justify-content:center;gap:21.6px}
.wfw-lic-show{display:flex;flex-direction:column;align-items:center;gap:7px;width:108px;text-align:center}
.wfw-lic-show>span{width:72px;height:72px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.wfw-lic-show img{width:100%;height:100%;object-fit:contain;padding:8px}
.wfw-lic-show b{font-size:11.7px;font-weight:600;color:var(--ink);line-height:1.3}
@media (max-width:892px){
  .wfw-lic-top,.wfw-lic-pin{grid-template-columns:1fr;gap:21.6px}
  .wfw-values-3{grid-template-columns:1fr}
  .wfw-lic-media{grid-template-columns:repeat(2,1fr)}
  .wfw-lic-offer strong{font-size:58px}
}
@media (max-width:518px){.wfw-lic-2,.wfw-lic-phone,.wfw-lic-media{grid-template-columns:1fr}}

/* ===== PLANES como listado de tienda (barra de filtros + resultados + tarjetas), plano y sin iconos ===== */
.wfw-list{display:grid;grid-template-columns:234px minmax(0,1fr);gap:21.6px;align-items:start}
.wfw-filter{background:#fff;border-radius:var(--radius)}
.wfw-filter summary{list-style:none;padding:13px 16px;font-size:13px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--line);cursor:default}
.wfw-filter summary::-webkit-details-marker{display:none}
.wfw-fbody{padding:14px 16px 16px;display:grid;gap:16px}
.wfw-fbody form{display:grid;gap:16px}
.wfw-fg h6{margin:0 0 7px;font-size:12px;font-weight:700;color:var(--ink)}
.wfw-fchk{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;font-size:12px;color:var(--body);cursor:pointer}
.wfw-fchk span{display:flex;align-items:center;gap:8px}
.wfw-fchk em{font-style:normal;color:var(--muted);font-size:11px}
.wfw-fchk input{accent-color:var(--navy);width:14px;height:14px;margin:0}
.wfw-fprice{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wfw-fprice input{width:100%;height:34px;border:1px solid var(--line);border-radius:7.2px;padding:0 10px;font:inherit;font-size:12px;background:#fff;color:var(--ink);outline:0}
.wfw-fprice input:focus{border-color:var(--navy)}
.wfw-fbtns{display:grid;gap:7px}
.wfw-fbtns .wfw-btn{width:100%}
.wfw-resbar{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;background:#fff;border-radius:var(--radius);padding:12px 16px;margin-bottom:14.4px;font-size:12px;color:var(--body)}
.wfw-resbar nav{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap}
.wfw-resbar nav b{font-weight:700;color:var(--ink)}
.wfw-resbar a{color:var(--muted);font-weight:500;cursor:pointer}
.wfw-resbar a:hover{color:var(--ink)}
.wfw-resbar a.wfw-on{color:var(--ink);font-weight:700}
.wfw-list .wfw-plans{justify-content:flex-start;flex-wrap:wrap;overflow:visible;margin:0;padding:0;scroll-snap-type:none}
.wfw-list .wfw-plan{flex:0 0 calc((100% - 28.8px)/3);scroll-snap-align:none}
.wfw-list .wfw-plans-dots{display:none}
.wfw-list .wfw-plan.wfw-recommended{box-shadow:none;transform:none;border-color:var(--navy)}
.wfw-list .wfw-reco{border-radius:3.6px;box-shadow:none;background:var(--navy);font-size:9.9px;letter-spacing:.3px;text-transform:uppercase}
@media (max-width:1040px){.wfw-list .wfw-plan{flex-basis:calc((100% - 14.4px)/2)}}
@media (max-width:892px){
  .wfw-list{grid-template-columns:1fr;gap:14.4px}
  .wfw-filter summary{cursor:pointer}
  .wfw-filter[open] summary{border-bottom:1px solid var(--line)}
  .wfw-filter:not([open]) summary{border-bottom:0}
}
@media (max-width:518px){.wfw-list .wfw-plan{flex-basis:100%}}


/* ===== TIENDA: buscador, enlaces de categoria y tarjetas de producto (modelo listado de Color Admin) ===== */
.wfw-fsearch{display:grid;gap:7px}
.wfw-fsearch input{width:100%;height:34px;border:1px solid var(--line);border-radius:7.2px;padding:0 10px;font:inherit;font-size:12px;background:#fff;color:var(--ink);outline:0}
.wfw-fsearch input:focus{border-color:var(--navy)}
.wfw-flink{color:var(--body);text-decoration:none}
.wfw-flink:hover{color:var(--navy)}
.wfw-flink.wfw-on{color:var(--ink);font-weight:700}
.wfw-prods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14.4px}
.wfw-prod{background:#fff;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.wfw-prod[hidden]{display:none}
.wfw-prod-img{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#fff;padding:14px}
.wfw-prod-img img{max-width:100%;max-height:100%;object-fit:contain}
.wfw-prod-off{position:absolute;top:9px;right:9px;background:rgba(0,0,0,.85);color:#fff;border-radius:3.6px;font-size:9.9px;font-weight:700;padding:2.7px 6.3px;letter-spacing:.3px}
.wfw-prod-b{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1;text-align:center}
.wfw-prod-b small{font-size:10.4px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
.wfw-prod-b h3{margin:4px 0 4px;font-size:14px;line-height:1.3;font-weight:700;color:var(--ink)}
.wfw-prod-b h3 a{color:inherit}
.wfw-prod-b h3 a:hover{color:var(--navy)}
.wfw-prod-b p{margin:0 0 8px;font-size:11px;line-height:1.45;color:var(--muted)}
.wfw-prod-price{margin:auto 0 4px;font-size:19px;font-weight:800;color:var(--ink)}
.wfw-prod-price s{font-size:12px;font-weight:600;color:var(--muted);margin-right:6px}
.wfw-prod-stock{font-size:10.8px;font-weight:600;color:var(--ink);margin-bottom:8px}
.wfw-prod-stock.wfw-out{color:#b42318}
.wfw-prod-acts{display:grid;gap:7px;margin-top:10px}
.wfw-prod-acts .wfw-btn{width:100%}
@media (max-width:1040px){.wfw-prods{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:518px){
  .wfw-prods{gap:9px}
  .wfw-prod-b{padding:11px 10px 12px}
  .wfw-prod-b h3{font-size:12.6px}
  .wfw-prod-price{font-size:16px}
  .wfw-prod-acts .wfw-btn{font-size:11px;padding:6px 8px}
}

/* ===== PAGINAS INTERNAS segun el demo de Color Admin (x0,9): migas, tarjeta con imagen, atajos, formularios con campos blancos, tarjeta de datos ===== */
.wfw-sec-top{padding-top:21.6px}
.wfw-crumb{display:flex;align-items:center;gap:7px;font-size:12.6px;font-weight:500;color:var(--body);margin-bottom:13px}
.wfw-crumb a{color:var(--ink);font-weight:600}
.wfw-crumb a:hover{color:var(--navy)}
.wfw-crumb span{color:var(--muted)}
.wfw-hcard{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);background:#fff;border-radius:var(--radius);overflow:hidden;margin-bottom:21.6px}
.wfw-hcard-i{position:relative;min-height:300px;background:#2d353c}
.wfw-hcard-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wfw-hcard-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:26px}
.wfw-hcard-art{font-size:96px;line-height:1;color:#f2f3f4}
.wfw-hcard-t{padding:32px 36px;display:flex;flex-direction:column;justify-content:center}
.wfw-hcard-t h2{margin:0 0 8px;font-size:22.5px;line-height:1.25;font-weight:700;color:var(--ink)}
.wfw-hcard-t>p{margin:0 0 20px;font-size:12.6px;line-height:1.6;color:var(--muted)}
.wfw-quick{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.wfw-quick-i{display:flex;align-items:flex-start;gap:12px;color:var(--ink);min-width:0}
.wfw-quick-ic{flex:none;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:background-color .15s,color .15s,border-color .15s}
.wfw-quick-i small{display:block;font-size:10.8px;color:var(--muted)}
.wfw-quick-i b{display:block;font-size:13.5px;font-weight:700;line-height:1.3}
.wfw-quick-i em{display:block;font-style:normal;font-size:11.2px;color:var(--muted)}
.wfw-quick-i:hover .wfw-quick-ic{background:var(--ink);color:#fff}
.wfw-ctg{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:21.6px;align-items:start}
.wfw-ctg-form h3,.wfw-ctg-det h3{margin:0 0 6px;font-size:19.8px;font-weight:700;color:var(--ink)}
.wfw-ctg-form>p,.wfw-ctg-det>p{margin:0 0 16px;font-size:12.6px;line-height:1.6;color:var(--body)}
.wfw-form{display:grid;gap:14px}
.wfw-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wfw-form label{display:block;font-size:12.6px;font-weight:700;color:var(--ink)}
.wfw-form label span{color:#dc3545}
.wfw-form input,.wfw-form textarea,.wfw-form select{display:block;width:100%;margin-top:6px;background:#fff;border:1px solid #ced4da;border-radius:7.2px;padding:6.3px 10.8px;font:inherit;font-size:12.6px;font-weight:500;color:var(--ink);outline:0;transition:border-color .15s,box-shadow .15s}
.wfw-form input,.wfw-form select{height:36px}
.wfw-form textarea{resize:vertical;min-height:130px}
.wfw-form input::placeholder,.wfw-form textarea::placeholder{color:#9aa3ab;font-weight:400}
.wfw-form input:focus,.wfw-form textarea:focus,.wfw-form select:focus{border-color:var(--navy);box-shadow:0 0 0 .2rem rgba(22,35,75,.15)}
.wfw-form .wfw-btn{justify-self:start}
.wfw-btn-dark{background:#2d353c;border-color:#2d353c;color:#fff}
.wfw-btn-dark:hover{background:#1f2428;border-color:#1f2428;color:#fff}
.wfw-ctg-det{background:#fff;border-radius:var(--radius);padding:22px 23px}
.wfw-ctg-map{position:relative;height:210px;border-radius:9px;overflow:hidden;background:var(--page);margin-bottom:14px}
.wfw-ctg-map #map{position:absolute;inset:0;width:100%;height:100%}
.wfw-ctg-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wfw-ctg-list li{display:flex;gap:10px;align-items:flex-start;font-size:12.6px;color:var(--body);overflow-wrap:anywhere}
.wfw-ctg-list i{flex:none;width:16px;margin-top:3px;color:var(--ink)}
.wfw-ctg-list a{color:var(--ink);font-weight:600}
.wfw-ctg-list a:hover{color:var(--navy)}
@media (max-width:892px){
  .wfw-hcard{grid-template-columns:1fr}
  .wfw-hcard-i{min-height:210px}
  .wfw-hcard-t{padding:24px 22px}
  .wfw-ctg{grid-template-columns:1fr}
}
@media (max-width:518px){
  .wfw-quick{grid-template-columns:1fr}
  .wfw-form-row{grid-template-columns:1fr}
  .wfw-form .wfw-btn{justify-self:stretch}
  .wfw-ctg-det{padding:18px}
}
.wfw-plan .wfw-plan-img{display:block;width:100%;height:96px;object-fit:contain;margin:0 auto 4px}
.wfw-hero-page .wfw-slide .wfw-ov{background:linear-gradient(90deg,rgba(15,26,56,.8) 0,rgba(15,26,56,.62) 50%,rgba(15,26,56,.34) 100%)}
.wfw-hero-page .wfw-slide.wfw-rev .wfw-ov{background:linear-gradient(270deg,rgba(15,26,56,.8) 0,rgba(15,26,56,.62) 50%,rgba(15,26,56,.34) 100%)}
@media (max-width:892px){.wfw-hero-page .wfw-slide .wfw-ov,.wfw-hero-page .wfw-slide.wfw-rev .wfw-ov{background:rgba(15,26,56,.66)}}

/* ===== COBERTURA: formulario en 3 pasos (mapa + verificacion), zonas donde llegamos ===== */
.wfw-vf{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:21.6px;align-items:start}
.wfw-vf-map,.wfw-vf-side{background:#fff;border-radius:var(--radius);padding:22px 23px}
.wfw-vf h3{margin:0 0 5px;font-size:19.8px;font-weight:700;color:var(--ink)}
.wfw-vf p{margin:0 0 14px;font-size:12.6px;line-height:1.6;color:var(--body)}
.wfw-vf-mapbox{position:relative;width:100%;padding-bottom:62%;border-radius:9px;overflow:hidden;background:var(--page)}
.wfw-vf-mapbox #coverage-map{position:absolute;inset:0;width:100%;height:100%}
.wfw-vf-tools{margin:12px 0 4px}
.wfw-vf-sel{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px}
.wfw-vf-sel label{display:block;font-size:11.7px;font-weight:700;color:var(--ink);min-width:0}
.wfw-vf-sel select,.wfw-form select{display:block;width:100%;margin-top:5px;height:36px;background:#fff;border:1px solid #ced4da;border-radius:7.2px;padding:0 9px;font:inherit;font-size:12px;font-weight:500;color:var(--ink);outline:0}
.wfw-vf-sel select:disabled{background:#f2f3f4;color:#9aa3ab}
.wfw-vf-sel select:focus{border-color:var(--navy);box-shadow:0 0 0 .2rem rgba(22,35,75,.15)}
.wfw-vf-steps{list-style:none;margin:0 0 16px;padding:0;display:flex;gap:14px}
.wfw-vf-steps li{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--muted)}
.wfw-vf-steps li span{width:22px;height:22px;border-radius:50%;background:#e9ecef;color:var(--body);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}
.wfw-vf-steps li.wfw-on{color:var(--ink)}
.wfw-vf-steps li.wfw-on span{background:#2d353c;color:#fff}
.wfw-vf-side .wfw-btn-lg{width:100%}
.wfw-vf-result{margin-top:14px}
.wfw-vf-form{margin-top:14px}
.wfw-form .wfw-terms{display:flex;align-items:center;gap:7px;font-size:11.7px;font-weight:500;color:var(--body)}
.wfw-form .wfw-terms input{width:14px;height:14px;margin:0;display:inline-block}
.wfw-form .wfw-terms a{color:var(--navy);font-weight:700}
.wfw-zones{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12.6px}
.wfw-zone{background:var(--page);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.wfw-zone b{font-size:13.5px;font-weight:700;color:var(--ink)}
.wfw-zone span{font-size:11.7px;color:var(--muted)}
@media (max-width:892px){
  .wfw-vf{grid-template-columns:1fr}
  .wfw-vf-mapbox{padding-bottom:70%}
  .wfw-vf-sel{grid-template-columns:1fr 1fr}
}
@media (max-width:518px){
  .wfw-vf-map,.wfw-vf-side{padding:18px}
  .wfw-vf-sel{grid-template-columns:1fr}
  .wfw-vf-tools .wfw-btn{width:100%}
}
/* ===== COBERTURA: lo que dibuja coverage.js (resultado, marcador del mapa y ventana de informacion) ===== */
.wfw-cov-res{background:var(--page);border-radius:9px;padding:13px 15px;font-size:12.6px;line-height:1.55;color:var(--body);display:flex;gap:9px;align-items:flex-start}
.wfw-cov-res i{margin-top:3px}
.wfw-cov-res--success{background:#e8f6ee;color:#14693a}
.wfw-cov-res--info{background:#f2f3f4;color:var(--ink)}
.wfw-cov-res--warning{background:#fff6e0;color:#8a5a00}
.wfw-cov-marker{position:absolute;width:46px;height:46px;transform:translate(-23px,-23px);cursor:pointer}
.wfw-cov-marker__pulse{position:absolute;inset:0;border-radius:50%;background:rgba(26,156,74,.4);animation:wfwCovPulse 1.8s ease-out infinite}
.wfw-cov-marker__pulse--delay{animation-delay:.6s}
.wfw-cov-marker__dot{position:absolute;width:26px;height:26px;left:10px;top:10px;border-radius:50%;background:#1a9c4a;box-shadow:0 1px 4px rgba(0,0,0,.25);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}
.wfw-cov-iw{display:flex;align-items:center;gap:10px;padding:2px 4px;min-width:160px}
.wfw-cov-iw__icon{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:#1a9c4a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px}
.wfw-cov-iw__title{font-weight:700;font-size:13px;color:#20252a;line-height:1.3}
.wfw-cov-iw__sub{font-size:11px;color:#1a9c4a;font-weight:600}

/* ===== FORMAS DE PAGO: medios por filas + panel con cuentas y «Copiar»; preguntas en dos columnas ===== */
.wfw-pm{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:21.6px;align-items:start}
.wfw-pm-list{display:grid;gap:9px}
.wfw-pm-tab{display:flex;align-items:center;gap:12px;width:100%;background:#fff;border:0;border-radius:var(--radius);padding:11px 14px;text-align:left;cursor:pointer;font:inherit;color:var(--ink);transition:background-color .15s,color .15s}
.wfw-pm-tab:hover{background:#e9ecef}
.wfw-pm-tab.wfw-on{background:#2d353c;color:#fff}
.wfw-pm-logo{flex:none;width:54px;height:40px;border-radius:7.2px;background:#fff;display:flex;align-items:center;justify-content:center;padding:4px}
.wfw-pm-logo img{max-width:100%;max-height:100%;object-fit:contain}
.wfw-pm-nm{min-width:0}
.wfw-pm-nm b{display:block;font-size:13.5px;font-weight:700;text-transform:uppercase;line-height:1.25;overflow-wrap:anywhere}
.wfw-pm-nm small{display:block;font-size:11px;opacity:.7}
.wfw-pm-pan{background:#fff;border-radius:var(--radius);padding:24px 26px;animation:wfwPmIn .25s ease both}
.wfw-pm-pan[hidden]{display:none}
@keyframes wfwPmIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.wfw-pm-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.wfw-pm-logo-lg{width:76px;height:56px;background:var(--page)}
.wfw-pm-head h3{margin:0;font-size:21.6px;font-weight:700;color:var(--ink);text-transform:uppercase}
.wfw-pm-head p{margin:2px 0 0;font-size:12.2px;color:var(--muted)}
.wfw-pm-accs{display:grid;gap:10px}
.wfw-pm-acc{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--page);border-radius:9px;padding:12px 14px}
.wfw-pm-acc>div{min-width:0}
.wfw-pm-acc span{display:block;font-size:11px;color:var(--muted)}
.wfw-pm-acc strong{display:block;font-size:16px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.wfw-pm-none{margin:0;color:var(--muted);font-size:12.6px}
.wfw-pm-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:12.6px;color:var(--body)}
@media (max-width:892px){
  .wfw-pm{grid-template-columns:1fr;gap:14.4px}
  .wfw-pm-list{display:flex;overflow-x:auto;gap:9px;padding-bottom:3px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .wfw-pm-list::-webkit-scrollbar{display:none}
  .wfw-pm-tab{flex:0 0 auto;width:auto;min-width:150px}
  .wfw-payfaq{grid-template-columns:1fr}
}
@media (max-width:518px){
  .wfw-pm-pan{padding:18px}
  .wfw-pm-acc strong{font-size:14.4px}
  .wfw-pm-foot .wfw-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.wfw-pm-pan{animation:none}}

/* ===== TIENDA: detalle, carrito, pago y cuenta del cliente (modelo del demo de Color Admin, x0,9) ===== */
.wfw-card{background:#fff;border-radius:var(--radius);padding:22px 23px}
.wfw-card h3{margin:0 0 8px;font-size:17.1px;font-weight:700;color:var(--ink)}
.wfw-card-p{margin:0 0 14px;font-size:12.2px;line-height:1.6;color:var(--body)}
.wfw-link{font-size:12.2px;font-weight:700;color:var(--navy)}
.wfw-link:hover{text-decoration:underline}
.wfw-plain{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:7px;font-size:12.6px;line-height:1.55;color:var(--body)}
.wfw-plain li b{color:var(--ink)}
.wfw-plain a{color:var(--navy);font-weight:700}
.wfw-sh-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 14.4px}
.wfw-sh-head h1{margin:0;font-size:25.2px;line-height:1.2;font-weight:700;color:var(--ink)}
.wfw-sh-head span{font-size:12.6px;color:var(--muted)}
.wfw-sh-steps{margin-bottom:12px}
/* detalle */
.wfw-pd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fff;border-radius:var(--radius);overflow:hidden;margin-bottom:21.6px}
.wfw-pd-gal{position:relative;display:flex;align-items:center;justify-content:center;min-height:430px;background:#f2f3f4;padding:28px}
.wfw-pd-gal img{max-width:100%;max-height:390px;object-fit:contain}
.wfw-pd-info{padding:30px 32px;display:flex;flex-direction:column;min-width:0}
.wfw-pd-cat{font-size:10.8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
.wfw-pd-info h1{margin:4px 0 8px;font-size:27px;line-height:1.2;font-weight:700;color:var(--ink)}
.wfw-pd-sub{margin:0 0 16px;font-size:12.6px;line-height:1.6;color:var(--muted)}
.wfw-pd-pricebox small{display:block;font-size:11.7px;font-weight:600;color:var(--body)}
.wfw-pd-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:2px 0 8px}
.wfw-pd-price b{font-size:34px;line-height:1.1;font-weight:700;color:var(--ink)}
.wfw-pd-price s{font-size:15px;color:var(--muted)}
.wfw-pd-price span{font-size:12px;color:var(--muted)}
.wfw-pd-buy{display:flex;gap:10px;align-items:stretch;margin:12px 0 9px}
.wfw-pd-buy .wfw-btn{flex:1}
.wfw-pd-wa{width:100%}
.wfw-pd-feat{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;gap:9px}
.wfw-pd-feat li{display:flex;align-items:center;gap:10px;font-size:12.2px;font-weight:600;color:var(--body)}
.wfw-pd-feat img{flex:none;width:28px;height:28px;object-fit:contain}
.wfw-pd-more{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:21.6px;align-items:start}
.wfw-pd-text{margin:0;font-size:12.6px;line-height:1.7;color:var(--body);white-space:pre-line}
.wfw-prods-4{grid-template-columns:repeat(4,minmax(0,1fr))}
/* cantidad */
.wfw-qty{display:inline-flex;align-items:stretch;border:1px solid #ced4da;border-radius:7.2px;overflow:hidden;background:#fff}
.wfw-qty-b{width:34px;border:0;background:#fff;font:inherit;font-size:16px;color:var(--ink);cursor:pointer;transition:background-color .15s}
.wfw-qty-b:hover{background:#e9ecef}
.wfw-qty-i{width:42px;border:0;border-left:1px solid #ced4da;border-right:1px solid #ced4da;text-align:center;font:inherit;font-size:13px;font-weight:600;color:var(--ink);background:#fff;outline:0}
/* carrito y pago */
.wfw-sh{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:21.6px;align-items:start}
.wfw-sh-col{display:grid;gap:21.6px;min-width:0}
.wfw-lines{padding:6px 20px}
.wfw-line{display:grid;grid-template-columns:72px minmax(0,1fr) auto 96px auto;gap:14px;align-items:center;padding:14px 0}
.wfw-line+.wfw-line{border-top:1px solid var(--line)}
.wfw-line-img{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:#f2f3f4;border-radius:9px;padding:6px}
.wfw-line-img img{max-width:100%;max-height:100%;object-fit:contain}
.wfw-line-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.wfw-line-name{font-size:13.5px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.wfw-line-info span{font-size:11.5px;color:var(--muted)}
.wfw-line-sub{text-align:right;font-size:14.4px;font-weight:700;color:var(--ink)}
.wfw-line-rm{border:0;background:none;padding:0;font:inherit;font-size:11.7px;font-weight:700;color:#b42318;cursor:pointer}
.wfw-line-rm:hover{text-decoration:underline}
.wfw-sum{display:grid;gap:11px;align-content:start}
.wfw-sum h3{margin:0}
.wfw-sum-row{display:flex;justify-content:space-between;gap:12px;font-size:12.6px;color:var(--body)}
.wfw-sum-total{padding-top:11px;border-top:1px solid var(--line);font-size:15.3px;font-weight:700;color:var(--ink)}
.wfw-sum-total b{font-size:22px}
.wfw-sum .wfw-btn{width:100%}
.wfw-rows{display:grid;gap:8px}
.wfw-row-i{display:flex;justify-content:space-between;gap:12px;font-size:12.6px;color:var(--body)}
.wfw-row-i b{color:var(--ink);white-space:nowrap}
.wfw-pays{display:grid;gap:16px}
.wfw-pay-i{display:grid;gap:8px}
.wfw-pay-h{display:flex;align-items:center;gap:10px}
.wfw-pay-h b{font-size:13.5px;text-transform:uppercase;color:var(--ink)}
.wfw-form label small{font-weight:500;color:var(--muted)}
/* cuenta */
.wfw-auth{max-width:460px;margin:0 auto;background:#fff;border-radius:var(--radius);padding:30px 32px}
.wfw-auth-wide{max-width:640px}
.wfw-auth h1{margin:0 0 6px;font-size:23px;line-height:1.25;font-weight:700;color:var(--ink)}
.wfw-auth>p{margin:0 0 18px;font-size:12.6px;line-height:1.6;color:var(--muted)}
.wfw-auth .wfw-btn-lg{width:100%}
.wfw-auth-alt{margin:16px 0 0!important;text-align:center;color:var(--body)!important}
.wfw-auth-alt a{color:var(--navy);font-weight:700}
.wfw-acc{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,2fr);gap:21.6px;align-items:start}
.wfw-acc-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.wfw-acc-av{flex:none;width:46px;height:46px;border-radius:50%;background:#2d353c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;overflow:hidden}
.wfw-acc-av img{width:100%;height:100%;object-fit:cover}
.wfw-acc-id{min-width:0}
.wfw-acc-id b{display:block;font-size:13.5px;color:var(--ink);overflow-wrap:anywhere}
.wfw-acc-id small{display:block;font-size:11.2px;color:var(--muted);overflow-wrap:anywhere}
.wfw-acc-menu{display:grid;gap:2px}
.wfw-acc-menu a{display:block;padding:8px 10px;border-radius:7.2px;font-size:12.6px;font-weight:600;color:var(--body);transition:background-color .15s,color .15s}
.wfw-acc-menu a:hover{background:rgba(32,37,42,.05);color:var(--ink)}
.wfw-acc-menu a.wfw-on{background:#2d353c;color:#fff}
.wfw-ord-h,.wfw-ord-r{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;gap:12px;align-items:center;padding:11px 0;font-size:12.6px;color:var(--body)}
.wfw-ord-h{font-size:10.8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.wfw-ord-r+.wfw-ord-r{border-top:1px solid var(--line)}
.wfw-ord-r b{color:var(--ink)}
.wfw-st-ok{color:var(--darkteal);font-weight:700}
.wfw-st-wait{color:#8a5a00;font-weight:700}
.wfw-st-no{color:#b42318;font-weight:700}
@media (max-width:1040px){.wfw-prods-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:892px){
  .wfw-pd{grid-template-columns:1fr}
  .wfw-pd-gal{min-height:300px}
  .wfw-pd-info{padding:24px 22px}
  .wfw-pd-more,.wfw-sh,.wfw-acc{grid-template-columns:1fr}
  .wfw-line{grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"img info rm" "img qty sub"}
  .wfw-line-img{grid-area:img;width:64px;height:64px}
  .wfw-line-info{grid-area:info}
  .wfw-line .wfw-qty{grid-area:qty;justify-self:start}
  .wfw-line-sub{grid-area:sub}
  .wfw-line-rm{grid-area:rm;justify-self:end}
}
@media (max-width:518px){
  .wfw-card{padding:18px}
  .wfw-auth{padding:22px 20px}
  .wfw-pd-buy{flex-direction:column}
  .wfw-sh-head h1{font-size:21.6px}
  .wfw-ord-h{display:none}
  .wfw-ord-r{grid-template-columns:1fr 1fr;gap:6px 12px}
  .wfw-ord-r span::before{content:attr(data-l);display:block;font-size:10.4px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}
}

/* ===== TIENDA de tecnologia: oferta relampago, cuenta regresiva, colores, ayuda ===== */
.wfw-flash{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2.2fr);gap:21.6px;align-items:stretch;background:#2d353c;border-radius:var(--radius);padding:24px}
.wfw-flash-t{color:#fff;display:flex;flex-direction:column;justify-content:center;min-width:0}
.wfw-flash-t .wfw-kicker{color:#f9ab00}
.wfw-flash-t h2{margin:4px 0 8px;font-size:22.5px;line-height:1.25;font-weight:700;color:#fff}
.wfw-flash-t p{margin:0 0 16px;font-size:12.2px;line-height:1.6;color:rgba(255,255,255,.75)}
.wfw-count{display:flex;gap:8px}
.wfw-count>div{min-width:52px;text-align:center;background:rgba(255,255,255,.1);border-radius:8px;padding:8px 6px}
.wfw-count b{display:block;font-size:22px;line-height:1.1;font-weight:700;color:#fff}
.wfw-count small{display:block;font-size:10.2px;color:rgba(255,255,255,.7)}
.wfw-count-end{opacity:.5}
.wfw-flash-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14.4px;min-width:0}
.wfw-prod-flash{position:absolute;top:9px;left:9px;background:#f9ab00;color:#20252a;border-radius:3.6px;font-size:9.9px;font-weight:700;padding:2.7px 6.3px;letter-spacing:.3px;text-transform:uppercase}
.wfw-prod-model{display:block;margin:-2px 0 5px;font-size:11px;font-weight:600;color:var(--muted)}
.wfw-cdots{display:flex;justify-content:center;gap:5px;margin:2px 0 8px}
.wfw-cdots i{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.18);display:inline-block}
.wfw-sws{display:flex;flex-wrap:wrap;gap:8px}
.wfw-sw{position:relative;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:11.7px;color:var(--body)}
.wfw-sw input{position:absolute;opacity:0;pointer-events:none}
.wfw-sw i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.2);transition:box-shadow .15s}
.wfw-sw span{display:none}
.wfw-sw input:checked+i{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--navy)}
.wfw-sw:hover i{box-shadow:0 0 0 2px #fff,0 0 0 3px #9aa3ab}
.wfw-help{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:21.6px}
.wfw-help h3{margin:0 0 4px}
.wfw-help .wfw-card-p{margin:0}
.wfw-specs{display:grid;gap:9px;margin:14px 0 0;font-size:12.6px}
.wfw-specs div{display:flex;gap:10px;align-items:center}
.wfw-specs dt{flex:none;width:72px;font-weight:700;color:var(--muted);font-size:11.2px;text-transform:uppercase;letter-spacing:.4px}
.wfw-specs dd{margin:0;color:var(--ink);font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.wfw-specs dd i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.2);display:inline-block}
@media (max-width:1040px){.wfw-flash{grid-template-columns:1fr}.wfw-flash-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:518px){.wfw-flash{padding:18px}.wfw-flash-g{grid-template-columns:1fr}.wfw-help .wfw-btn{width:100%}}

/* ===== BANNERS (Inicio y paginas) en tableta y celular, COMPACTOS: el texto va a la izquierda y el ARTICULO al costado derecho (separado del borde), como el original; con orientacion «Derecha» todo se espeja ===== */
.wfw-hero .wfw-txt h2,.wfw-hero .wfw-txt p{overflow-wrap:anywhere}
.wfw-hero .wfw-txt h2{text-wrap:balance}
@media (min-width:1080px){
  .wfw-hero-page .wfw-vis.wfw-vis-img{width:min(400px,36%);height:84%}
  .wfw-hero-page .wfw-txt h2,.wfw-hero-page .wfw-txt p,.wfw-hero-page .wfw-price-h{text-shadow:0 1px 3px rgba(0,0,0,.45)}
}
@media (max-width:1079px){
  .wfw-slide{height:340px}
  .wfw-slide.wfw-s2 .wfw-in{align-items:center;padding:0 0 24px;z-index:3}
  .wfw-slide.wfw-s2 .wfw-in .wfw-container{justify-content:flex-start}
  .wfw-slide.wfw-s2 .wfw-txt{max-width:62%;margin:0;padding:0 0 0 24px;text-align:left}
  .wfw-slide.wfw-rev.wfw-s2 .wfw-in .wfw-container{justify-content:flex-end}
  .wfw-slide.wfw-rev.wfw-s2 .wfw-txt{padding:0 24px 0 0;text-align:right}
  .wfw-hero .wfw-txt h2{font-size:clamp(22px,6vw,34px);line-height:1.15;font-weight:700;margin-bottom:6px;text-shadow:0 1px 4px rgba(0,0,0,.6)}
  .wfw-hero .wfw-txt p{font-size:clamp(13px,3.4vw,16px);line-height:1.4;font-weight:500;margin-bottom:8px;text-shadow:0 1px 4px rgba(0,0,0,.6)}
  .wfw-hero .wfw-price-h{font-size:clamp(22px,6.4vw,28px);line-height:1.15;margin-bottom:8px;text-shadow:0 1px 4px rgba(0,0,0,.6)}
  .wfw-hero .wfw-note{font-size:12.5px;margin-bottom:10px}
  .wfw-hero .wfw-btn-lg{font-size:13.5px;padding:7px 18px;position:relative;top:7px}
  .wfw-hero:not(.wfw-hero-page) .wfw-slide .wfw-ov,.wfw-hero:not(.wfw-hero-page) .wfw-slide.wfw-rev .wfw-ov{background:rgba(0,0,0,.56)}
  .wfw-hero .wfw-vis{top:auto;bottom:18px;right:4%;left:auto;transform:none;width:min(40%,260px);height:36%;opacity:.4}
  .wfw-hero .wfw-slide.wfw-rev .wfw-vis{right:auto;left:4%}
  .wfw-hero .wfw-vis.wfw-vis-img{top:auto;bottom:16%;right:5%;left:auto;transform:none;width:min(46%,340px);height:66%;opacity:1}
  .wfw-hero .wfw-slide.wfw-rev .wfw-vis.wfw-vis-img{right:auto;left:5%}
  .wfw-hero .wfw-vis.wfw-vis-flat{top:50%;bottom:auto;right:5%;transform:translateY(-50%);width:36%;height:auto;opacity:1}
  .wfw-hero .wfw-slide.wfw-rev .wfw-vis.wfw-vis-flat{right:auto;left:5%}
}
@media (max-width:1079px){
  /* foto que sale del borde (manos): pegada abajo y mas grande; se activa por slider en Sitio web > Sliders */
  .wfw-hero .wfw-vis.wfw-vis-img.wfw-vis-stick{bottom:0;height:70%;opacity:1}
}
@media (max-width:1079px){
  /* flechas en celular: circulo carbon SOLIDO con la flecha blanca, bien visible */
  .wfw-hero .wfw-arrow{width:36px;height:36px;margin:-18px 0;font-size:20px;background:#2d353c}
  .wfw-hero .wfw-arrow:hover{background:#2d353c}
  .wfw-hero .wfw-txt h2,.wfw-hero .wfw-txt p,.wfw-hero .wfw-price-h,.wfw-hero .wfw-note{text-shadow:0 1px 6px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.6)}
}
@media (max-width:518px){
  .wfw-slide{height:330px}
  .wfw-slide.wfw-s2 .wfw-txt{max-width:60%;padding:0 0 0 18px}
  .wfw-slide.wfw-rev.wfw-s2 .wfw-txt{padding:0 18px 0 0}
}
/* flechas y barritas del banner: sin aro de enfoque ni resaltado al tocar o hacer clic (el demo no marca nada) */
.wfw-arrow,.wfw-dots button{outline:0;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}
.wfw-arrow:focus,.wfw-arrow:focus-visible,.wfw-arrow:active,.wfw-dots button:focus,.wfw-dots button:focus-visible,.wfw-dots button:active{outline:0;box-shadow:none}

/* ===== NOSOTROS (molde del demo about_us): quienes somos, valores, proceso, mision y vision ===== */
.wfw-ab-who .wfw-hcard-t{padding:34px 38px}
.wfw-ab-who .wfw-hcard-t h2{font-size:26px}
.wfw-ab-who .wfw-hcard-t>p{font-size:13.5px;line-height:1.7;margin-bottom:18px}
.wfw-ab-two{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:36px;align-items:start}
.wfw-ab-head{position:sticky;top:90px}
.wfw-ab-head h2{margin:4px 0 8px;font-size:23px;line-height:1.25;font-weight:700;color:var(--ink)}
.wfw-ab-head p{margin:0;font-size:12.6px;line-height:1.65;color:var(--muted)}
.wfw-ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:21.6px 28px}
.wfw-ab-ic{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius);background:#f2f3f4;color:#2d353c;font-size:21px;margin-bottom:12px}
.wfw-ab-val h5,.wfw-ab-step h5{margin:0 0 5px;font-size:14.4px;font-weight:700;color:var(--ink)}
.wfw-ab-val p,.wfw-ab-step p{margin:0;font-size:12.2px;line-height:1.65;color:var(--body)}
.wfw-ab-step{background:#fff;border-radius:var(--radius);padding:20px 22px}
.wfw-ab-n{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#2d353c;color:#fff;font-size:13px;font-weight:700;margin-bottom:11px}
.wfw-ab-mv{display:grid;grid-template-columns:1fr 1fr;gap:21.6px}
.wfw-ab-card{background:#f2f3f4;border-radius:var(--radius);padding:28px 30px}
.wfw-ab-card h3{margin:4px 0 8px;font-size:22px;font-weight:700;color:var(--ink)}
.wfw-ab-card p{margin:0;font-size:13px;line-height:1.7;color:var(--body)}
@media (max-width:892px){
  .wfw-ab-two{grid-template-columns:1fr;gap:18px}
  .wfw-ab-head{position:static}
  .wfw-ab-mv{grid-template-columns:1fr}
  .wfw-ab-who .wfw-hcard-t{padding:24px 22px}
}
@media (max-width:518px){.wfw-ab-grid{grid-template-columns:1fr}.wfw-ab-card{padding:22px 20px}}

/* ===== WIFICOR CHAT (/chat): banner carbon con los temas, franjas anchas (imagen + frases al costado) y planes en vivo. Paleta del demo: carbon, gris claro y blanco ===== */
.wfw-ch-banner{background:#20252a;border-radius:16px;padding:40px 40px 24px;margin-bottom:6px;color:#fff}
.wfw-ch-banner .wfw-kicker{color:#adb5bd}
.wfw-ch-banner h2{margin:0 0 6px;font-size:28px;line-height:1.2;font-weight:700;color:#fff}
.wfw-ch-banner>p{margin:0;max-width:640px;font-size:13.5px;line-height:1.65;color:rgba(255,255,255,.7)}
.wfw-ch-chips{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;border-top:1px solid rgba(255,255,255,.16)}
.wfw-ch-chips a{display:block;padding:16px 18px 12px;color:#fff;text-decoration:none;border-left:1px solid rgba(255,255,255,.12)}
.wfw-ch-chips a:first-child{padding-left:0;border-left:0}
.wfw-ch-chips b{display:block;font-size:13.5px;font-weight:700}
.wfw-ch-chips span{display:block;margin-top:3px;font-size:11.8px;line-height:1.5;color:rgba(255,255,255,.62)}
.wfw-ch-chips a:hover b{text-decoration:underline}
.wfw-ch-band{scroll-margin-top:90px;padding:56px 0}
.wfw-ch-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.wfw-ch-img{position:relative;background:#20252a;border-radius:16px;min-height:380px;display:flex;align-items:center;justify-content:center;padding:36px;overflow:hidden}
.wfw-ch-img>i{font-size:104px;line-height:1;color:#f2f3f4}
.wfw-ch-img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wfw-ch-rev .wfw-ch-img{order:2}
.wfw-ch-txt h2{margin:0 0 8px;font-size:26px;line-height:1.25;font-weight:700;color:var(--ink)}
.wfw-ch-txt>p{margin:0 0 14px;font-size:13.5px;line-height:1.7;color:var(--muted)}
.wfw-ch-row{display:flex;gap:14px;align-items:flex-start;padding:11px 0}
.wfw-ch-row .wfw-ab-ic{position:relative;flex:0 0 46px;width:46px;height:46px;font-size:18px;margin:0}
.wfw-ch-band:not(.wfw-white) .wfw-ab-ic{background:#fff}
.wfw-ch-row h5{margin:1px 0 3px;font-size:14px;font-weight:700;color:var(--ink)}
.wfw-ch-row p{margin:0;font-size:12.4px;line-height:1.6;color:var(--body)}
.wfw-ch-tag{position:absolute;top:-7px;right:-9px;background:#2d353c;color:#fff;font-style:normal;font-size:9.5px;font-weight:800;line-height:1;padding:3px 6px;border-radius:9px}
.wfw-ch-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,310px));justify-content:center;gap:14.4px}
.wfw-ch-plan{background:#f2f3f4;border-radius:var(--radius);padding:24px 22px;display:flex;flex-direction:column;position:relative}
.wfw-ch-plan .wfw-name{font-size:11.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.wfw-ch-trial{align-self:flex-start;margin-bottom:8px;background:#2d353c;color:#fff;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:9px}
.wfw-ch-price{margin:6px 0 8px;font-size:30px;line-height:1.1;font-weight:800;color:var(--ink)}
.wfw-ch-price small{margin-left:3px;font-size:12px;font-weight:600;color:var(--muted)}
.wfw-ch-desc{margin:0 0 6px;font-size:12px;line-height:1.55;color:var(--muted)}
.wfw-ch-list{list-style:none;margin:10px 0 18px;padding:12px 0 0;border-top:1px solid var(--line);flex:1}
.wfw-ch-list li{display:flex;gap:8px;align-items:baseline;margin:0 0 7px;font-size:12.4px;font-weight:600;color:var(--body)}
.wfw-ch-list i{color:#2d353c;font-size:11px}
@media (max-width:892px){
  .wfw-ch-chips{grid-template-columns:1fr 1fr}
  .wfw-ch-chips a:nth-child(odd){padding-left:0;border-left:0}
  .wfw-ch-band{padding:34px 0}
  .wfw-ch-split{grid-template-columns:1fr;gap:22px}
  .wfw-ch-rev .wfw-ch-img{order:0}
  .wfw-ch-img{min-height:0;padding:26px 22px}
  .wfw-ch-img>img{position:static;height:auto;max-height:300px}
}
@media (max-width:518px){
  .wfw-ch-banner{padding:28px 22px 14px}
  .wfw-ch-banner h2{font-size:23px}
  .wfw-ch-chips{grid-template-columns:1fr}
  .wfw-ch-chips a,.wfw-ch-chips a:first-child{padding:12px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .wfw-ch-chips a:last-child{border-bottom:0}
}
/* ===== Blog (lista y detalle): usa el listado de la Tienda (.wfw-list, .wfw-filter, .wfw-resbar, .wfw-prods, .wfw-prod); aqui solo lo propio del blog ===== */
.wfw-bl-banner{width:100%;height:auto;border-radius:var(--radius);margin-bottom:14.4px}
.wfw-prod-img.wfw-prod-noimg{background:#2d353c}
.wfw-prod-noimg .wfw-prod-off{background:#fff;color:#2d353c}
.wfw-prod-art{display:block;font-size:58px;line-height:1;color:#f2f3f4}
.wfw-prod-img.wfw-prod-cover{padding:0;overflow:hidden}
.wfw-prod-img.wfw-prod-cover img{width:100%;height:100%;object-fit:cover}
.wfw-prods-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1040px){.wfw-prods-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wfw-prod-more{margin-top:12px;padding-top:11px;border-top:1px solid #dee2e6;font-size:11.7px;font-weight:700;color:var(--ink)}
.wfw-prod-more i{margin-left:4px;font-size:10px}
.wfw-prod-more:hover{text-decoration:underline}
.wfw-fguide{background:#f2f3f4;border-radius:7.2px;padding:12px}
.wfw-fguide h6{margin-bottom:4px}
.wfw-fguide div{display:grid;gap:3px;margin-bottom:9px;font-size:11.4px;color:var(--muted)}
.wfw-fguide b{font-size:12.6px;color:var(--ink)}
.wfw-fguide .wfw-btn{width:100%}
.wfw-pager{display:flex;justify-content:center;gap:5.4px;margin-top:18px}
.wfw-pager a,.wfw-pager span{min-width:32px;height:32px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:7.2px;color:var(--ink);font-weight:600}
.wfw-pager a:hover{background:#e9ecef}
.wfw-pager .wfw-on{background:#2d353c;color:#fff}
.wfw-pager .wfw-off{color:var(--muted);opacity:.5}
.wfw-state{text-align:center;background:#fff;border-radius:var(--radius);padding:43.2px 21.6px}
.wfw-state>i{font-size:34px;color:#2d353c;margin-bottom:10px}
.wfw-state h3{margin:0 0 7.2px;font-size:18px;font-weight:700;color:var(--ink)}
.wfw-state p{max-width:432px;margin:0 auto 16.2px;color:var(--muted)}
.wfw-post-img{display:block}
.wfw-post-noimg{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:#2d353c}
.wfw-post-art{display:block;font-size:50px;line-height:1;color:#f2f3f4}
.wfw-post-cat{align-self:flex-start;font-size:10.8px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#6c757d}
.wfw-post-cat:hover{color:var(--ink);text-decoration:underline}
.wfw-post h3 a:hover{text-decoration:underline}
.wfw-meta i{margin-right:3.6px;color:#6c757d}
.wfw-bd-cover{display:flex;align-items:center;justify-content:center;height:270px;border-radius:var(--radius);background:#2d353c;overflow:hidden;margin-bottom:14.4px}
.wfw-bd-cover img{width:100%;height:100%;object-fit:cover}
.wfw-bd-cover.wfw-bd-noimg{background:#2d353c}
.wfw-bd-cover .wfw-prod-art{font-size:84px}
.wfw-bd{background:#fff;border-radius:var(--radius);padding:22px 24px}
.wfw-bd-cat{display:inline-block;margin-bottom:6px;font-size:10.8px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#6c757d}
.wfw-bd-cat:hover{color:var(--ink);text-decoration:underline}
.wfw-bd h1{margin:0 0 7px;font-size:clamp(21px,calc(16px + 1.2vw),27px);font-weight:700;line-height:1.25;color:var(--ink)}
.wfw-bd-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-bottom:13px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}
.wfw-bd-meta i{margin-right:4px;color:#6c757d}
.wfw-bd-lead{margin:0 0 12px;font-size:14px;font-weight:600;line-height:1.55;color:var(--ink)}
.wfw-bd .wfw-prose img{height:auto;border-radius:7.2px}
.wfw-share{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:20px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.wfw-share>b{margin-right:4px;font-size:12px;color:var(--ink)}
.wfw-share-b{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--line);border-radius:7.2px;background:#fff;font:inherit;font-size:11.7px;font-weight:600;color:var(--ink);cursor:pointer}
.wfw-share-b:hover{border-color:#2d353c}
.wfw-author{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:14px;border-radius:var(--radius);background:#f2f3f4}
.wfw-author-ic{flex:none;width:40px;height:40px;border-radius:50%;background:#2d353c;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}
.wfw-author b{display:block;color:var(--ink)}
.wfw-author span:not(.wfw-author-ic){display:block;font-size:11.7px;color:var(--muted)}
@media (max-width:892px){.wfw-bd{padding:16px}.wfw-bd-cover{height:200px}}
@media (max-width:518px){.wfw-prods-4{grid-template-columns:1fr 1fr}}

/* ===== Nitidez de Color Admin: el listado (Blog, Tienda, Planes) va sobre el gris #dee2e6 del demo, con tarjetas blancas; sin brillo ni halo del boton de WhatsApp ===== */
.wfw-section:has(>.wfw-container>.wfw-list){background:#dee2e6}

[data-live].wfw-busy,[data-live].wfw-busy *{cursor:progress}

/* ===== Icono plano del banner de las paginas internas (sin ilustracion con sombra) y fondo gris de Color Admin en toda pagina interna ===== */
.wfw-vis.wfw-vis-flat .wfw-anim-img{display:flex;align-items:center;justify-content:center;font-size:150px;line-height:1;color:#f2f3f4}
@media (max-width:1079px){.wfw-vis.wfw-vis-flat{width:100%;height:auto}.wfw-vis.wfw-vis-flat .wfw-anim-img{font-size:90px}}
main:has(.wfw-hero-page) .wfw-section:not(.wfw-white),main:has(.wfw-pagehead) .wfw-section:not(.wfw-white){background:#dee2e6}

/* ===== Cuenta de la tienda: aviso, correo confirmado y panel «revisa tu correo» (carbon y grises, sin sombras) ===== */
.wfw-auth-note{margin:0 0 14px;padding:10px 13px;border-radius:7.2px;background:#f2f3f4;font-size:12px;color:var(--ink)}
.wfw-auth-note a{font-weight:700;text-decoration:underline}
.wfw-auth-done{margin:6px 0 4px;padding:22px 18px;border-radius:var(--radius);background:#f2f3f4;text-align:center}
.wfw-auth-done>i{font-size:34px;color:#2d353c;margin-bottom:8px}
.wfw-auth-done h3{margin:0 0 6px;font-size:18px;font-weight:700;color:var(--ink)}
.wfw-auth-done p{margin:0 0 14px;color:var(--body)}
.wfw-auth-done[hidden],.wfw-auth-note[hidden]{display:none}
.wfw-acc-ver{margin-left:6px;font-size:10.8px;font-weight:700;color:#b42318}
.wfw-acc-ver.wfw-acc-ver-ok{color:#2d353c}
.wfw-form input[readonly]{background:#f2f3f4;color:var(--muted)}

/* Banner de pagina interna: el TEXTO aparece quieto (no vuela en cada clic); el ARTICULO si entra deslizandose desde la derecha, como en el Inicio */
.wfw-hero.wfw-hero-page .wfw-slide.wfw-is-active .wfw-anim-txt:nth-child(n){animation:none;opacity:1}

html{scrollbar-gutter:stable}

/* ===== En vivo (wfw_live.js): aviso breve sin transparencias; se oculta solo con CSS (sin temporizadores) ===== */
.wfw-notice-err{color:#b42318}
.wfw-toast{position:fixed;top:84px;right:18px;z-index:2000;display:flex;align-items:flex-start;gap:11px;width:min(92vw,360px);padding:13px 15px;border-radius:10px;background:#fff;border:1px solid #dee2e6;color:var(--ink);font-size:12.6px;font-weight:600;line-height:1.45;animation:wfwToastIn .22s ease-out,wfwToastEnd 0s 5s forwards}
.wfw-toast::before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;flex:none;width:22px;height:22px;border-radius:50%;background:#2d353c;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px}
.wfw-toast-err::before{content:"\f071";background:#b42318}
.wfw-toast a{margin-left:4px;color:var(--ink);text-decoration:underline;font-weight:800}
@keyframes wfwToastIn{from{transform:translateX(28px)}to{transform:none}}
@keyframes wfwToastEnd{to{visibility:hidden}}
@media (max-width:892px){.wfw-toast{top:66px;right:10px}}
.wfw-btn:active{transform:translateY(1px)}
.wfw-btn.wfw-loading{cursor:progress;background:#2a3a70;border-color:#2a3a70}
.wfw-qty-n{width:74px;height:auto;padding:0 8px;border:1px solid #ced4da;border-radius:7.2px;background:#fff;text-align:center;font:inherit;font-weight:600;color:var(--ink)}
.wfw-prod-acts form{display:grid;margin:0}

/* ===== CAMPANAS DE TEMPORADA, AMBIENTACION COMPLETA (todas las paginas): adornos en el banner, escena de KORI, ahumado oscuro, adornos en tarjetas y contenedor de promo. Las imagenes salen de
   Assets/images/campaigns/<campana>/ (o las que se suban en Sitio web > Banners de pagina > Campanas); aqui solo se colocan. ===== */
/* banner: franja de arriba, esquinas y suelo (solo imagenes, sin clics; el texto queda por encima) */
.wfw-cd{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.wfw-cd img{position:absolute;display:block;max-width:none;height:auto}
.wfw-cd-top{position:absolute;left:0;top:0;width:100%;display:flex;overflow:hidden}
.wfw-cd-top img{position:static;flex:none;width:100%;height:auto}
.wfw-cd-top img:nth-child(n+2){display:none}
/* Navidad: la guirnalda es un mosaico de alto fijo (5,4 % del ancho, entre 40 y 66 px): cuelga solo sobre el borde y el titulo del banner queda libre */
.wfw-hero-camp-navidad .wfw-cd-top img{width:auto;height:clamp(40px,5.4vw,66px)}
.wfw-hero-camp-navidad .wfw-cd-top img:nth-child(n+2){display:block}
.wfw-cd-tl{left:0;top:0;width:clamp(120px,17vw,210px)}
.wfw-cd-tr{right:0;top:0;width:clamp(120px,17vw,210px)}
.wfw-cd-ground{left:0;bottom:0;width:100%}
.wfw-hero-camp.wfw-hero-camp-black_friday .wfw-cd-tl{width:min(52%,560px)}
.wfw-hero-camp.wfw-hero-camp-black_friday .wfw-cd-br{right:0;bottom:0;width:min(52%,560px)}
/* ahumado oscuro NOTABLE sobre cualquier banner de campana (imagen propia, fondo de campana o paisaje de la pagina): el texto siempre se lee */
.wfw-slide.wfw-s-camp .wfw-ov{background:linear-gradient(90deg,rgba(0,0,0,.68) 0,rgba(0,0,0,.5) 52%,rgba(0,0,0,.36) 100%)}
.wfw-slide.wfw-rev.wfw-s-camp .wfw-ov{background:linear-gradient(270deg,rgba(0,0,0,.68) 0,rgba(0,0,0,.5) 52%,rgba(0,0,0,.36) 100%)}
.wfw-hero-camp.wfw-hero-page .wfw-slide .wfw-ov{background:linear-gradient(90deg,rgba(0,0,0,.76) 0,rgba(0,0,0,.62) 50%,rgba(0,0,0,.5) 100%)}
.wfw-hero-camp.wfw-hero-page .wfw-slide.wfw-rev .wfw-ov{background:linear-gradient(270deg,rgba(0,0,0,.76) 0,rgba(0,0,0,.62) 50%,rgba(0,0,0,.5) 100%)}
.wfw-hero-camp:not(.wfw-hero-page) .wfw-slide .wfw-ov{background:linear-gradient(90deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.52) 55%,rgba(0,0,0,.4) 100%)}
.wfw-hero-camp:not(.wfw-hero-page) .wfw-slide.wfw-rev .wfw-ov{background:linear-gradient(270deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.52) 55%,rgba(0,0,0,.4) 100%)}
/* KORI con la escena de la fecha detras y delante */
.wfw-vis-kori .wfw-anim-img{position:relative;height:100%}
.wfw-vis-kori .wfw-kori{position:relative;z-index:1}
.wfw-vis-kori .wfw-sc{position:absolute;left:50%;bottom:0;height:100%;width:auto;max-width:none;max-height:none;transform:translateX(-50%);pointer-events:none}
.wfw-vis-kori .wfw-sc-back{z-index:0}
.wfw-vis-kori .wfw-sc-front{z-index:2}
.wfw-kori-hat img{display:block;width:100%;height:100%;object-fit:contain}
/* adornos de las tarjetas de TODAS las paginas: borde de arriba (::before) y esquina (::after); no tocan el contenido */
body.wfw-camp :is(.wfw-plan,.wfw-prod,.wfw-post,.wfw-lplan){position:relative}
body.wfw-camp :is(.wfw-plan,.wfw-prod,.wfw-post,.wfw-lplan)::before{content:"";position:absolute;left:0;right:0;top:0;height:var(--cc-edge-h,0);background:var(--cc-edge) no-repeat 0 0/100% 100%;border-radius:var(--radius) var(--radius) 0 0;pointer-events:none;z-index:3}
body.wfw-camp :is(.wfw-plan,.wfw-prod,.wfw-post,.wfw-lplan)::after{content:"";position:absolute;top:0;width:var(--cc-size,60px);height:var(--cc-size,60px);background:var(--cc-corner) no-repeat 0 0/contain;pointer-events:none;z-index:4}
body.wfw-cc-tl :is(.wfw-plan,.wfw-prod,.wfw-post,.wfw-lplan)::after{left:0;border-top-left-radius:var(--radius)}
body.wfw-cc-tr :is(.wfw-plan,.wfw-prod,.wfw-post,.wfw-lplan)::after{right:0;background-position:100% 0;border-top-right-radius:var(--radius)}
/* contenedor especial de promo (debajo del banner): rectangulo de la pagina con la ambientacion de la fecha */
.wfw-cbsec{padding:22px 0 0;position:relative;z-index:2}
.wfw-campband{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;min-height:132px;padding:30px 28px;border-radius:var(--radius);background:linear-gradient(100deg,var(--camp-dark),var(--camp-1));color:#fff;overflow:hidden}
.wfw-cb-t{position:relative;z-index:3;max-width:56%}
.wfw-campband h3{margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.25;color:#fff}
.wfw-campband p{margin:0;font-size:13px;color:rgba(255,255,255,.92)}
.wfw-cb-until{display:inline-block;margin-top:10px;padding:3px 9px;border:1px solid rgba(255,255,255,.55);border-radius:3px;font-size:11.5px;font-weight:700;letter-spacing:.02em}
.wfw-campband>.wfw-btn{position:relative;z-index:3}
.wfw-cb-d{position:absolute;inset:0;pointer-events:none;z-index:1}
.wfw-cb-d img{position:absolute;display:block;max-width:none}
.wfw-cb-top{left:0;top:-2px;width:100%;height:58px;object-fit:cover;object-position:50% 0}
.wfw-cb-has-top{padding-top:64px}
.wfw-cb-tl{left:0;top:0;height:78%;width:auto}
.wfw-cb-bl{left:0;bottom:0;height:60%;width:auto}
.wfw-cb-br{right:-2%;bottom:6px;width:46%;height:auto}
.wfw-cb-art{right:2%;bottom:0;height:88%;width:auto}
.wfw-campband-black_friday .wfw-cb-top{left:-2%;width:62%;height:auto;object-fit:fill}
.wfw-campband-black_friday.wfw-cb-has-top{padding-top:30px}
.wfw-campband-black_friday .wfw-cb-br{right:-2%;width:54%}
@media (max-width:1079px){
  .wfw-vis-kori .wfw-sc{display:none}
  .wfw-slide.wfw-s-camp .wfw-ov,.wfw-slide.wfw-rev.wfw-s-camp .wfw-ov,.wfw-hero-camp:not(.wfw-hero-page) .wfw-slide .wfw-ov,.wfw-hero-camp:not(.wfw-hero-page) .wfw-slide.wfw-rev .wfw-ov{background:rgba(0,0,0,.6)}
  .wfw-hero-camp.wfw-hero-page .wfw-slide .wfw-ov,.wfw-hero-camp.wfw-hero-page .wfw-slide.wfw-rev .wfw-ov{background:rgba(0,0,0,.68)}
}
@media (max-width:690px){
  .wfw-cd-tl,.wfw-cd-tr{width:clamp(72px,20vw,100px)}
  .wfw-hero-camp-dia_madre .wfw-cd-tl{top:-14px;left:-16px}
  .wfw-hero-camp-dia_madre .wfw-cd-tr{top:-14px;right:-16px}
  .wfw-cb-t{max-width:100%}
  .wfw-cb-d .wfw-cb-art,.wfw-cb-d .wfw-cb-br,.wfw-cb-d .wfw-cb-bl{display:none}
  .wfw-campband{padding:26px 20px}
  .wfw-campband.wfw-cb-has-top{padding-top:66px}
  .wfw-campband-black_friday.wfw-cb-has-top{padding-top:56px}
}
@media (max-width:518px){ body.wfw-camp{--cc-size:50px} }
main:has(.wfw-hero-page) .wfw-cbsec{background:#dee2e6}
/* con guirnalda / banderines / corazones arriba, el texto baja un poco para no tocarlos */
.wfw-hero-camp-navidad .wfw-slide .wfw-in,.wfw-hero-camp-fiestas_patrias .wfw-slide .wfw-in,.wfw-hero-camp-san_valentin .wfw-slide .wfw-in{padding-top:34px}
/* en campana, los distintivos de la foto del producto bajan a la parte de abajo: arriba van la esquina y el borde de la fecha */
body.wfw-camp .wfw-prod-flash,body.wfw-camp .wfw-prod-off{top:auto;bottom:9px}