/* =========================================================
   FACTORÍA DE TINTA ECOMMERCE 1.6.6
   Everything is scoped to the plugin classes. No header,
   logo, Elementor or shop search styles are touched.
   ========================================================= */

:root{
  --ft-red:#ed0712;
  --ft-black:#111111;
  --ft-white:#ffffff;
  --ft-gray:#f3f3f3;
  --ft-line:#dedede;
  --ft-text:#161616;
}

.ft-page{width:100%;box-sizing:border-box;background:#fff;color:var(--ft-text);font-family:inherit}
.ft-page *{box-sizing:border-box}
.ft-page-container{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:42px 0 64px}

/* ---------- Page hero: full-width, black/red brand treatment ---------- */
.ft-page-hero{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  min-height:255px;
  border-radius:0;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  padding:48px max(32px,calc((100vw - 1120px)/2));
  margin-bottom:42px;
  background:#111;
  color:#fff;
  isolation:isolate;
}
.ft-page-hero:after{
  content:"";
  position:absolute;
  right:-120px;
  top:-170px;
  width:430px;
  height:430px;
  border-radius:50%;
  background:var(--ft-red);
  z-index:-1;
}
.ft-page-hero:before{
  content:"";
  position:absolute;
  right:110px;
  bottom:-175px;
  width:330px;
  height:330px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  z-index:-1;
}
.ft-hero-copy{max-width:760px;position:relative;z-index:2}
.ft-eyebrow,.ft-section-kicker{
  display:block;
  color:var(--ft-red);
  font-size:10px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:1.7px;
  text-transform:uppercase;
  margin-bottom:9px;
}
.ft-page-hero h1{
  margin:0;
  color:#fff;
  font-size:clamp(36px,5vw,62px);
  line-height:.94;
  font-weight:900;
  letter-spacing:-2.2px;
}
.ft-page-hero h1 em{font-style:normal;color:var(--ft-red)}
.ft-page-hero p{
  margin:16px 0 0;
  color:rgba(255,255,255,.78);
  font-size:14px;
  line-height:1.55;
  max-width:650px;
}
.ft-hero-mark{
  flex:0 0 112px;
  width:112px;height:112px;
  border:0;
  border-radius:50%;
  display:grid;place-items:center;
  font-size:46px;
  color:#fff;
  background:rgba(17,17,17,.82);
  box-shadow:0 0 0 10px rgba(255,255,255,.05);
  position:relative;z-index:2;
}
.ft-hero-side{
  flex:0 0 160px;
  position:relative;
  z-index:2;
  text-align:center;
  color:#fff;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.8px;
}
.ft-compare-limit{display:flex;justify-content:center;align-items:baseline;line-height:1;margin-bottom:7px}
.ft-compare-limit strong{font-size:64px;color:#fff;letter-spacing:-4px}
.ft-compare-limit span{font-size:18px;color:rgba(255,255,255,.65);margin-left:3px}

/* ---------- Toolbar ---------- */
.ft-page-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin:0 0 24px;
}
.ft-page-toolbar h2{
  margin:0;
  font-size:27px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.7px;
}
.ft-page-toolbar h2:after{
  content:"";
  display:block;
  width:40px;
  height:3px;
  background:var(--ft-red);
  margin-top:9px;
}
.ft-black-button,.ft-red-button,.ft-white-button{
  border:0;
  border-radius:2px;
  min-height:40px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  text-decoration:none!important;
  font:900 10px/1 inherit;
  letter-spacing:.3px;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
.ft-black-button{background:var(--ft-black);color:#fff}
.ft-red-button{background:var(--ft-red);color:#fff}
.ft-white-button{background:#fff;color:var(--ft-black)}
.ft-black-button:hover,.ft-red-button:hover,.ft-white-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.12)}
.ft-black-button:focus,.ft-red-button:focus,.ft-white-button:focus{outline:2px solid var(--ft-red);outline-offset:2px}

/* ---------- Favorites cards ---------- */
.ft-product-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.ft-product-card{
  position:relative;
  background:#fff;
  border:1px solid #ddd;
  border-radius:2px;
  overflow:hidden;
  box-shadow:0 3px 12px rgba(0,0,0,.045);
}
.ft-card-image{position:relative;background:#f7f7f7;aspect-ratio:1/1;overflow:hidden}
.ft-card-image>a{display:block;width:100%;height:100%}
.ft-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.ft-card-body{padding:12px 11px 11px}
.ft-card-body h3{margin:0 0 6px;font-size:13px;line-height:1.2;font-weight:800}
.ft-card-body h3 a{color:#111;text-decoration:none}
.ft-card-price{font-size:13px;font-weight:900;color:var(--ft-red);line-height:1.2;margin-bottom:10px}
.ft-card-price small{font-size:9px;color:#555;font-weight:700}
.ft-card-actions{display:flex;align-items:stretch;gap:5px}
.ft-card-actions .ft-main-product-action,
.ft-loop-actions .ft-main-product-action{
  flex:1;
  min-width:0;
  min-height:34px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  border-radius:2px;
  background:#111!important;
  color:#fff!important;
  text-decoration:none!important;
  font:900 9px/1 inherit;
  text-transform:uppercase;
  letter-spacing:.2px;
}
.ft-card-actions .ft-main-product-action span{font-size:12px}
.ft-compare-toggle{
  flex:0 0 34px;
  width:34px;
  min-width:34px;
  min-height:34px;
  padding:0!important;
  border:0!important;
  border-radius:2px;
  background:var(--ft-red)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center;
  cursor:pointer;
  font-size:14px;
  line-height:1;
}
.ft-compare-toggle.is-active{background:#111!important}
.ft-favorite-toggle{
  position:absolute!important;
  top:8px;
  right:8px;
  z-index:8;
  width:36px!important;
  height:36px!important;
  min-width:36px;
  min-height:36px;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(17,17,17,.10)!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:0 4px 14px rgba(0,0,0,.16);
  display:grid!important;
  place-items:center;
  cursor:pointer;
  line-height:1;
  transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
}
.ft-favorite-toggle:hover{transform:scale(1.06);border-color:var(--ft-red)!important;color:var(--ft-red)!important}
.ft-favorite-toggle.is-active{background:var(--ft-red)!important;color:#fff!important;border-color:var(--ft-red)!important}
.ft-favorite-toggle .ft-heart-icon{display:grid;place-items:center;width:18px;height:18px}
.ft-favorite-toggle .ft-heart-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ft-favorite-toggle.is-active .ft-heart-icon svg{fill:currentColor;stroke:currentColor}

/* ---------- Shop/category integration ---------- */
.woocommerce ul.products li.product .ft-loop-actions{
  width:100%;
  display:flex;
  gap:5px;
  align-items:stretch;
  margin-top:0;
}
.woocommerce ul.products li.product .ft-loop-actions .button{margin:0!important}
.woocommerce ul.products li.product .ft-loop-actions .ft-main-product-action{width:100%!important}
.woocommerce ul.products li.product .woocommerce ul.products li.product{position:relative}
.woocommerce ul.products li.product .ft-favorite-toggle{top:8px;right:8px}

/* Hide any old duplicate compare labels only when they use the common
   plugin class. The WooCommerce/theme search is deliberately untouched. */
.ft-old-compare{display:none!important}

/* ---------- Compare table ---------- */
.ft-compare-table-wrap{
  width:100%;
  overflow-x:auto;
  border:1px solid #ddd;
  border-radius:3px;
  box-shadow:0 4px 18px rgba(0,0,0,.04);
}
.ft-compare-table{
  width:100%;
  min-width:760px;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
}
.ft-compare-table th,.ft-compare-table td{
  padding:13px 10px;
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd;
  text-align:left;
  vertical-align:middle;
  font-size:12px;
}
.ft-compare-table tr:last-child th,.ft-compare-table tr:last-child td{border-bottom:0}
.ft-compare-table th:last-child,.ft-compare-table td:last-child{border-right:0}
.ft-compare-table thead th{
  background:#111;
  color:#fff;
  height:110px;
}
.ft-compare-table thead th:first-child{width:105px}
.ft-compare-table tbody th{
  width:105px;
  background:#f3f3f3;
  color:#111;
  font-weight:900;
}
.ft-compare-table tbody td{background:#fff;color:#555}
.ft-compare-product-head{position:relative;text-align:center!important}
.ft-compare-product-head>a{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  color:#fff;
  text-decoration:none;
}
.ft-compare-product-head img{
  width:74px!important;
  height:74px!important;
  object-fit:cover;
  border-radius:2px;
  margin:0!important;
}
.ft-compare-product-head strong{font-size:11px;line-height:1.2;text-align:left}
.ft-remove-compare{
  position:absolute;
  top:9px;right:9px;
  width:22px;height:22px;
  border:0;border-radius:50%;
  background:#fff;color:#111;
  font-weight:900;line-height:1;
  cursor:pointer;
  z-index:2;
}
.ft-compare-price{color:var(--ft-red);font-weight:900}

/* ---------- Empty ---------- */
.ft-empty-state{
  border:1px solid #ddd;
  background:#fafafa;
  min-height:260px;
  padding:40px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.ft-empty-icon{
  width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;
  background:#111;color:#fff;
  font-size:22px;margin-bottom:15px;
}
.ft-empty-state h2{margin:0 0 8px;font-size:25px;font-weight:900}
.ft-empty-state p{max-width:560px;margin:0 0 20px;color:#666;font-size:13px;line-height:1.55}

/* ---------- CTA: contained, strong, not full screen ---------- */
.ft-bottom-cta{
  width:100%;
  min-height:148px;
  margin:42px auto 0;
  padding:27px 30px;
  background:#111;
  color:#fff;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.ft-bottom-cta:after{
  content:"";
  position:absolute;
  right:-60px;bottom:-110px;
  width:250px;height:250px;
  border-radius:50%;
  background:var(--ft-red);
  z-index:0;
}
.ft-bottom-cta>div,.ft-bottom-cta>a{position:relative;z-index:1}
.ft-bottom-cta .ft-eyebrow{color:#fff;margin-bottom:7px}
.ft-bottom-cta h2{margin:0;font-size:25px;line-height:1.05;font-weight:900;letter-spacing:-.5px}
.ft-bottom-cta p{margin:7px 0 0;color:rgba(255,255,255,.72);font-size:12px;line-height:1.45}
.ft-bottom-cta .ft-white-button{min-width:155px}

/* ---------- Mis herramientas: left floating button + balanced drawer ---------- */
.ft-tools{position:relative;z-index:999999}
.ft-tools-trigger{
  position:fixed!important;
  left:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:1000001!important;
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  padding:0!important;
  margin:0!important;
  border:2px solid #fff!important;
  border-radius:50%!important;
  background:#111!important;
  color:#fff!important;
  box-shadow:0 7px 24px rgba(0,0,0,.22)!important;
  display:grid!important;
  place-items:center;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
.ft-tools-trigger:hover{background:var(--ft-red)!important;transform:translateY(-50%) scale(1.05)!important}
.ft-tools-trigger-icon{font-size:0;line-height:1}
.ft-tools-trigger-icon:before{content:'☷';font-size:20px;line-height:1;font-weight:900}
.ft-tools-trigger-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ft-tools-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.34);z-index:1000002}
.ft-tools-drawer{
  position:fixed!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:min(380px,calc(100vw - 24px))!important;
  height:100vh!important;
  padding:28px!important;
  margin:0!important;
  background:#fff!important;
  box-shadow:16px 0 50px rgba(0,0,0,.24)!important;
  transform:translateX(-105%);
  transition:transform .25s ease;
  z-index:1000003!important;
  overflow:auto;
}
.ft-tools-drawer.is-open{transform:translateX(0)}
.ft-tools-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid #e5e5e5}
.ft-tools-head strong{display:block;font-size:24px;line-height:1.05;font-weight:900;color:#111}
.ft-tools-kicker{display:block;font-size:9px;letter-spacing:1.5px;font-weight:900;color:var(--ft-red);margin-bottom:6px}
.ft-tools-close{
  width:38px!important;height:38px!important;min-width:38px!important;
  border:0!important;border-radius:50%!important;
  background:#111!important;color:#fff!important;
  display:grid!important;place-items:center;
  font-size:25px!important;line-height:1!important;
  cursor:pointer;
  visibility:visible!important;opacity:1!important;
  flex:0 0 38px;
}
.ft-tools-close:hover{background:var(--ft-red)!important}
.ft-tools-list{display:grid;grid-template-columns:1fr;gap:10px;padding-top:20px}
.ft-tool-item{
  min-height:76px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;padding:11px;
  border:1px solid #dedede;background:#fff;color:#111!important;text-decoration:none!important;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.ft-tool-item:hover{border-color:#111;transform:translateX(2px);box-shadow:0 7px 20px rgba(0,0,0,.07)}
.ft-tool-icon{width:40px;height:40px;display:grid;place-items:center;background:#111;color:#fff;font-size:16px;border-radius:50%}
.ft-tool-icon-heart{background:#fff;color:#111;border:1px solid #dedede;box-shadow:0 3px 10px rgba(0,0,0,.10)}
.ft-tool-icon-heart svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ft-tool-item:hover .ft-tool-icon-heart{color:var(--ft-red);border-color:var(--ft-red)}
.ft-tool-item strong{display:block;font-size:12px;line-height:1.2;font-weight:900}
.ft-tool-item small{display:block;margin-top:4px;color:#777;font-size:10px;line-height:1.2}
.ft-tool-count{min-width:24px;height:24px;padding:0 6px;display:grid;place-items:center;border-radius:50%;background:var(--ft-red);color:#fff;font-size:10px;font-weight:900}
body.ft-tools-open{overflow:hidden}

/* ---------- My Account: balance the existing Mis herramientas cards ---------- */
body.woocommerce-account .ft-account-tools-balance{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
body.woocommerce-account .ft-account-tools-balance > *{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
body.woocommerce-account .ft-account-tools-balance a{min-height:68px}

/* ---------- Toast ---------- */
.ft-toast{
  position:fixed;
  left:50%;
  bottom:24px;
  transform:translate(-50%,20px);
  background:#111;
  color:#fff;
  padding:10px 15px;
  border-radius:2px;
  font-size:11px;
  font-weight:800;
  opacity:0;
  pointer-events:none;
  z-index:1000010;
  transition:opacity .2s ease,transform .2s ease;
}
.ft-toast.is-visible{opacity:1;transform:translate(-50%,0)}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .ft-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ft-page-container{width:min(100% - 30px,900px)}
}
@media (max-width:760px){
  .ft-page-container{width:calc(100% - 24px);padding:24px 0 45px}
  .ft-page-hero{
    min-height:0;
    padding:27px 23px;
    margin-bottom:30px;
    align-items:flex-start;
  }
  .ft-page-hero h1{font-size:34px}
  .ft-hero-mark{display:none}
  .ft-hero-side{flex-basis:82px}
  .ft-compare-limit strong{font-size:44px}
  .ft-page-toolbar{align-items:flex-start;flex-direction:column}
  .ft-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ft-bottom-cta{align-items:flex-start;flex-direction:column;padding:25px 20px}
  .ft-bottom-cta h2{font-size:22px}
  .ft-bottom-cta .ft-white-button{width:100%}
  .ft-tools-trigger{width:48px!important;min-width:48px!important;height:48px!important;left:16px!important}
}
@media (max-width:480px){
  .ft-page-hero{display:block}
  .ft-page-hero h1{font-size:29px}
  .ft-page-hero p{font-size:12px}
  .ft-hero-side{display:none}
  .ft-product-grid{grid-template-columns:1fr 1fr}
  .ft-card-body{padding:10px}
  .ft-card-body h3{font-size:11px}
  .ft-card-price{font-size:11px}
  .ft-card-price small{font-size:8px}
  .ft-card-actions .ft-main-product-action{font-size:8px;padding:0 5px}
  .ft-compare-toggle{flex-basis:32px;width:32px;min-width:32px}

  /* EMPTY STATE — móvil: títulos siempre legibles y sin cortes raros */
  .ft-empty-state{
    min-height:300px;
    padding:34px 18px 32px;
    width:100%;
    box-sizing:border-box;
    overflow:hidden;
  }
  .ft-empty-icon{
    width:48px;
    height:48px;
    margin-bottom:14px;
    flex:0 0 48px;
  }
  .ft-empty-state h2{
    width:100%;
    max-width:310px;
    margin:0 auto 10px;
    font-size:21px;
    line-height:1.16;
    letter-spacing:-.35px;
    font-weight:900;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
  }
  .ft-empty-state p{
    width:100%;
    max-width:300px;
    margin:0 auto 20px;
    font-size:12px;
    line-height:1.5;
  }
  .ft-empty-state .ft-red-button{
    width:auto;
    max-width:100%;
    min-height:42px;
    padding:0 17px;
    white-space:nowrap;
    font-size:9px;
  }
}

@media (max-width:360px){
  .ft-empty-state{padding-left:14px;padding-right:14px}
  .ft-empty-state h2{font-size:19px;line-height:1.18;max-width:280px}
  .ft-empty-state p{max-width:270px;font-size:11.5px}
}

@media (max-width:760px){
  body.woocommerce-account .ft-account-tools-balance{grid-template-columns:1fr!important;gap:10px!important}
  body.woocommerce-account .ft-account-tools-balance > *{width:100%!important}
  .ft-tools-trigger{left:16px!important;width:48px!important;min-width:48px!important;height:48px!important}
  .ft-tools-drawer{width:min(350px,calc(100vw - 18px))!important;padding:22px!important}
}

/* ---------- Shop: one clean action, no duplicate textual compare button ---------- */
.woocommerce ul.products li.product .ft-loop-actions .ft-main-product-action{
  width:100%!important;
  min-height:38px;
  border-radius:2px;
  background:#111!important;
  color:#fff!important;
}
.woocommerce ul.products li.product .ft-loop-actions .ft-main-product-action:hover{background:var(--ft-red)!important}
.woocommerce ul.products li.product .ft-loop-actions + .ft-old-compare{display:none!important}

/* ---------- Mis herramientas: red circular tools button ---------- */
.ft-tools-trigger{
  position:fixed!important;
  left:24px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:1000001!important;
  width:54px!important;
  min-width:54px!important;
  height:54px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:var(--ft-red)!important;
  color:#fff!important;
  box-shadow:0 9px 28px rgba(0,0,0,.28),0 0 0 3px rgba(255,255,255,.92)!important;
  display:grid!important;
  place-items:center;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
}
.ft-tools-trigger:hover{
  background:var(--ft-red)!important;
  transform:translateY(-50%) scale(1.06)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.32),0 0 0 3px rgba(255,255,255,.96)!important;
}
.ft-tools-trigger-icon{display:grid;place-items:center;width:25px;height:25px;font-size:0}
.ft-tools-trigger-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ft-tools-trigger-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Drawer icons / counters ---------- */
.ft-tool-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ft-tool-icon-compare,.ft-tool-icon-store{background:#111;color:#fff}
.ft-tool-count{display:grid;min-width:24px;height:24px;padding:0 6px;place-items:center;border-radius:50%;background:var(--ft-red);color:#fff;font-size:10px;font-weight:900}

/* ---------- Account tools: force the three cards into one desktop row ---------- */
body.woocommerce-account .ft-account-tools-balance{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
  width:100%!important;
}
body.woocommerce-account .ft-account-tools-balance > *{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
body.woocommerce-account .ft-account-tools-balance a{min-height:76px!important}

/* ---------- Full-bleed black CTAs ---------- */
.ft-bottom-cta{
  width:100vw;
  min-height:185px;
  margin:52px 0 0 calc(50% - 50vw);
  padding:38px max(32px,calc((100vw - 1120px)/2));
  background:#111;
  color:#fff;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
}
.ft-bottom-cta:after{
  content:"";position:absolute;right:-80px;bottom:-160px;width:360px;height:360px;border-radius:50%;
  background:var(--ft-red);z-index:0;
}
.ft-bottom-cta:before{
  content:"";position:absolute;right:180px;top:-130px;width:250px;height:250px;border-radius:50%;
  border:1px solid rgba(255,255,255,.10);z-index:0;
}
.ft-bottom-cta>div,.ft-bottom-cta>a{position:relative;z-index:1}
.ft-bottom-cta .ft-eyebrow{color:var(--ft-red);margin-bottom:7px}
.ft-bottom-cta h2{margin:0;color:#fff;font-size:31px;line-height:1.02;font-weight:900;letter-spacing:-.8px}
.ft-bottom-cta p{margin:9px 0 0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.5}
.ft-bottom-cta .ft-white-button{min-width:175px;min-height:44px;border-radius:2px;color:#111;background:#fff}
.ft-bottom-cta .ft-white-button:hover{background:var(--ft-red);color:#fff}

/* ---------- Empty states ---------- */
.ft-empty-state h2{font-size:28px;line-height:1.08}


/* Final responsive overrides for v1.6.3 */
@media (max-width:760px){
  body.woocommerce-account .ft-account-tools-balance{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .ft-page-hero{
    padding:34px 24px;
    min-height:210px;
  }
  .ft-page-hero h1{font-size:clamp(31px,9vw,43px);letter-spacing:-1.4px}
  .ft-page-hero p{font-size:13px;max-width:100%}
  .ft-bottom-cta{
    min-height:210px;
    padding:32px 24px;
  }
  .ft-bottom-cta h2{font-size:26px}
}
@media (max-width:480px){
  .ft-page-hero{padding:30px 18px;min-height:195px}
  .ft-page-hero h1{font-size:29px;line-height:1;letter-spacing:-1px}
  .ft-page-hero p{font-size:12px}
  .ft-empty-state h2{
    max-width:100%;
    font-size:20px;
    line-height:1.18;
    overflow:visible;
    text-wrap:balance;
  }
  .ft-bottom-cta{padding:28px 18px;min-height:225px}
  .ft-bottom-cta h2{font-size:23px}
}

/* =========================================================
   FACTORÍA DE TINTA — v1.6.4 FINAL UI FIXES
   Only restores the controls that were removed/altered in 1.6.3.
   Does not style the native WooCommerce select-options/add-to-cart.
   ========================================================= */

/* ---------- Product cards: correct overlay positioning ---------- */
.woocommerce ul.products li.product{
  position:relative!important;
}

.woocommerce ul.products li.product .ft-favorite-toggle{
  top:8px!important;
  right:8px!important;
  z-index:30!important;
}

.woocommerce ul.products li.product .ft-compare-toggle{
  position:absolute!important;
  top:50px!important;
  right:8px!important;
  z-index:30!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(17,17,17,.10)!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:0 4px 14px rgba(0,0,0,.16)!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  cursor:pointer!important;
}

.woocommerce ul.products li.product .ft-compare-toggle:hover{
  transform:scale(1.06)!important;
  border-color:var(--ft-red)!important;
  color:var(--ft-red)!important;
}

.woocommerce ul.products li.product .ft-compare-toggle.is-active{
  background:var(--ft-red)!important;
  border-color:var(--ft-red)!important;
  color:#fff!important;
}

.ft-compare-toggle .ft-compare-icon,
.ft-compare-toggle .ft-compare-icon svg{
  width:18px!important;
  height:18px!important;
  display:grid!important;
  place-items:center!important;
}

.ft-compare-toggle .ft-compare-icon svg{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Favorites page cards keep the compare control compact beside VER PRODUCTO. */
.ft-card-actions .ft-compare-toggle{
  border-radius:50%!important;
}

/* ---------- Mis herramientas: red round button, lower-left, wrench icon ---------- */
.ft-tools-trigger{
  position:fixed!important;
  left:28px!important;
  right:auto!important;
  top:auto!important;
  bottom:105px!important;
  transform:none!important;
  width:54px!important;
  min-width:54px!important;
  height:54px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:var(--ft-red)!important;
  color:#fff!important;
  box-shadow:0 9px 28px rgba(0,0,0,.28)!important;
  display:grid!important;
  place-items:center!important;
}

.ft-tools-trigger:hover{
  background:var(--ft-red)!important;
  transform:scale(1.06)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.32)!important;
}

/* Kill the old ☷ pseudo-element that produced the strange lines. */
.ft-tools-trigger-icon:before{
  content:none!important;
  display:none!important;
}

.ft-tools-trigger-icon{
  display:grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  font-size:0!important;
  line-height:1!important;
}

.ft-tools-trigger-icon svg{
  display:block!important;
  width:26px!important;
  height:26px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* ---------- Drawer close X: perfectly centered ---------- */
.ft-tools-close{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  overflow:hidden!important;
}

.ft-tools-close span{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
}

/* ---------- Do not alter native WooCommerce loop actions ---------- */
.woocommerce ul.products li.product .ft-loop-actions .ft-main-product-action{
  width:auto!important;
}

/* ---------- Mobile position for the floating tools trigger ---------- */
@media (max-width:760px){
  .ft-tools-trigger{
    left:20px!important;
    bottom:82px!important;
    width:50px!important;
    min-width:50px!important;
    height:50px!important;
  }
  .ft-tools-trigger-icon,
  .ft-tools-trigger-icon svg{
    width:24px!important;
    height:24px!important;
  }
  .woocommerce ul.products li.product .ft-favorite-toggle{
    top:7px!important;
    right:7px!important;
  }
  .woocommerce ul.products li.product .ft-compare-toggle{
    top:48px!important;
    right:7px!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
  }
}

/* =========================================================
   FACTORÍA DE TINTA — v1.6.5 FINAL CORRECTIONS
   Pages, comparator and single-product controls.
   ========================================================= */

/* The theme can hide generic content <header> elements. The plugin heroes
   are now <div>s, and these rules make the dedicated pages self-contained. */
body.ft-plugin-tools-page .entry-title,
body.ft-plugin-tools-page .page-title,
body.ft-plugin-tools-page .page-header .entry-title,
body.ft-plugin-tools-page .page-header .page-title{
  display:none!important;
}

.ft-page-hero{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:270px!important;
  width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  padding:52px max(32px,calc((100vw - 1120px)/2))!important;
  background:#111!important;
  color:#fff!important;
}
.ft-page-hero h1,
.ft-page-hero p,
.ft-page-hero .ft-eyebrow,
.ft-page-hero .ft-hero-side,
.ft-page-hero .ft-hero-mark{visibility:visible!important;opacity:1!important}
.ft-page-hero h1{color:#fff!important}
.ft-page-hero p{color:rgba(255,255,255,.82)!important}

/* Strong, readable bottom CTA. */
.ft-bottom-cta{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:205px!important;
  padding-top:42px!important;
  padding-bottom:42px!important;
  background:#111!important;
  color:#fff!important;
}
.ft-bottom-cta h2{color:#fff!important}
.ft-bottom-cta p{color:rgba(255,255,255,.76)!important}
.ft-bottom-cta .ft-eyebrow{color:var(--ft-red)!important}

/* Cleaner floating tools symbol: adjustment sliders, not a wrench. */
.ft-tools-trigger-icon,
.ft-tools-trigger-icon svg{
  width:26px!important;
  height:26px!important;
}
.ft-tools-trigger-icon svg{
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.ft-tools-trigger-icon svg circle{fill:currentColor!important;stroke:none!important}

/* Single product: visible, horizontal favorite/compare controls without
   touching WooCommerce's native selector or add-to-cart. */
.ft-single-product-tools{
  display:flex!important;
  flex-wrap:wrap;
  gap:9px;
  width:100%;
  margin:0 0 18px!important;
  position:relative;
  z-index:4;
}
.ft-single-product-tools .ft-single-tool{
  position:static!important;
  inset:auto!important;
  flex:0 0 auto;
  min-height:42px!important;
  width:auto!important;
  min-width:205px;
  padding:0 15px!important;
  margin:0!important;
  border:1px solid #111!important;
  border-radius:2px!important;
  background:#111!important;
  color:#fff!important;
  box-shadow:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px;
  cursor:pointer;
  font:900 10px/1 inherit!important;
  letter-spacing:.2px;
}
.ft-single-product-tools .ft-single-tool:hover{background:var(--ft-red)!important;border-color:var(--ft-red)!important;color:#fff!important;transform:none!important}
.ft-single-product-tools .ft-single-tool.is-active{background:var(--ft-red)!important;border-color:var(--ft-red)!important;color:#fff!important}
.ft-single-product-tools .ft-single-tool .ft-heart-icon,
.ft-single-product-tools .ft-single-tool .ft-compare-icon{position:static!important;width:17px!important;height:17px!important;display:grid!important;place-items:center!important}
.ft-single-product-tools .ft-single-tool svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.ft-single-product-tools .ft-single-tool.ft-favorite-toggle.is-active svg{fill:currentColor!important}

/* Comparator: readable description and real action buttons. */
.ft-compare-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.ft-compare-table{min-width:900px!important}
.ft-compare-table thead th{vertical-align:middle!important}
.ft-compare-product-head>a{align-items:center!important}
.ft-compare-product-head strong{color:#fff!important}
.ft-compare-table tbody td{line-height:1.5!important}
.ft-compare-table tbody tr:nth-child(even) td{background:#fafafa}
.ft-compare-table tbody tr:nth-child(even) th{background:#ededed}
.ft-compare-actions{display:flex;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:wrap}
.ft-compare-view-button{
  min-height:34px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  background:#111!important;
  color:#fff!important;
  text-decoration:none!important;
  border-radius:2px;
  font:900 9px/1 inherit;
  white-space:nowrap;
}
.ft-compare-view-button:hover{background:var(--ft-red)!important}
.ft-compare-action-button{
  position:static!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #111!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
}
.ft-compare-action-button:hover{border-color:var(--ft-red)!important;color:var(--ft-red)!important;transform:none!important}
.ft-compare-action-button.is-active{background:var(--ft-red)!important;border-color:var(--ft-red)!important;color:#fff!important}
.ft-compare-action-button svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.ft-compare-action-button.ft-favorite-toggle.is-active svg{fill:currentColor!important}

/* The comparison header gets an obvious product action area too. */
.ft-compare-product-head .ft-remove-compare{top:7px!important;right:7px!important}
.ft-compare-product-head .ft-remove-compare:hover{background:var(--ft-red)!important;color:#fff!important}

@media (max-width:760px){
  .ft-page-hero{min-height:225px!important;padding:36px 22px!important}
  .ft-single-product-tools{gap:8px!important}
  .ft-single-product-tools .ft-single-tool{flex:1 1 100%!important;min-width:0!important}
  .ft-bottom-cta{min-height:230px!important;padding:32px 22px!important}
}


/* =========================================================
   FACTORÍA DE TINTA — v1.6.6 FINAL REQUESTED FIXES
   Only affects the plugin pages and plugin controls.
   The shop/header/menu/search/filter remain untouched.
   ========================================================= */

/* Pages start directly under the site menu: remove the plugin's top white gap. */
body.ft-plugin-tools-page .ft-page-container{
  width:100%!important;
  max-width:none!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
body.ft-plugin-tools-page .ft-page-hero{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  margin-top:0!important;
  margin-bottom:34px!important;
  min-height:255px!important;
  padding:44px max(32px,calc((100vw - 1120px)/2))!important;
  border-radius:0!important;
}

/* Remove the decorative red and grey circles from both heroes. */
body.ft-plugin-tools-page .ft-page-hero:before,
body.ft-plugin-tools-page .ft-page-hero:after{
  display:none!important;
  content:none!important;
}
body.ft-plugin-tools-page .ft-favorites-hero .ft-hero-mark{display:none!important}

/* Keep the actual content comfortably aligned while the hero/CTA can bleed full width. */
body.ft-plugin-tools-page .ft-page-toolbar,
body.ft-plugin-tools-page .ft-product-grid,
body.ft-plugin-tools-page .ft-compare-table-wrap,
body.ft-plugin-tools-page .ft-empty-state{
  width:min(1120px,calc(100% - 40px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* No small red title above "Productos guardados" / "Productos seleccionados". */
body.ft-plugin-tools-page .ft-page-toolbar .ft-section-kicker{display:none!important}

/* Clear buttons: visible, rounded and easy to hit. */
body.ft-plugin-tools-page .ft-black-button.ft-clear-favorites,
body.ft-plugin-tools-page .ft-black-button.ft-clear-compare{
  background:var(--ft-red)!important;
  color:#fff!important;
  border-radius:999px!important;
  min-height:42px!important;
  padding:0 18px!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
body.ft-plugin-tools-page .ft-black-button.ft-clear-favorites:hover,
body.ft-plugin-tools-page .ft-black-button.ft-clear-compare:hover{
  background:#111!important;
  transform:translateY(-1px)!important;
}

/* Product-page controls sit AFTER the native Add to cart button. */
.single-product .ft-single-product-tools{
  order:initial!important;
  margin:12px 0 18px!important;
  gap:7px!important;
}
.single-product .ft-single-product-tools .ft-single-tool{
  min-height:36px!important;
  min-width:0!important;
  padding:0 13px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111!important;
  border:1px solid #d8d8d8!important;
  box-shadow:none!important;
  font-size:9px!important;
}
.single-product .ft-single-product-tools .ft-single-tool:hover,
.single-product .ft-single-product-tools .ft-single-tool.is-active{
  background:#111!important;
  border-color:#111!important;
  color:#fff!important;
}
.single-product .ft-single-product-tools .ft-single-tool .ft-heart-icon,
.single-product .ft-single-product-tools .ft-single-tool .ft-compare-icon{
  width:15px!important;height:15px!important;
}
.single-product .ft-single-product-tools .ft-single-tool svg{
  width:15px!important;height:15px!important;
}

/* Floating Mis herramientas: subtle label appears underneath on hover. */
.ft-tools-trigger{position:relative!important}
.ft-tools-trigger:hover:after{
  content:'MIS HERRAMIENTAS';
  position:absolute;
  top:calc(100% + 8px);
  left:50%;
  transform:translateX(-50%);
  padding:5px 8px;
  border-radius:999px;
  background:var(--ft-red);
  color:#fff;
  font:900 8px/1 inherit;
  letter-spacing:.5px;
  white-space:nowrap;
  box-shadow:0 5px 14px rgba(0,0,0,.18);
  pointer-events:none;
}

/* Cleaner CTA: no red/grey circles, readable text, joins the footer. */
body.ft-plugin-tools-page .ft-bottom-cta{
  width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:0!important;
  margin-top:34px!important;
  margin-bottom:0!important;
  min-height:190px!important;
  padding:40px max(32px,calc((100vw - 1120px)/2))!important;
  border-radius:0!important;
  border:0!important;
  background:#111!important;
}
body.ft-plugin-tools-page .ft-bottom-cta:before,
body.ft-plugin-tools-page .ft-bottom-cta:after{
  display:none!important;
  content:none!important;
}
body.ft-plugin-tools-page .ft-bottom-cta .ft-eyebrow{color:#fff!important}
body.ft-plugin-tools-page .ft-bottom-cta h2{
  color:#fff!important;
  font-size:clamp(24px,3vw,34px)!important;
  line-height:1.05!important;
  max-width:760px!important;
}
body.ft-plugin-tools-page .ft-bottom-cta p{
  color:rgba(255,255,255,.76)!important;
  max-width:700px!important;
}
body.ft-plugin-tools-page .ft-bottom-cta .ft-white-button{
  min-width:190px!important;
  min-height:44px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111!important;
  border:0!important;
}
body.ft-plugin-tools-page .ft-bottom-cta .ft-white-button:hover{
  background:var(--ft-red)!important;
  color:#fff!important;
}

/* Stop the theme from inserting a white strip between plugin CTA and footer. */
body.ft-plugin-tools-page footer,
body.ft-plugin-tools-page .site-footer,
body.ft-plugin-tools-page #colophon{
  margin-top:0!important;
  border-top:0!important;
}

/* Comparator: give every product column enough room and make descriptions breathe. */
.ft-compare-table{
  min-width:1180px!important;
}
.ft-compare-table th,
.ft-compare-table td{
  padding:14px 13px!important;
  line-height:1.55!important;
  overflow-wrap:anywhere;
  word-break:normal;
}
.ft-compare-table tbody td{
  vertical-align:top!important;
}
.ft-compare-table tbody .ft-compare-description-cell{
  min-width:240px!important;
  color:#444!important;
  line-height:1.65!important;
  white-space:normal!important;
}
.ft-compare-table tbody tr:first-child th,
.ft-compare-table tbody tr:first-child td{
  padding-top:16px!important;
}
.ft-compare-actions{gap:7px!important}
.ft-compare-view-button{
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  font-size:9px!important;
}
.ft-compare-action-button,
.ft-remove-compare{
  border-radius:50%!important;
}
.ft-remove-compare{width:24px!important;height:24px!important}

/* Product comparison header is black only; no decorative red/grey shapes. */
body.ft-plugin-tools-page .ft-compare-hero .ft-hero-side{color:#fff!important}

@media (max-width:760px){
  body.ft-plugin-tools-page .ft-page-hero{
    width:100%!important;
    margin-left:0!important;
    margin-bottom:24px!important;
    padding:32px 20px!important;
  }
  body.ft-plugin-tools-page .ft-page-toolbar,
  body.ft-plugin-tools-page .ft-product-grid,
  body.ft-plugin-tools-page .ft-compare-table-wrap,
  body.ft-plugin-tools-page .ft-empty-state{
    width:calc(100% - 24px)!important;
  }
  body.ft-plugin-tools-page .ft-page-toolbar{align-items:flex-start!important}
  body.ft-plugin-tools-page .ft-bottom-cta{
    width:100%!important;
    margin-left:0!important;
    margin-top:24px!important;
    padding:30px 20px!important;
    min-height:210px!important;
  }
  .single-product .ft-single-product-tools .ft-single-tool{
    flex:0 0 auto!important;
  }
}


/* =========================================================
   FACTORÍA DE TINTA — v1.6.8 FINAL LAYOUT CORRECTION
   IMPORTANT: ONLY the dedicated Favoritos/Comparador pages.
   The WooCommerce shop, product pages, header and store CTA are untouched.
   ========================================================= */

/* The page itself must not add a bottom gutter that can separate the CTA
   from the site's real footer. */
body.ft-plugin-tools-page,
body.ft-plugin-tools-page .ft-page,
body.ft-plugin-tools-page .ft-page-container{
  margin-bottom:0!important;
  padding-bottom:0!important;
}

/* Full-bleed heroes: escape Elementor/theme boxed columns completely. */
body.ft-plugin-tools-page .ft-page-hero{
  display:flex!important;
  width:100vw!important;
  max-width:none!important;
  min-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:0!important;
  margin-top:0!important;
  margin-bottom:34px!important;
  padding:44px max(32px,calc((100vw - 1120px)/2))!important;
  border-radius:0!important;
  overflow:hidden!important;
}

/* Keep only the useful hero content constrained; the black background spans
   the entire viewport. */
body.ft-plugin-tools-page .ft-page-hero .ft-hero-copy{
  width:min(760px,100%)!important;
  max-width:760px!important;
}
body.ft-plugin-tools-page .ft-compare-hero .ft-hero-copy{
  max-width:760px!important;
}

/* The CTA is a sibling of the constrained content, not a child of the
   1120px container. This makes it physically meet the footer. */
body.ft-plugin-tools-page .ft-bottom-cta{
  display:flex!important;
  width:100vw!important;
  max-width:none!important;
  min-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:0!important;
  margin-top:34px!important;
  margin-bottom:0!important;
  border-radius:0!important;
  border:0!important;
  box-shadow:none!important;
  min-height:190px!important;
  padding:40px max(32px,calc((100vw - 1120px)/2))!important;
}

/* Never let a theme/page-builder wrapper create a gap after the CTA. */
body.ft-plugin-tools-page .ft-bottom-cta + *{
  margin-top:0!important;
}
body.ft-plugin-tools-page footer,
body.ft-plugin-tools-page .site-footer,
body.ft-plugin-tools-page #colophon,
body.ft-plugin-tools-page .elementor-location-footer{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}

/* Preserve the actual shop CTA completely outside this plugin-page fix. */
body:not(.ft-plugin-tools-page) .ft-tienda-cta{
  position:relative!important;
  margin-bottom:0!important;
}

@media (max-width:760px){
  body.ft-plugin-tools-page .ft-page-hero{
    width:100vw!important;
    min-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-bottom:24px!important;
    padding:32px 20px!important;
  }
  body.ft-plugin-tools-page .ft-bottom-cta{
    width:100vw!important;
    min-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-top:24px!important;
    padding:30px 20px!important;
    min-height:210px!important;
  }
}

/* =========================================================
   FACTORÍA DE TINTA — v1.6.9 FIXES
   Dedicated only to Favoritos / Comparador.
   ========================================================= */

/* The red underline under "Productos guardados/seleccionados" was the
   plugin's decorative toolbar line. Remove it completely. */
body.ft-plugin-tools-page .ft-page-toolbar h2:after{
  display:none!important;
  content:none!important;
}

/* Card titles must behave like normal block text. Theme/WooCommerce rules
   must not position or clamp them over the following price/buttons. */
body.ft-plugin-tools-page .ft-favorites-grid .ft-product-card,
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-body{
  min-width:0!important;
  overflow:hidden!important;
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-body h3,
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-body h3 a{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 0 8px!important;
  padding:0!important;
  float:none!important;
  clear:both!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.28!important;
  font-size:13px!important;
  transform:none!important;
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-price{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 10px!important;
  padding:0!important;
  line-height:1.25!important;
  clear:both!important;
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-actions{
  position:static!important;
  display:flex!important;
  width:100%!important;
  height:auto!important;
  min-height:34px!important;
  clear:both!important;
  align-items:stretch!important;
}

/* Use exactly the same SVG heart treatment as the shop cards. */
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-image .ft-favorite-toggle{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  top:8px!important;
  right:8px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  z-index:8!important;
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-image .ft-favorite-toggle .ft-heart-icon,
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-image .ft-favorite-toggle .ft-heart-icon svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
}

/* Empty states: fixed vertical rhythm so title, text and CTA can never
   overlap or inherit Elementor/WooCommerce positioning. */
body.ft-plugin-tools-page .ft-empty-state{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  text-align:center!important;
  min-height:260px!important;
  padding:42px 24px!important;
  overflow:hidden!important;
}
body.ft-plugin-tools-page .ft-empty-state > *{
  position:static!important;
  float:none!important;
  transform:none!important;
  flex:none!important;
}
body.ft-plugin-tools-page .ft-empty-state .ft-empty-icon{
  margin:0 0 16px!important;
}
body.ft-plugin-tools-page .ft-empty-state h2{
  display:block!important;
  width:100%!important;
  max-width:760px!important;
  margin:0 0 10px!important;
  padding:0!important;
  font-size:28px!important;
  line-height:1.12!important;
  letter-spacing:-.5px!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  color:#111!important;
}
body.ft-plugin-tools-page .ft-empty-state p{
  display:block!important;
  width:100%!important;
  max-width:620px!important;
  margin:0 0 22px!important;
  padding:0!important;
  font-size:13px!important;
  line-height:1.55!important;
  color:#666!important;
}
body.ft-plugin-tools-page .ft-empty-state .ft-red-button{
  position:relative!important;
  z-index:5!important;
  display:inline-flex!important;
  width:auto!important;
  min-width:175px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 20px!important;
  pointer-events:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}

/* CTA is always present, including an empty comparison page, and has no
   decorative red circle or inherited spacing at the bottom. */
body.ft-plugin-tools-page .ft-bottom-cta{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100vw!important;
  max-width:none!important;
  min-width:100vw!important;
  margin-top:32px!important;
  margin-bottom:0!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:0!important;
  padding:40px max(32px,calc((100vw - 1120px)/2))!important;
  min-height:190px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  background:#111!important;
}
body.ft-plugin-tools-page .ft-bottom-cta:before,
body.ft-plugin-tools-page .ft-bottom-cta:after{
  display:none!important;
  content:none!important;
}
body.ft-plugin-tools-page .ft-bottom-cta > div,
body.ft-plugin-tools-page .ft-bottom-cta > a{
  position:relative!important;
  z-index:3!important;
}
body.ft-plugin-tools-page .ft-bottom-cta .ft-white-button{
  position:relative!important;
  z-index:4!important;
  flex:0 0 auto!important;
  pointer-events:auto!important;
}

/* Remove the page-builder bottom gutter that was leaving a white strip before
   the real site footer. The CTA itself remains in normal document flow. */
body.ft-plugin-tools-page .ft-page{
  margin-bottom:0!important;
  padding-bottom:0!important;
}
body.ft-plugin-tools-page .ft-page-container{
  margin-bottom:0!important;
  padding-bottom:0!important;
}
body.ft-plugin-tools-page main,
body.ft-plugin-tools-page .site-main,
body.ft-plugin-tools-page .content-area,
body.ft-plugin-tools-page #content,
body.ft-plugin-tools-page .elementor-location-content,
body.ft-plugin-tools-page .elementor-location-single{
  margin-bottom:0!important;
  padding-bottom:0!important;
}

/* --- Sticky tools tab on the dedicated pages ---
   It is no longer fixed to the viewport. JS moves the tools block into the
   plugin page, where the trigger behaves as a real sticky element. */
body.ft-plugin-tools-page .ft-tools{
  position:sticky!important;
  top:50vh!important;
  height:0!important;
  width:0!important;
  margin:0!important;
  padding:0!important;
  z-index:1000001!important;
}
body.ft-plugin-tools-page .ft-tools-trigger{
  position:relative!important;
  left:14px!important;
  top:0!important;
  transform:translateY(-50%)!important;
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  border:0!important;
  border-radius:12px!important;
  background:var(--ft-red)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.22)!important;
}
body.ft-plugin-tools-page .ft-tools-trigger:hover{
  transform:translateY(-50%) scale(1.04)!important;
  background:#111!important;
}
body.ft-plugin-tools-page .ft-tools-trigger-icon,
body.ft-plugin-tools-page .ft-tools-trigger-icon svg{
  width:22px!important;
  height:22px!important;
}
body.ft-plugin-tools-page .ft-tools-trigger-icon:before{display:none!important;content:none!important}
body.ft-plugin-tools-page .ft-tools-trigger-text{
  position:absolute!important;
  width:auto!important;
  height:auto!important;
  clip:auto!important;
  overflow:visible!important;
  left:52px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  padding:6px 9px!important;
  border-radius:6px!important;
  background:#111!important;
  color:#fff!important;
  font:900 9px/1 inherit!important;
  letter-spacing:.4px!important;
  white-space:nowrap!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .15s ease!important;
}
body.ft-plugin-tools-page .ft-tools-trigger:hover .ft-tools-trigger-text{
  opacity:1!important;
}

/* Drawer remains a true viewport overlay; only the trigger changed from fixed
   to sticky. */
body.ft-plugin-tools-page .ft-tools-drawer,
body.ft-plugin-tools-page .ft-tools-backdrop{
  position:fixed!important;
}

@media (max-width:760px){
  body.ft-plugin-tools-page .ft-empty-state{
    min-height:300px!important;
    padding:34px 18px!important;
  }
  body.ft-plugin-tools-page .ft-empty-state h2{
    max-width:340px!important;
    font-size:22px!important;
    line-height:1.18!important;
  }
  body.ft-plugin-tools-page .ft-empty-state p{
    max-width:320px!important;
    font-size:12px!important;
  }
  body.ft-plugin-tools-page .ft-bottom-cta{
    width:100vw!important;
    min-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-top:24px!important;
    padding:30px 20px!important;
    min-height:210px!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  body.ft-plugin-tools-page .ft-bottom-cta .ft-white-button{
    width:auto!important;
    min-width:190px!important;
  }
  body.ft-plugin-tools-page .ft-tools-trigger{
    left:8px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
  }
}


/* =========================================================
   FACTORÍA DE TINTA — v1.7.7
   FINAL PATCH BUILT ON THE WORKING v1.6.9(2)
   - The red tools button is REAL STICKY, never fixed, on Favorites/Compare.
   - It remains visible because its sticky wrapper has real dimensions.
   - Favorites product CTAs are red and slightly larger.
   - More breathing room between "Productos guardados" and the cards.
   - Empty Favorites CTA is always visible and readable.
   - Compare link resolves to the actual WordPress "Comparar productos" page.
   ========================================================= */

/* REAL STICKY: the JS already moves .ft-tools inside .ft-page on these two
   pages. Do not give the wrapper zero height: that was what made the button
   disappear in the previous revision. */
body.ft-plugin-tools-page .ft-page > .ft-tools{
  position:sticky!important;
  top:calc(50vh - 27px)!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  margin:0 0 -54px 18px!important;
  padding:0!important;
  z-index:1000001!important;
  overflow:visible!important;
  transform:none!important;
  pointer-events:none!important;
  align-self:flex-start!important;
}

body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger{
  position:relative!important;
  top:0!important;
  left:0!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:var(--ft-red)!important;
  color:#fff!important;
  box-shadow:0 9px 28px rgba(0,0,0,.28)!important;
  display:grid!important;
  place-items:center!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  opacity:1!important;
  visibility:visible!important;
}

body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger:hover,
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger:focus-visible{
  background:var(--ft-red)!important;
  color:#fff!important;
  transform:scale(1.06)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.32)!important;
  outline:none!important;
}

/* Never show the old textual label. */
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger-text,
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger:after{
  display:none!important;
  content:none!important;
}

body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger-icon,
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger-icon svg{
  display:grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  margin:0!important;
  padding:0!important;
}
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger-icon:before{
  display:none!important;
  content:none!important;
}
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger-icon svg{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Drawer/backdrop are intentionally fixed: only the trigger is sticky. */
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-drawer,
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-backdrop{
  position:fixed!important;
}

/* More separation under "Productos guardados". */
body.ft-plugin-tools-page .ft-page-toolbar{
  margin-bottom:32px!important;
}
body.ft-plugin-tools-page .ft-page-toolbar h2{
  margin-bottom:0!important;
}

/* Favorites product buttons: Factoría red + a little larger. */
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-actions .ft-main-product-action{
  min-height:40px!important;
  padding:0 14px!important;
  background:var(--ft-red)!important;
  color:#fff!important;
  border:0!important;
  border-radius:2px!important;
  font-size:10px!important;
  font-weight:900!important;
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-actions .ft-main-product-action:hover,
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-actions .ft-main-product-action:focus-visible{
  background:#111!important;
  color:#fff!important;
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-actions .ft-compare-toggle{
  flex:0 0 38px!important;
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  border-radius:50%!important;
  background:#111!important;
  color:#fff!important;
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-actions .ft-compare-toggle:hover,
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-actions .ft-compare-toggle.is-active{
  background:var(--ft-red)!important;
  color:#fff!important;
}

/* Empty Favorites state: button cannot inherit a hidden/transparent style. */
body.ft-plugin-tools-page .ft-empty-state .ft-red-button{
  background:var(--ft-red)!important;
  color:#fff!important;
  min-height:46px!important;
  min-width:185px!important;
  padding:0 22px!important;
  border:0!important;
  border-radius:2px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  opacity:1!important;
  visibility:visible!important;
  position:relative!important;
  z-index:10!important;
}
body.ft-plugin-tools-page .ft-empty-state .ft-red-button:hover{
  background:#111!important;
  color:#fff!important;
}

@media (max-width:760px){
  body.ft-plugin-tools-page .ft-page > .ft-tools{
    top:calc(50vh - 25px)!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    margin-left:12px!important;
    margin-bottom:-50px!important;
  }
  body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger{
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
  }
  body.ft-plugin-tools-page .ft-favorites-grid .ft-card-actions .ft-main-product-action{
    min-height:39px!important;
    padding:0 10px!important;
    font-size:9px!important;
  }
}

/* =========================================================
   FACTORÍA DE TINTA — v1.7.8 FINAL CLEANUP
   - One round Mis herramientas trigger only.
   - Real visible Favorites/Compare heroes.
   - Cleaner CTA blocks.
   - One compare action per product context.
   - Cleaner My Account helper cards.
   - Single-product duplicate controls are normalized by JS.
   ========================================================= */

/* ---------- ONE floating Mis herramientas button ---------- */
.ft-tools-trigger,
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger{
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:var(--ft-red)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 9px 26px rgba(0,0,0,.25)!important;
  overflow:visible!important;
}
body:not(.ft-plugin-tools-page) .ft-tools-trigger{
  position:fixed!important;
  left:18px!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  z-index:1000001!important;
}
body:not(.ft-plugin-tools-page) .ft-tools-trigger:hover,
body:not(.ft-plugin-tools-page) .ft-tools-trigger:focus-visible{
  transform:translateY(-50%) scale(1.06)!important;
  outline:none!important;
}
.ft-tools-trigger-text,
.ft-tools-trigger:after{
  display:none!important;
  content:none!important;
}
.ft-tools-trigger-icon,
.ft-tools-trigger-icon svg{
  width:25px!important;
  height:25px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
}
.ft-tools-trigger-icon svg{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.ft-tools-trigger-icon:before{display:none!important;content:none!important}

/* On Favorites/Compare the wrapper supplies the sticky footprint. */
body.ft-plugin-tools-page .ft-page > .ft-tools{
  position:sticky!important;
  top:calc(50vh - 26px)!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  margin:0 0 -52px 18px!important;
  padding:0!important;
  z-index:1000001!important;
  overflow:visible!important;
  pointer-events:none!important;
  align-self:flex-start!important;
}
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger{pointer-events:auto!important;position:relative!important;transform:none!important}
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger:hover,
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger:focus-visible{
  transform:scale(1.06)!important;
  outline:none!important;
}
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-drawer,
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-backdrop{position:fixed!important}

/* ---------- HERO: visible, compact, no theme interference ---------- */
body.ft-plugin-tools-page .ft-page-container{
  width:min(1120px,calc(100% - 40px))!important;
  margin:0 auto!important;
  padding:28px 0 44px!important;
}
body.ft-plugin-tools-page .ft-page-hero{
  position:relative!important;
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:220px!important;
  margin:0 0 28px!important;
  padding:38px 42px!important;
  border-radius:14px!important;
  background:#111!important;
  color:#fff!important;
  overflow:hidden!important;
  isolation:isolate!important;
  box-shadow:0 10px 30px rgba(0,0,0,.08)!important;
}
body.ft-plugin-tools-page .ft-page-hero:before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  right:-90px!important;
  bottom:-150px!important;
  width:330px!important;
  height:330px!important;
  border-radius:50%!important;
  background:rgba(237,7,18,.22)!important;
  border:0!important;
  z-index:-1!important;
}
body.ft-plugin-tools-page .ft-page-hero:after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  right:-45px!important;
  top:-120px!important;
  width:270px!important;
  height:270px!important;
  border-radius:50%!important;
  background:var(--ft-red)!important;
  z-index:-2!important;
}
body.ft-plugin-tools-page .ft-hero-copy{max-width:760px!important;position:relative!important;z-index:3!important}
body.ft-plugin-tools-page .ft-page-hero .ft-eyebrow{color:#fff!important;margin-bottom:9px!important}
body.ft-plugin-tools-page .ft-page-hero h1{
  color:#fff!important;
  font-size:clamp(36px,4.8vw,58px)!important;
  line-height:.96!important;
  letter-spacing:-2px!important;
  margin:0!important;
}
body.ft-plugin-tools-page .ft-page-hero h1 em{color:var(--ft-red)!important;font-style:normal!important}
body.ft-plugin-tools-page .ft-page-hero p{
  color:rgba(255,255,255,.80)!important;
  max-width:650px!important;
  margin:14px 0 0!important;
  font-size:13px!important;
  line-height:1.55!important;
}
body.ft-plugin-tools-page .ft-hero-side{position:relative!important;z-index:3!important;flex:0 0 150px!important}
body.ft-plugin-tools-page .ft-compare-limit strong{font-size:58px!important;color:#fff!important}

/* Don't repeat the same title immediately below the hero. Keep the clear button. */
body.ft-plugin-tools-page .ft-page-toolbar{
  min-height:42px!important;
  margin:0 0 22px!important;
  align-items:center!important;
}
body.ft-plugin-tools-page .ft-page-toolbar > div:has(h2){display:none!important}
body.ft-plugin-tools-page .ft-page-toolbar:has(> button){justify-content:flex-end!important}

/* ---------- FAVORITES / COMPARE CARDS ---------- */
body.ft-plugin-tools-page .ft-favorites-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-product-card{
  border-radius:8px!important;
  box-shadow:0 6px 20px rgba(0,0,0,.07)!important;
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-body{padding:14px!important}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-price{color:var(--ft-red)!important;font-weight:900!important}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-price small{color:#777!important;font-weight:700!important}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-actions .ft-main-product-action{
  background:var(--ft-red)!important;
  color:#fff!important;
  border-radius:4px!important;
  min-height:40px!important;
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-actions .ft-compare-toggle{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  border-radius:50%!important;
  background:#111!important;
  color:#fff!important;
}

/* ---------- CTA: one clean red block, no broken circles/full-bleed gutter ---------- */
body.ft-plugin-tools-page .ft-bottom-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:30px!important;
  width:min(1120px,calc(100% - 40px))!important;
  min-width:0!important;
  max-width:1120px!important;
  min-height:175px!important;
  margin:0 auto 34px!important;
  padding:34px 42px!important;
  border:0!important;
  border-radius:14px!important;
  background:var(--ft-red)!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(0,0,0,.10)!important;
  overflow:hidden!important;
}
body.ft-plugin-tools-page .ft-bottom-cta:before,
body.ft-plugin-tools-page .ft-bottom-cta:after{display:none!important;content:none!important}
body.ft-plugin-tools-page .ft-bottom-cta > div,
body.ft-plugin-tools-page .ft-bottom-cta > a{position:relative!important;z-index:2!important}
body.ft-plugin-tools-page .ft-bottom-cta .ft-eyebrow{color:#fff!important;margin-bottom:7px!important}
body.ft-plugin-tools-page .ft-bottom-cta h2{
  color:#fff!important;
  margin:0!important;
  font-size:clamp(24px,3vw,34px)!important;
  line-height:1.05!important;
  max-width:760px!important;
}
body.ft-plugin-tools-page .ft-bottom-cta p{color:rgba(255,255,255,.86)!important;max-width:700px!important;margin:8px 0 0!important}
body.ft-plugin-tools-page .ft-bottom-cta .ft-white-button{
  flex:0 0 auto!important;
  min-width:190px!important;
  min-height:46px!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#111!important;
}
body.ft-plugin-tools-page .ft-bottom-cta .ft-white-button:hover{background:#111!important;color:#fff!important}

/* ---------- COMPARATOR: no second compare action in the Actions row ---------- */
body.ft-plugin-tools-page .ft-compare-table{min-width:1080px!important}
body.ft-plugin-tools-page .ft-compare-actions{gap:8px!important}
body.ft-plugin-tools-page .ft-compare-action-button.ft-compare-toggle{display:none!important}
body.ft-plugin-tools-page .ft-compare-view-button{background:var(--ft-red)!important;border-radius:4px!important;min-height:38px!important}
body.ft-plugin-tools-page .ft-compare-view-button:hover{background:#111!important}
body.ft-plugin-tools-page .ft-compare-action-button.ft-favorite-toggle{border-radius:50%!important}

/* ---------- SINGLE PRODUCT: if our pair remains, make it match the site ---------- */
.single-product .ft-single-product-tools .ft-single-tool{
  min-height:38px!important;
  min-width:0!important;
  padding:0 15px!important;
  border-radius:6px!important;
  background:var(--ft-red)!important;
  color:#fff!important;
  border:0!important;
  font-size:9px!important;
}
.single-product .ft-single-product-tools .ft-single-tool:hover,
.single-product .ft-single-product-tools .ft-single-tool.is-active{
  background:#111!important;
  color:#fff!important;
}

/* ---------- MY ACCOUNT: three proper cards, one icon and one arrow ---------- */
body.woocommerce-account .ft-account-tools-balance{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  margin:14px 0 0!important;
  align-items:stretch!important;
}
body.woocommerce-account .ft-account-tools-balance > *{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
body.woocommerce-account .ft-account-tools-balance a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:84px!important;
  padding:12px 48px 12px 58px!important;
  border:1px solid #ddd!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#111!important;
  text-decoration:none!important;
  box-shadow:0 5px 16px rgba(0,0,0,.05)!important;
  transform:none!important;
}
body.woocommerce-account .ft-account-tools-balance a:before{display:none!important;content:none!important}
body.woocommerce-account .ft-account-tools-balance a:after{
  content:'→'!important;
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:var(--ft-red)!important;
  color:#fff!important;
  font:900 14px/1 Arial,sans-serif!important;
}
body.woocommerce-account .ft-account-tools-balance a:hover{border-color:var(--ft-red)!important;box-shadow:0 9px 24px rgba(0,0,0,.08)!important;transform:translateY(-2px)!important}
body.woocommerce-account .ft-account-tools-balance a .ft-account-tool-icon{
  position:absolute!important;
  left:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:32px!important;
  height:32px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#111!important;
  color:#fff!important;
  z-index:2!important;
}
body.woocommerce-account .ft-account-tools-balance a:hover .ft-account-tool-icon{background:var(--ft-red)!important}
body.woocommerce-account .ft-account-tools-balance a .ft-account-tool-icon svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.woocommerce-account .ft-account-tools-balance a strong{display:block!important;font-size:12px!important;font-weight:900!important;line-height:1.2!important}
body.woocommerce-account .ft-account-tools-balance a small{display:block!important;margin-top:4px!important;font-size:10px!important;color:#777!important;line-height:1.25!important}

/* ---------- Mobile ---------- */
@media (max-width:980px){
  body.ft-plugin-tools-page .ft-favorites-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.woocommerce-account .ft-account-tools-balance{grid-template-columns:1fr!important}
}
@media (max-width:760px){
  body:not(.ft-plugin-tools-page) .ft-tools-trigger{left:12px!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important}
  body.ft-plugin-tools-page .ft-page > .ft-tools{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;margin-left:10px!important;margin-bottom:-48px!important}
  body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important}
  body.ft-plugin-tools-page .ft-page-container{width:calc(100% - 24px)!important;padding:22px 0 34px!important}
  body.ft-plugin-tools-page .ft-page-hero{min-height:205px!important;padding:30px 24px!important;border-radius:12px!important}
  body.ft-plugin-tools-page .ft-page-hero h1{font-size:34px!important;letter-spacing:-1.2px!important}
  body.ft-plugin-tools-page .ft-page-hero p{font-size:12px!important}
  body.ft-plugin-tools-page .ft-hero-side{display:none!important}
  body.ft-plugin-tools-page .ft-favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body.ft-plugin-tools-page .ft-bottom-cta{width:calc(100% - 24px)!important;min-height:220px!important;margin:0 12px 24px!important;padding:30px 22px!important;flex-direction:column!important;align-items:flex-start!important;border-radius:12px!important}
  body.ft-plugin-tools-page .ft-bottom-cta .ft-white-button{width:auto!important;min-width:185px!important}
  body.ft-plugin-tools-page .ft-compare-table{min-width:880px!important}
}
@media (max-width:480px){
  body.ft-plugin-tools-page .ft-favorites-grid{grid-template-columns:1fr!important}
}

/* =========================================================
   FACTORÍA DE TINTA — v1.7.9 FINAL VISUAL FIX
   Exact requested cleanup. Scoped to the ecommerce plugin controls/pages.
   ========================================================= */

:root{--ft-red:#ed0712!important;--ft-black:#111!important}

/* ---------- FLOATING TOOLS ---------- */
.ft-tools,
body.ft-plugin-tools-page .ft-page > .ft-tools{
  position:fixed!important;
  left:18px!important;
  right:auto!important;
  bottom:120px!important;
  top:auto!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:0!important;
  z-index:1000001!important;
  pointer-events:none!important;
  overflow:visible!important;
}
.ft-tools-trigger,
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger{
  position:relative!important;
  left:0!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  border:0!important;
  border-radius:50%!important;
  background:#111!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
  transform:none!important;
  pointer-events:auto!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
.ft-tools-trigger:hover,
.ft-tools-trigger:focus-visible,
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger:hover,
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger:focus-visible{
  background:var(--ft-red)!important;
  color:#fff!important;
  transform:scale(1.06)!important;
  box-shadow:0 10px 28px rgba(237,7,18,.28)!important;
  outline:none!important;
}
.ft-tools-trigger:after{
  content:'herramientas'!important;
  position:absolute!important;
  left:64px!important;
  top:50%!important;
  transform:translateY(-50%) translateX(-4px)!important;
  width:max-content!important;
  height:auto!important;
  clip:auto!important;
  overflow:visible!important;
  white-space:nowrap!important;
  color:var(--ft-red)!important;
  font:900 12px/1 inherit!important;
  letter-spacing:.2px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .16s ease,transform .16s ease!important;
  background:transparent!important;
}
.ft-tools-trigger:hover:after,
.ft-tools-trigger:focus-visible:after{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(-50%) translateX(0)!important;
}
.ft-tools-trigger-text{display:none!important}
.ft-tools-trigger-icon,
.ft-tools-trigger-icon svg{
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
}
.ft-tools-trigger-icon svg{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.ft-tools-trigger-icon:before{display:none!important;content:none!important}

/* Drawer: four clean tools, including the file-review page. */
.ft-tools-list{gap:10px!important}
.ft-tool-item{
  min-height:68px!important;
  padding:10px 12px!important;
  border:1px solid #e1e1e1!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#111!important;
  text-decoration:none!important;
  box-shadow:0 4px 14px rgba(0,0,0,.05)!important;
}
.ft-tool-item:hover{border-color:var(--ft-red)!important;transform:translateY(-1px)!important}
.ft-tool-icon{
  width:36px!important;height:36px!important;min-width:36px!important;
  border-radius:50%!important;background:#111!important;color:#fff!important;
  display:grid!important;place-items:center!important;
}
.ft-tool-item:hover .ft-tool-icon{background:var(--ft-red)!important}
.ft-tool-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.ft-tool-count{background:var(--ft-red)!important;color:#fff!important;border-radius:999px!important;min-width:22px!important;height:22px!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:900!important}

/* ---------- HOME-STYLE HERO ---------- */
body.ft-plugin-tools-page .ft-page-container{
  width:100%!important;
  max-width:none!important;
  padding:0 0 44px!important;
}
body.ft-plugin-tools-page .ft-page-hero{
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:space-between!important;
  width:100vw!important;
  max-width:none!important;
  min-height:330px!important;
  margin:0 0 38px!important;
  margin-left:calc(50% - 50vw)!important;
  padding:54px max(40px,calc((100vw - 1120px)/2))!important;
  border-radius:0!important;
  background:#111!important;
  box-shadow:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
body.ft-plugin-tools-page .ft-page-hero:before,
body.ft-plugin-tools-page .ft-page-hero:after{display:none!important;content:none!important}
body.ft-plugin-tools-page .ft-hero-copy{
  width:50%!important;
  max-width:560px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  position:relative!important;
  z-index:3!important;
}
body.ft-plugin-tools-page .ft-page-hero .ft-eyebrow{
  color:var(--ft-red)!important;
  margin:0 0 10px!important;
  font-size:10px!important;
  letter-spacing:1.7px!important;
}
body.ft-plugin-tools-page .ft-page-hero h1{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(38px,4.7vw,60px)!important;
  line-height:.94!important;
  letter-spacing:-2.3px!important;
  font-weight:900!important;
}
body.ft-plugin-tools-page .ft-page-hero h1 em{color:var(--ft-red)!important;font-style:normal!important}
body.ft-plugin-tools-page .ft-page-hero p{
  margin:16px 0 0!important;
  max-width:560px!important;
  color:rgba(255,255,255,.82)!important;
  font-size:14px!important;
  line-height:1.55!important;
}
body.ft-plugin-tools-page .ft-hero-photo{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:50%!important;
  height:100%!important;
  background-image:url('https://www.factoriadetinta.com/wp-content/uploads/2026/08/Diseno-sin-titulo-53-1024x683.png')!important;
  background-size:cover!important;
  background-position:center!important;
  z-index:1!important;
}
body.ft-plugin-tools-page .ft-hero-photo:before{
  content:''!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:26%!important;
  background:linear-gradient(90deg,#111 0%,rgba(17,17,17,.84) 34%,rgba(17,17,17,0) 100%)!important;
}
body.ft-plugin-tools-page .ft-hero-side{display:none!important}

/* ---------- CONTENT WIDTH ---------- */
body.ft-plugin-tools-page .ft-page-toolbar,
body.ft-plugin-tools-page .ft-product-grid,
body.ft-plugin-tools-page .ft-compare-table-wrap,
body.ft-plugin-tools-page .ft-empty-state{
  width:min(1120px,calc(100% - 40px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.ft-plugin-tools-page .ft-page-toolbar{margin-bottom:24px!important}

/* ---------- CLEAR BUTTONS ---------- */
body.ft-plugin-tools-page .ft-black-button.ft-clear-favorites,
body.ft-plugin-tools-page .ft-black-button.ft-clear-compare{
  border-radius:999px!important;
  min-height:42px!important;
  padding:0 20px!important;
  background:#111!important;
  color:#fff!important;
}
body.ft-plugin-tools-page .ft-black-button.ft-clear-favorites:hover,
body.ft-plugin-tools-page .ft-black-button.ft-clear-compare:hover{background:var(--ft-red)!important}

/* ---------- FAVORITES CARDS / PRICES ---------- */
body.ft-plugin-tools-page .ft-favorites-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
body.ft-plugin-tools-page .ft-favorites-grid .ft-product-card{border-radius:8px!important;box-shadow:0 5px 18px rgba(0,0,0,.07)!important}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-image{aspect-ratio:1/1!important}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-image .ft-favorite-toggle{
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  top:8px!important;right:8px!important;border-radius:50%!important;
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-image .ft-favorite-toggle .ft-heart-icon,
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-image .ft-favorite-toggle .ft-heart-icon svg{width:15px!important;height:15px!important}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-body{padding:12px!important}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-price{
  color:var(--ft-red)!important;font-size:13px!important;font-weight:900!important;margin:0 0 11px!important
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-price small{
  display:inline!important;color:#666!important;font-size:9px!important;font-weight:800!important;margin-left:3px!important
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-actions{gap:7px!important}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-actions .ft-main-product-action{
  min-height:38px!important;border-radius:999px!important;background:var(--ft-red)!important;color:#fff!important
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-actions .ft-compare-toggle{
  flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;
  border-radius:50%!important;background:#111!important;color:#fff!important
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-actions .ft-compare-toggle:hover,
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-actions .ft-compare-toggle.is-active{background:var(--ft-red)!important}

/* ---------- SHOP/CATEGORY CARDS ---------- */
.woocommerce ul.products li.product{position:relative!important}
.woocommerce ul.products li.product .ft-favorite-toggle{
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  top:8px!important;right:8px!important;border-radius:50%!important;
  background:#fff!important;color:#111!important;border:1px solid #ddd!important;box-shadow:0 4px 12px rgba(0,0,0,.12)!important;
}
.woocommerce ul.products li.product .ft-favorite-toggle .ft-heart-icon,
.woocommerce ul.products li.product .ft-favorite-toggle .ft-heart-icon svg{width:15px!important;height:15px!important}
.woocommerce ul.products li.product .ft-favorite-toggle.is-active{background:var(--ft-red)!important;color:#fff!important;border-color:var(--ft-red)!important}
.woocommerce ul.products li.product .ft-loop-compare-control{
  position:static!important;
  display:grid!important;
  width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  margin:7px 0 8px!important;
  padding:0!important;
  border:0!important;border-radius:50%!important;
  background:#111!important;color:#fff!important;
  place-items:center!important;
  float:none!important;
  box-shadow:none!important;
}
.woocommerce ul.products li.product .ft-loop-compare-control:hover,
.woocommerce ul.products li.product .ft-loop-compare-control.is-active{background:var(--ft-red)!important;color:#fff!important}
.woocommerce ul.products li.product .ft-loop-compare-control .ft-compare-icon,
.woocommerce ul.products li.product .ft-loop-compare-control .ft-compare-icon svg{width:16px!important;height:16px!important}
.woocommerce ul.products li.product .ft-loop-compare-control .ft-compare-icon svg{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
/* Remove old textual/secondary compare controls, never the native purchase button. */
.woocommerce ul.products li.product .ft-old-compare,
.woocommerce ul.products li.product a.ft-compare-link,
.woocommerce ul.products li.product button.ft-compare-link{display:none!important}

/* ---------- SINGLE PRODUCT: use ONE existing pair ---------- */
.single-product .ft-single-product-tools{display:none!important}
.single-product .summary .ft-favorite-toggle,
.single-product .summary .ft-compare-toggle{
  position:static!important;
  width:auto!important;min-width:0!important;height:42px!important;min-height:42px!important;
  border-radius:999px!important;
  padding:0 16px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;justify-content:center!important;gap:8px!important;
  background:#111!important;color:#fff!important;border:0!important;box-shadow:none!important;
}
.single-product .summary .ft-favorite-toggle:hover,
.single-product .summary .ft-compare-toggle:hover,
.single-product .summary .ft-favorite-toggle.is-active,
.single-product .summary .ft-compare-toggle.is-active{background:var(--ft-red)!important;color:#fff!important}
.single-product .summary .ft-favorite-toggle .ft-heart-icon,
.single-product .summary .ft-compare-toggle .ft-compare-icon,
.single-product .summary .ft-favorite-toggle svg,
.single-product .summary .ft-compare-toggle svg{width:17px!important;height:17px!important}

/* ---------- COMPARE PAGE ---------- */
body.ft-plugin-tools-page .ft-compare-table-wrap{border-radius:10px!important;overflow:auto!important}
body.ft-plugin-tools-page .ft-compare-table{min-width:1080px!important}
body.ft-plugin-tools-page .ft-compare-product-head{vertical-align:middle!important}
body.ft-plugin-tools-page .ft-compare-product-head>a{justify-content:center!important;align-items:center!important;flex-direction:column!important;gap:8px!important}
body.ft-plugin-tools-page .ft-compare-product-head img{width:96px!important;height:96px!important;border-radius:6px!important}
body.ft-plugin-tools-page .ft-remove-compare{
  top:8px!important;right:8px!important;
  width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;
  padding:0!important;border:0!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  text-align:center!important;line-height:1!important;
  font:900 17px/26px Arial,sans-serif!important;
  background:#fff!important;color:#111!important;
}
body.ft-plugin-tools-page .ft-remove-compare:hover{background:var(--ft-red)!important;color:#fff!important}
body.ft-plugin-tools-page .ft-compare-price{color:var(--ft-red)!important;font-weight:900!important}
body.ft-plugin-tools-page .ft-compare-price small{color:#666!important;font-size:9px!important;font-weight:800!important}
body.ft-plugin-tools-page .ft-compare-view-button{
  min-height:38px!important;border-radius:999px!important;background:var(--ft-red)!important;color:#fff!important;padding:0 15px!important
}
body.ft-plugin-tools-page .ft-compare-view-button:hover{background:#111!important}
body.ft-plugin-tools-page .ft-compare-action-button{display:none!important}

/* ---------- BOTTOM CTA: same black treatment as the homepage CTA ---------- */
body.ft-plugin-tools-page .ft-bottom-cta{
  width:min(1120px,calc(100% - 40px))!important;
  min-height:270px!important;
  margin:10px auto 0!important;
  padding:48px 52% 48px 42px!important;
  border-radius:0!important;
  background:#111 url('https://www.factoriadetinta.com/wp-content/uploads/2026/08/ChatGPT-Image-4-ago-2026-20_07_30-1024x683.png') right center/50% 100% no-repeat!important;
  color:#fff!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
}
body.ft-plugin-tools-page .ft-bottom-cta:before,
body.ft-plugin-tools-page .ft-bottom-cta:after{display:none!important;content:none!important}
body.ft-plugin-tools-page .ft-bottom-cta>div{max-width:560px!important}
body.ft-plugin-tools-page .ft-bottom-cta .ft-eyebrow{color:var(--ft-red)!important}
body.ft-plugin-tools-page .ft-bottom-cta h2{color:#fff!important;font-size:clamp(28px,3vw,40px)!important;line-height:.98!important}
body.ft-plugin-tools-page .ft-bottom-cta p{color:rgba(255,255,255,.78)!important;font-size:13px!important}
body.ft-plugin-tools-page .ft-bottom-cta .ft-white-button{
  margin-left:auto!important;min-width:190px!important;min-height:44px!important;
  border-radius:999px!important;background:var(--ft-red)!important;color:#fff!important;
}
body.ft-plugin-tools-page .ft-bottom-cta .ft-white-button:hover{background:#fff!important;color:#111!important}

/* ---------- MY ACCOUNT: three identical clean tool cards ---------- */
body.woocommerce-account .ft-account-tools-balance{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;
  width:100%!important;margin:18px 0 0!important;
}
body.woocommerce-account .ft-account-tools-balance>a,
body.woocommerce-account .ft-account-tools-balance>div>a{
  position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;
  width:100%!important;min-height:82px!important;padding:12px 48px 12px 56px!important;
  border:1px solid #ddd!important;border-radius:10px!important;background:#fff!important;color:#111!important;
  text-decoration:none!important;box-shadow:0 4px 14px rgba(0,0,0,.05)!important;transform:none!important;
}
body.woocommerce-account .ft-account-tools-balance a:before{display:none!important}
body.woocommerce-account .ft-account-tools-balance a:after{
  content:'→'!important;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;
  width:28px!important;height:28px!important;border-radius:50%!important;background:#111!important;color:#fff!important;
  display:grid!important;place-items:center!important;font:900 14px/28px Arial,sans-serif!important;
}
body.woocommerce-account .ft-account-tools-balance a:hover{border-color:var(--ft-red)!important;box-shadow:0 8px 22px rgba(0,0,0,.08)!important;transform:translateY(-1px)!important}
body.woocommerce-account .ft-account-tools-balance a:hover:after{background:var(--ft-red)!important}
body.woocommerce-account .ft-account-tools-balance a .ft-account-tool-icon{
  position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;
  width:32px!important;height:32px!important;border-radius:50%!important;background:#111!important;color:#fff!important;
  display:grid!important;place-items:center!important;
}
body.woocommerce-account .ft-account-tools-balance a:hover .ft-account-tool-icon{background:var(--ft-red)!important}
body.woocommerce-account .ft-account-tools-balance a .ft-account-tool-icon svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.woocommerce-account .ft-account-tools-balance a strong{font-size:12px!important;font-weight:900!important;line-height:1.2!important}
body.woocommerce-account .ft-account-tools-balance a small{font-size:10px!important;color:#777!important;line-height:1.25!important;margin-top:4px!important}

/* ---------- DEDUPE / VISIBILITY ---------- */
.ft-favorite-toggle + .ft-favorite-toggle,
.ft-compare-toggle + .ft-compare-toggle{display:none!important}

@media (max-width:980px){
  body.ft-plugin-tools-page .ft-favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.woocommerce-account .ft-account-tools-balance{grid-template-columns:1fr!important}
}
@media (max-width:760px){
  .ft-tools,
  body.ft-plugin-tools-page .ft-page > .ft-tools{left:12px!important;bottom:105px!important;width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}
  .ft-tools-trigger,
  body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important}
  .ft-tools-trigger:after{left:58px!important}
  body.ft-plugin-tools-page .ft-page-hero{width:100vw!important;min-height:480px!important;margin-left:calc(50% - 50vw)!important;padding:34px 22px 0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
  body.ft-plugin-tools-page .ft-hero-copy{width:100%!important;max-width:none!important;min-height:230px!important}
  body.ft-plugin-tools-page .ft-page-hero h1{font-size:36px!important;letter-spacing:-1.3px!important}
  body.ft-plugin-tools-page .ft-page-hero p{font-size:12px!important}
  body.ft-plugin-tools-page .ft-hero-photo{position:relative!important;right:auto!important;top:auto!important;width:calc(100% + 44px)!important;height:250px!important;margin-left:-22px!important;background-position:center!important;flex:0 0 250px!important}
  body.ft-plugin-tools-page .ft-hero-photo:before{width:100%!important;height:35%!important;inset:0 0 auto 0!important;background:linear-gradient(180deg,#111 0%,rgba(17,17,17,0) 100%)!important}
  body.ft-plugin-tools-page .ft-page-toolbar,
  body.ft-plugin-tools-page .ft-product-grid,
  body.ft-plugin-tools-page .ft-compare-table-wrap,
  body.ft-plugin-tools-page .ft-empty-state{width:calc(100% - 24px)!important}
  body.ft-plugin-tools-page .ft-bottom-cta{width:calc(100% - 24px)!important;min-height:430px!important;margin:0 12px!important;padding:30px 22px 230px!important;background-size:100% auto!important;background-position:center bottom!important;display:flex!important;align-items:flex-start!important}
  body.ft-plugin-tools-page .ft-bottom-cta .ft-white-button{margin-left:0!important}
}
@media (max-width:480px){
  body.ft-plugin-tools-page .ft-favorites-grid{grid-template-columns:1fr!important}
  body.ft-plugin-tools-page .ft-page-toolbar{align-items:flex-start!important;gap:12px!important;flex-direction:column!important}
}
.ft-tools-trigger:after{display:block!important}

/* Unified catalog/single-product net-price label. */
.woocommerce ul.products li.product .price .ft-iva-excl-label,
.single-product .summary .price .ft-iva-excl-label{
  color:#666!important;
  font-size:.72em!important;
  font-weight:800!important;
  margin-left:3px!important;
}
.woocommerce ul.products li.product .price{
  line-height:1.35!important;
}


/* =========================================================
   FACTORÍA DE TINTA — v1.8.0 FINAL INTERACTION FIX
   - Hard navigation targets for the Mis herramientas drawer.
   - Floating tools: red, lower-right, label to the left.
   - Shop compare icon directly under the heart.
   - Favorites compare icon directly under the heart.
   - Single product: heart + compare icons on the product image only.
   - Favorites/Compare CTA full viewport width.
   - Do not alter the existing Compare/Favorites heroes.
   ========================================================= */

/* ---------- FLOATING MIS HERRAMIENTAS: LOWER RIGHT ---------- */
.ft-tools,
body.ft-plugin-tools-page .ft-page > .ft-tools{
  position:fixed!important;
  left:auto!important;
  right:28px!important;
  top:auto!important;
  bottom:92px!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:0!important;
  z-index:1000001!important;
  pointer-events:none!important;
  overflow:visible!important;
}
.ft-tools-trigger,
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#ed0712!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
  pointer-events:auto!important;
  box-shadow:0 9px 28px rgba(0,0,0,.28)!important;
}
.ft-tools-trigger:hover,
.ft-tools-trigger:focus-visible,
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger:hover,
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger:focus-visible{
  background:#ed0712!important;
  color:#fff!important;
  transform:scale(1.06)!important;
  outline:none!important;
}
/* Text sits to the LEFT of the right-side button. */
.ft-tools-trigger:after{
  content:'herramientas'!important;
  display:block!important;
  position:absolute!important;
  right:64px!important;
  left:auto!important;
  top:50%!important;
  transform:translateY(-50%) translateX(4px)!important;
  color:#ed0712!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  width:max-content!important;
  height:auto!important;
  clip:auto!important;
  overflow:visible!important;
  white-space:nowrap!important;
  font:900 12px/1 inherit!important;
  letter-spacing:.2px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .16s ease,transform .16s ease!important;
}
.ft-tools-trigger:hover:after,
.ft-tools-trigger:focus-visible:after{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(-50%) translateX(0)!important;
}

/* ---------- DRAWER: REAL CLICKABLE CLOSE + LINKS ---------- */
.ft-tools-close{
  position:relative!important;
  z-index:20!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  visibility:visible!important;
  opacity:1!important;
}
.ft-tool-item{
  position:relative!important;
  z-index:5!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}

/* ---------- SHOP: COMPARE CIRCLE DIRECTLY BELOW HEART ---------- */
.woocommerce ul.products li.product{
  position:relative!important;
}
.woocommerce ul.products li.product .ft-favorite-toggle{
  top:8px!important;
  right:8px!important;
  z-index:30!important;
}
.woocommerce ul.products li.product .ft-loop-compare-control{
  position:absolute!important;
  top:50px!important;
  right:8px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:30!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#ed0712!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
}
.woocommerce ul.products li.product .ft-loop-compare-control:hover,
.woocommerce ul.products li.product .ft-loop-compare-control.is-active{
  background:#ed0712!important;
  color:#fff!important;
}

/* ---------- FAVORITES: COMPARE ICON UNDER HEART ---------- */
.ft-favorites-page .ft-card-image{
  position:relative!important;
}
.ft-favorites-page .ft-card-image .ft-favorite-toggle{
  top:8px!important;
  right:8px!important;
}
.ft-favorites-page .ft-card-image .ft-compare-toggle{
  position:absolute!important;
  top:50px!important;
  right:8px!important;
  z-index:9!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#ed0712!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
}
.ft-favorites-page .ft-card-actions .ft-compare-toggle{
  display:none!important;
}

/* ---------- SINGLE PRODUCT: ICONS ON IMAGE ONLY ---------- */
.single-product .ft-single-image-tools{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  z-index:50!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  pointer-events:none!important;
}
.single-product .woocommerce-product-gallery{
  position:relative!important;
}
.single-product .ft-single-image-tools .ft-favorite-toggle,
.single-product .ft-single-image-tools .ft-compare-toggle{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  bottom:auto!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(17,17,17,.10)!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#111!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 4px 14px rgba(0,0,0,.16)!important;
  pointer-events:auto!important;
}
.single-product .ft-single-image-tools .ft-favorite-toggle.is-active,
.single-product .ft-single-image-tools .ft-compare-toggle.is-active,
.single-product .ft-single-image-tools .ft-favorite-toggle:hover,
.single-product .ft-single-image-tools .ft-compare-toggle:hover{
  background:#ed0712!important;
  color:#fff!important;
  border-color:#ed0712!important;
}
.single-product .ft-single-image-tools svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.single-product .ft-single-image-tools .ft-favorite-toggle.is-active svg{
  fill:currentColor!important;
}
/* Never show the old summary pair/textual controls. */
.single-product .summary .ft-single-product-tools,
.single-product .summary .ft-favorite-toggle,
.single-product .summary .ft-compare-toggle{
  display:none!important;
}

/* ---------- FAVORITES CTA: EDGE TO EDGE ---------- */
body.ft-plugin-tools-page .ft-favorites-cta{
  width:100vw!important;
  max-width:none!important;
  min-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:0!important;
  border-radius:0!important;
}

/* Keep the comparison hero exactly as it is; only its lower controls change. */
body.ft-plugin-tools-page .ft-compare-hero{
  /* intentionally empty: hero remains untouched */
}

@media (max-width:760px){
  .ft-tools,
  body.ft-plugin-tools-page .ft-page > .ft-tools{
    right:12px!important;
    bottom:82px!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
  }
  .ft-tools-trigger,
  body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger{
    width:50px!important;
    min-width:50px!important;
    height:50px!important;
    min-height:50px!important;
  }
  .ft-tools-trigger:after{right:60px!important}
  .woocommerce ul.products li.product .ft-loop-compare-control{top:48px!important;right:7px!important}
  .ft-favorites-page .ft-card-image .ft-compare-toggle{top:48px!important;right:7px!important}
  .single-product .ft-single-image-tools{top:8px!important;right:8px!important}
}


/* =========================================================
   FACTORÍA DE TINTA — v1.8.1 — EXACT FINAL REQUESTED FIXES
   Only the requested plugin controls/pages are changed.
   ========================================================= */

/* ---------- FLOATING MIS HERRAMIENTAS: LOWER LEFT, SAME HEIGHT AS CHAT ---------- */
.ft-tools,
body.ft-plugin-tools-page .ft-page > .ft-tools{
  position:fixed!important;
  left:28px!important;
  right:auto!important;
  top:auto!important;
  bottom:28px!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:0!important;
  z-index:1000001!important;
  pointer-events:none!important;
  overflow:visible!important;
}
.ft-tools-trigger,
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger{
  position:relative!important;
  left:0!important;right:auto!important;top:0!important;bottom:auto!important;
  width:54px!important;min-width:54px!important;max-width:54px!important;
  height:54px!important;min-height:54px!important;max-height:54px!important;
  border:0!important;border-radius:50%!important;
  background:#ed0712!important;color:#fff!important;
  transform:none!important;pointer-events:auto!important;
  display:grid!important;place-items:center!important;
  box-shadow:0 9px 28px rgba(0,0,0,.28)!important;
}
.ft-tools-trigger:hover,
.ft-tools-trigger:focus-visible,
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger:hover,
body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger:focus-visible{
  background:#ed0712!important;color:#fff!important;transform:scale(1.06)!important;
  outline:none!important;
}
/* Label is on the RIGHT of the left-side button. */
.ft-tools-trigger:after{
  content:'herramientas'!important;
  display:block!important;position:absolute!important;
  left:64px!important;right:auto!important;top:50%!important;
  transform:translateY(-50%) translateX(-4px)!important;
  color:#ed0712!important;background:transparent!important;
  padding:0!important;margin:0!important;width:max-content!important;height:auto!important;
  clip:auto!important;overflow:visible!important;white-space:nowrap!important;
  font:900 12px/1 inherit!important;letter-spacing:.2px!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transition:opacity .16s ease,transform .16s ease!important;
}
.ft-tools-trigger:hover:after,
.ft-tools-trigger:focus-visible:after{
  opacity:1!important;visibility:visible!important;
  transform:translateY(-50%) translateX(0)!important;
}

/* ---------- PRODUCT PAGE: TEXT ACTIONS DIRECTLY UNDER ADD TO CART ---------- */
.single-product .ft-single-purchase-tools{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  margin:10px 0 0!important;
  padding:0!important;
  position:relative!important;
  z-index:4!important;
}
.single-product .summary .ft-single-purchase-tools .ft-favorite-toggle,
.single-product .summary .ft-single-purchase-tools .ft-compare-toggle{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #d7d7d7!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  font:900 9px/1 inherit!important;
  letter-spacing:.1px!important;
}
.single-product .summary .ft-single-purchase-tools .ft-favorite-toggle:hover,
.single-product .summary .ft-single-purchase-tools .ft-compare-toggle:hover,
.single-product .summary .ft-single-purchase-tools .ft-favorite-toggle.is-active,
.single-product .summary .ft-single-purchase-tools .ft-compare-toggle.is-active{
  background:#ed0712!important;color:#fff!important;border-color:#ed0712!important;
}
.single-product .summary .ft-single-purchase-tools .ft-heart-icon,
.single-product .summary .ft-single-purchase-tools .ft-compare-icon,
.single-product .summary .ft-single-purchase-tools svg{
  width:16px!important;height:16px!important;display:grid!important;place-items:center!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
.single-product .summary .ft-single-purchase-tools .ft-favorite-toggle.is-active svg{fill:currentColor!important}

/* ---------- FAVORITES: remove CTA image and center its message ---------- */
body.ft-plugin-tools-page .ft-favorites-cta{
  width:100vw!important;max-width:none!important;min-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;margin-right:0!important;
  border-radius:0!important;
  background:#111!important;
  background-image:none!important;
  background-size:auto!important;
  background-position:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:22px!important;
}
body.ft-plugin-tools-page .ft-favorites-cta>div{
  max-width:780px!important;
  text-align:center!important;
}
body.ft-plugin-tools-page .ft-favorites-cta .ft-white-button{margin-left:0!important}

/* ---------- COMPARATOR CTA: full viewport width, NO IMAGE ---------- */
body.ft-plugin-tools-page .ft-compare-cta{
  width:100vw!important;max-width:none!important;min-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;margin-right:0!important;
  border-radius:0!important;
  background:#111!important;
  background-image:none!important;
  background-size:auto!important;
  background-position:center!important;
}

/* ---------- MOBILE: tools stay left and level with chat ---------- */
@media (max-width:760px){
  .ft-tools,
  body.ft-plugin-tools-page .ft-page > .ft-tools{
    left:16px!important;right:auto!important;bottom:28px!important;
    width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;
  }
  .ft-tools-trigger,
  body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger{
    width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;
  }
  .ft-tools-trigger:after{left:60px!important;right:auto!important}
  .single-product .ft-single-purchase-tools{gap:6px!important}
  .single-product .summary .ft-single-purchase-tools .ft-favorite-toggle,
  .single-product .summary .ft-single-purchase-tools .ft-compare-toggle{
    font-size:8px!important;padding:0 8px!important;
  }
  body.ft-plugin-tools-page .ft-favorites-cta{
    width:100vw!important;min-width:100vw!important;margin-left:calc(50% - 50vw)!important;
    padding:30px 18px!important;flex-direction:column!important;
  }
  body.ft-plugin-tools-page .ft-compare-cta{
    width:100vw!important;min-width:100vw!important;margin-left:calc(50% - 50vw)!important;
    padding:30px 18px!important;
  }
}


/* ---------- FAVORITES CARDS: compare icon directly below the heart ---------- */
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-image{
  position:relative!important;
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-image .ft-favorite-toggle{
  position:absolute!important;
  top:8px!important;right:8px!important;
  z-index:20!important;
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-image .ft-compare-toggle{
  position:absolute!important;
  top:48px!important;right:8px!important;
  z-index:20!important;
  display:grid!important;
  place-items:center!important;
  width:34px!important;min-width:34px!important;
  height:34px!important;min-height:34px!important;
  margin:0!important;padding:0!important;
  border:0!important;border-radius:50%!important;
  background:#111!important;color:#fff!important;
  box-shadow:0 4px 14px rgba(0,0,0,.16)!important;
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-image .ft-compare-toggle:hover,
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-image .ft-compare-toggle.is-active{
  background:#ed0712!important;color:#fff!important;
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-image .ft-compare-toggle .ft-compare-icon,
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-image .ft-compare-toggle svg{
  width:16px!important;height:16px!important;
}
body.ft-plugin-tools-page .ft-favorites-grid .ft-card-actions .ft-compare-toggle{display:none!important}

/* ---------- SHOP CARDS: compare icon directly below the heart ---------- */
.woocommerce ul.products li.product .ft-loop-compare-control{
  position:absolute!important;
  top:48px!important;right:8px!important;
  z-index:30!important;
  width:34px!important;min-width:34px!important;
  height:34px!important;min-height:34px!important;
  margin:0!important;padding:0!important;
  border:0!important;border-radius:50%!important;
  background:#111!important;color:#fff!important;
  display:grid!important;place-items:center!important;
  float:none!important;
  box-shadow:0 4px 14px rgba(0,0,0,.16)!important;
}
.woocommerce ul.products li.product .ft-loop-compare-control:hover,
.woocommerce ul.products li.product .ft-loop-compare-control.is-active{
  background:#ed0712!important;color:#fff!important;
}


/* =========================================================
   FACTORÍA DE TINTA — v1.8.2 — ONLY REQUESTED FINAL FIXES
   1) On normal pages, Mis herramientas sits level with the chat at bottom.
   2) On single products, the favorite/compare text buttons remain directly
      below Add to cart and are no longer hidden by the old cleanup rules.
   Favorites/Compare pages keep their existing positioning unchanged.
   ========================================================= */

@media (min-width:761px){
  body:not(.ft-plugin-tools-page) .ft-tools{
    top:auto!important;
    bottom:28px!important;
  }
}

.single-product .summary .ft-single-purchase-tools{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
.single-product .summary .ft-single-purchase-tools .ft-favorite-toggle,
.single-product .summary .ft-single-purchase-tools .ft-compare-toggle{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}


/* =========================================================
   FACTORÍA DE TINTA — v1.8.3 — ONLY REQUESTED FIXES
   1) Normal pages: Mis herramientas is level with the chat at the bottom.
   2) Its label appears to the RIGHT of the red button on hover/focus.
   3) Product favorite/compare actions sit BELOW the print-file upload and stay red.
   Favorites/Compare positioning remains untouched.
   ========================================================= */
@media (min-width:761px){
  body:not(.ft-plugin-tools-page) .ft-tools .ft-tools-trigger{
    position:fixed!important;
    left:28px!important;
    right:auto!important;
    top:auto!important;
    bottom:28px!important;
    transform:none!important;
    width:54px!important;
    min-width:54px!important;
    height:54px!important;
    min-height:54px!important;
    margin:0!important;
  }

  body:not(.ft-plugin-tools-page) .ft-tools .ft-tools-trigger:hover,
  body:not(.ft-plugin-tools-page) .ft-tools .ft-tools-trigger:focus-visible{
    transform:scale(1.06)!important;
  }

  body:not(.ft-plugin-tools-page) .ft-tools .ft-tools-trigger:after{
    content:'HERRAMIENTAS'!important;
    position:absolute!important;
    left:calc(100% + 10px)!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    padding:7px 10px!important;
    border-radius:999px!important;
    background:#ed0712!important;
    color:#fff!important;
    font:900 9px/1 inherit!important;
    letter-spacing:.6px!important;
    white-space:nowrap!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    box-shadow:0 6px 18px rgba(0,0,0,.18)!important;
  }

  body:not(.ft-plugin-tools-page) .ft-tools .ft-tools-trigger:hover:after,
  body:not(.ft-plugin-tools-page) .ft-tools .ft-tools-trigger:focus-visible:after{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(-50%)!important;
  }
}

.single-product .ft-single-purchase-tools-after-upload{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  margin:12px 0 18px!important;
  padding:0!important;
  position:relative!important;
  z-index:4!important;
}
.single-product .summary .ft-single-purchase-tools-after-upload .ft-favorite-toggle,
.single-product .summary .ft-single-purchase-tools-after-upload .ft-compare-toggle{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #ed0712!important;
  border-radius:999px!important;
  background:#ed0712!important;
  color:#fff!important;
  box-shadow:none!important;
  font:900 9px/1 inherit!important;
  letter-spacing:.1px!important;
}
.single-product .summary .ft-single-purchase-tools-after-upload .ft-favorite-toggle:hover,
.single-product .summary .ft-single-purchase-tools-after-upload .ft-compare-toggle:hover,
.single-product .summary .ft-single-purchase-tools-after-upload .ft-favorite-toggle.is-active,
.single-product .summary .ft-single-purchase-tools-after-upload .ft-compare-toggle.is-active{
  background:#c9000a!important;
  border-color:#c9000a!important;
  color:#fff!important;
}
.single-product .summary .ft-single-purchase-tools-after-upload .ft-heart-icon,
.single-product .summary .ft-single-purchase-tools-after-upload .ft-compare-icon,
.single-product .summary .ft-single-purchase-tools-after-upload svg{
  width:16px!important;
  height:16px!important;
  display:grid!important;
  place-items:center!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.single-product .summary .ft-single-purchase-tools-after-upload .ft-favorite-toggle.is-active svg{
  fill:currentColor!important;
}
@media (max-width:760px){
  body:not(.ft-plugin-tools-page) .ft-tools .ft-tools-trigger{
    left:16px!important;
    bottom:28px!important;
  }
  body:not(.ft-plugin-tools-page) .ft-tools .ft-tools-trigger:after{
    left:calc(100% + 10px)!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
  }
  .single-product .ft-single-purchase-tools-after-upload{gap:6px!important}
  .single-product .summary .ft-single-purchase-tools-after-upload .ft-favorite-toggle,
  .single-product .summary .ft-single-purchase-tools-after-upload .ft-compare-toggle{
    font-size:8px!important;
    padding:0 8px!important;
  }
}


/* =========================================================
   v1.8.4 — ONLY FINAL REQUESTED FIXES
   - Product: show Favorites + Compare directly below Add to cart.
   - Favorites/Compare: show HERRAMIENTAS label to the right on hover.
   ========================================================= */
.single-product .summary .ft-single-purchase-tools{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  margin:12px 0 0!important;
  padding:0!important;
  position:relative!important;
  z-index:20!important;
  visibility:visible!important;
  opacity:1!important;
}
.single-product .summary .ft-single-purchase-tools .ft-favorite-toggle,
.single-product .summary .ft-single-purchase-tools .ft-compare-toggle{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #ed0712!important;
  border-radius:999px!important;
  background:#ed0712!important;
  color:#fff!important;
  box-shadow:none!important;
  font:900 9px/1 inherit!important;
  letter-spacing:.1px!important;
  visibility:visible!important;
  opacity:1!important;
}
.single-product .summary .ft-single-purchase-tools .ft-favorite-toggle:hover,
.single-product .summary .ft-single-purchase-tools .ft-compare-toggle:hover,
.single-product .summary .ft-single-purchase-tools .ft-favorite-toggle.is-active,
.single-product .summary .ft-single-purchase-tools .ft-compare-toggle.is-active{
  background:#c9000a!important;
  border-color:#c9000a!important;
  color:#fff!important;
}
.single-product .summary .ft-single-purchase-tools .ft-heart-icon,
.single-product .summary .ft-single-purchase-tools .ft-compare-icon,
.single-product .summary .ft-single-purchase-tools svg{
  width:16px!important;
  height:16px!important;
  display:grid!important;
  place-items:center!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.single-product .summary .ft-single-purchase-tools .ft-favorite-toggle.is-active svg{fill:currentColor!important}

/* Favorites + Compare pages: same label behaviour as every other page,
   but keep their existing button position untouched. */
body.ft-plugin-tools-page .ft-tools-trigger:after{
  content:'HERRAMIENTAS'!important;
  display:block!important;
  position:absolute!important;
  left:calc(100% + 10px)!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:max-content!important;
  height:auto!important;
  padding:7px 10px!important;
  margin:0!important;
  border-radius:999px!important;
  background:#ed0712!important;
  color:#fff!important;
  clip:auto!important;
  overflow:visible!important;
  white-space:nowrap!important;
  font:900 9px/1 inherit!important;
  letter-spacing:.6px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  box-shadow:0 6px 18px rgba(0,0,0,.18)!important;
  transition:opacity .16s ease!important;
}
body.ft-plugin-tools-page .ft-tools-trigger:hover:after,
body.ft-plugin-tools-page .ft-tools-trigger:focus-visible:after{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(-50%)!important;
}

@media (max-width:760px){
  .single-product .summary .ft-single-purchase-tools{gap:6px!important}
  .single-product .summary .ft-single-purchase-tools .ft-favorite-toggle,
  .single-product .summary .ft-single-purchase-tools .ft-compare-toggle{
    font-size:8px!important;
    padding:0 8px!important;
  }
  body.ft-plugin-tools-page .ft-tools-trigger:after{
    left:calc(100% + 10px)!important;
    right:auto!important;
  }
}

/* =========================================================
   v1.8.5 — FIX ONLY: HERRAMIENTAS LABEL ON FAVORITES + COMPARE
   Use the real text span instead of relying only on ::after.
   Nothing else is changed.
   ========================================================= */
body.ft-plugin-tools-page .ft-tools .ft-tools-trigger{
  overflow:visible!important;
}
body.ft-plugin-tools-page .ft-tools .ft-tools-trigger .ft-tools-trigger-text{
  position:absolute!important;
  left:calc(100% + 10px)!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:max-content!important;
  height:auto!important;
  padding:7px 10px!important;
  margin:0!important;
  border-radius:999px!important;
  background:#ed0712!important;
  color:#fff!important;
  clip:auto!important;
  overflow:visible!important;
  white-space:nowrap!important;
  font:900 9px/1 inherit!important;
  letter-spacing:.6px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  box-shadow:0 6px 18px rgba(0,0,0,.18)!important;
  z-index:1000005!important;
  transition:opacity .16s ease,visibility .16s ease!important;
}
body.ft-plugin-tools-page .ft-tools .ft-tools-trigger:hover .ft-tools-trigger-text,
body.ft-plugin-tools-page .ft-tools .ft-tools-trigger:focus-visible .ft-tools-trigger-text{
  opacity:1!important;
  visibility:visible!important;
}
@media (max-width:760px){
  body.ft-plugin-tools-page .ft-tools .ft-tools-trigger .ft-tools-trigger-text{
    left:calc(100% + 10px)!important;
    right:auto!important;
  }
}


/* =========================================================
   v1.8.6 — FINAL REQUESTED FIXES ONLY
   - Favorites + Compare on single product directly below
     Add to cart, with visible spacing.
   - HERRAMIENTAS label on Favorites and Compare pages,
     to the right of the floating button.
   ========================================================= */

/* Product: keep the two actions immediately below Add to cart. */
.single-product form.cart .ft-single-purchase-tools{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  margin:20px 0 0!important;
  padding:0!important;
  position:relative!important;
  z-index:30!important;
  visibility:visible!important;
  opacity:1!important;
}

.single-product form.cart .ft-single-purchase-tools .ft-favorite-toggle,
.single-product form.cart .ft-single-purchase-tools .ft-compare-toggle{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #ed0712!important;
  border-radius:999px!important;
  background:#ed0712!important;
  color:#fff!important;
  box-shadow:none!important;
  visibility:visible!important;
  opacity:1!important;
}

.single-product form.cart .ft-single-purchase-tools .ft-favorite-toggle:hover,
.single-product form.cart .ft-single-purchase-tools .ft-compare-toggle:hover,
.single-product form.cart .ft-single-purchase-tools .ft-favorite-toggle.is-active,
.single-product form.cart .ft-single-purchase-tools .ft-compare-toggle.is-active{
  background:#c9000a!important;
  border-color:#c9000a!important;
  color:#fff!important;
}

/* Favorites + Compare pages: label to the RIGHT of the button. */
body.ft-plugin-tools-page .ft-tools .ft-tools-trigger .ft-tools-trigger-text{
  left:calc(100% + 10px)!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  opacity:0!important;
  visibility:hidden!important;
  display:block!important;
  pointer-events:none!important;
}

body.ft-plugin-tools-page .ft-tools .ft-tools-trigger:hover .ft-tools-trigger-text,
body.ft-plugin-tools-page .ft-tools .ft-tools-trigger:focus-visible .ft-tools-trigger-text{
  left:calc(100% + 10px)!important;
  right:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(-50%)!important;
}

@media (max-width:760px){
  .single-product form.cart .ft-single-purchase-tools{
    gap:6px!important;
    margin-top:16px!important;
  }
  .single-product form.cart .ft-single-purchase-tools .ft-favorite-toggle,
  .single-product form.cart .ft-single-purchase-tools .ft-compare-toggle{
    font-size:8px!important;
    padding:0 8px!important;
  }
  body.ft-plugin-tools-page .ft-tools .ft-tools-trigger .ft-tools-trigger-text{
    left:calc(100% + 10px)!important;
    right:auto!important;
  }
}

/* v1.8.8 — ONLY: visible separation between Add to cart and product tools. */
.single-product form.cart .ft-single-purchase-tools{
  margin-top:0!important;
  padding-top:20px!important;
}


/* v1.8.9 — ONLY: mobile position of Mis herramientas.
   Keep the floating button at the bottom, aligned with the chat area.
   Nothing else is changed. */
@media (max-width:760px){
  body .ft-tools,
  body.ft-plugin-tools-page .ft-page > .ft-tools{
    position:fixed!important;
    left:16px!important;
    right:auto!important;
    top:auto!important;
    bottom:20px!important;
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    z-index:1000001!important;
    pointer-events:none!important;
  }

  body .ft-tools .ft-tools-trigger,
  body.ft-plugin-tools-page .ft-page > .ft-tools .ft-tools-trigger{
    position:relative!important;
    left:0!important;
    right:auto!important;
    top:0!important;
    bottom:auto!important;
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    margin:0!important;
    transform:none!important;
    pointer-events:auto!important;
  }
}


/* v1.8.10 — Normalize cards injected into the native Mis herramientas drawer.
   Applies only inside this drawer; does not alter the floating trigger or other site cards. */
#ft-tools-drawer .ft-tools-list > a.ft-tool-item,
#ft-tools-drawer .ft-tools-list > a[data-ft-ma21-card],
#ft-tools-drawer .ft-tools-list > a[data-fdt-presupuesto-card],
#ft-tools-drawer .ft-tools-list > a[data-ft-tool] {
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:12px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:68px!important;
  height:68px!important;
  margin:0!important;
  padding:10px 12px!important;
  border:1px solid #e1e1e1!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#111!important;
  text-decoration:none!important;
  box-shadow:0 4px 14px rgba(0,0,0,.05)!important;
  overflow:hidden!important;
}
#ft-tools-drawer .ft-tools-list > a.ft-tool-item > span,
#ft-tools-drawer .ft-tools-list > a[data-ft-ma21-card] > span,
#ft-tools-drawer .ft-tools-list > a[data-fdt-presupuesto-card] > span,
#ft-tools-drawer .ft-tools-list > a[data-ft-tool] > span {
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#ft-tools-drawer .ft-tools-list > a.ft-tool-item > span:nth-child(2),
#ft-tools-drawer .ft-tools-list > a[data-ft-ma21-card] > span:nth-child(2),
#ft-tools-drawer .ft-tools-list > a[data-fdt-presupuesto-card] > span:nth-child(2),
#ft-tools-drawer .ft-tools-list > a[data-ft-tool] > span:nth-child(2) {
  display:block!important;
  grid-column:2!important;
  grid-row:1!important;
  overflow:hidden!important;
}
#ft-tools-drawer .ft-tools-list > a.ft-tool-item .ft-tool-icon,
#ft-tools-drawer .ft-tools-list > a[data-ft-ma21-card] .ft-tool-icon,
#ft-tools-drawer .ft-tools-list > a[data-fdt-presupuesto-card] .ft-tool-icon,
#ft-tools-drawer .ft-tools-list > a[data-ft-tool] .ft-tool-icon {
  grid-column:1!important;
  grid-row:1!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  margin:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
}
#ft-tools-drawer .ft-tools-list > a.ft-tool-item strong,
#ft-tools-drawer .ft-tools-list > a[data-ft-ma21-card] strong,
#ft-tools-drawer .ft-tools-list > a[data-fdt-presupuesto-card] strong,
#ft-tools-drawer .ft-tools-list > a[data-ft-tool] strong {
  display:block!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:900!important;
}
#ft-tools-drawer .ft-tools-list > a.ft-tool-item small,
#ft-tools-drawer .ft-tools-list > a[data-ft-ma21-card] small,
#ft-tools-drawer .ft-tools-list > a[data-fdt-presupuesto-card] small,
#ft-tools-drawer .ft-tools-list > a[data-ft-tool] small {
  display:block!important;
  margin:4px 0 0!important;
  font-size:10px!important;
  line-height:1.2!important;
  color:#777!important;
}
#ft-tools-drawer .ft-tools-list > a.ft-tool-item:hover,
#ft-tools-drawer .ft-tools-list > a[data-ft-ma21-card]:hover,
#ft-tools-drawer .ft-tools-list > a[data-fdt-presupuesto-card]:hover,
#ft-tools-drawer .ft-tools-list > a[data-ft-tool]:hover {
  border-color:var(--ft-red)!important;
  transform:translateY(-1px)!important;
}