/*
Theme Name: ITSupport Clientes y Empresas
Theme URI: https://itsupport-pa.com
Author: ITSupport
Description: Tema completo WooCommerce ITSupport: tienda particular por categorías y destacados, con tienda Empresas en construcción.
Version: 4.0.1
Text Domain: itsupport
*/
:root{--bg:#03111f;--bg2:#071b30;--card:#09233f;--line:#173a5b;--blue:#0b8cff;--blue2:#0567df;--green:#00d477;--text:#f6f9ff;--muted:#a9bdd3;--white:#fff;--radius:20px;--max:1420px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(2,13,24,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{height:84px;display:flex;align-items:center;gap:38px}.brand{font-size:30px;font-weight:900;letter-spacing:-1.5px}.brand span{color:var(--blue)}.nav{display:flex;gap:28px;align-items:center;margin-left:auto}.nav a{color:#dce8f5;font-weight:600}.nav a:hover{color:#42a8ff}.header-actions{display:flex;gap:14px}.pill{padding:10px 15px;border:1px solid var(--line);border-radius:999px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 35%,rgba(11,140,255,.22),transparent 32%),radial-gradient(circle at 85% 35%,rgba(0,212,119,.15),transparent 30%),linear-gradient(135deg,#04101d,#061b31 55%,#03111f);padding:64px 0 42px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 30%,transparent 70%,rgba(0,0,0,.12));pointer-events:none}.eyebrow{text-align:center;color:#49aaff;letter-spacing:.32em;text-transform:uppercase;font-weight:800}.hero h1{text-align:center;font-size:clamp(40px,5vw,70px);line-height:1.05;margin:12px 0 8px;letter-spacing:-2px}.hero h1 span{color:var(--blue)}.hero-sub{text-align:center;color:#bfd0e3;font-size:clamp(18px,2vw,26px);margin:0 0 34px}.chooser{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative}.choice{position:relative;border-radius:var(--radius);padding:34px;border:2px solid;background:linear-gradient(145deg,rgba(10,41,72,.96),rgba(4,20,36,.98));box-shadow:0 20px 50px rgba(0,0,0,.22)}.choice.personal{border-color:#078cff}.choice.business{border-color:#00cf74;background:linear-gradient(145deg,rgba(4,57,52,.95),rgba(3,26,31,.98))}.choice-top{display:flex;align-items:center;gap:22px}.choice-icon{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font-size:42px;background:rgba(11,140,255,.18);border:1px solid rgba(11,140,255,.5)}.business .choice-icon{background:rgba(0,212,119,.18);border-color:rgba(0,212,119,.55)}.choice h2{font-size:32px;margin:0}.choice p{color:#c3d1df;font-size:18px;margin:4px 0}.choice ul{list-style:none;padding:0;margin:24px 0}.choice li{margin:10px 0;color:#e8f0f8}.choice li:before{content:"✓";display:inline-grid;place-items:center;width:25px;height:25px;margin-right:12px;border-radius:50%;background:var(--blue);font-weight:900}.business li:before{background:var(--green);color:#002b18}.choice .btn{display:block;text-align:center;padding:17px 20px;border-radius:12px;font-size:19px;font-weight:900;background:linear-gradient(90deg,var(--blue2),var(--blue))}.business .btn{background:linear-gradient(90deg,#00aa5f,var(--green));color:#002a18}.badge{position:absolute;right:28px;top:-18px;background:var(--green);color:#002b18;padding:9px 20px;border-radius:10px;font-weight:900}.benefits{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#041321}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.benefit{padding:28px 18px;display:flex;gap:15px;align-items:center;border-right:1px solid rgba(255,255,255,.08)}.benefit:last-child{border:0}.benefit strong{display:block}.benefit small{color:var(--muted)}.ico{font-size:30px;color:#1b9cff}.section{padding:62px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-kicker{color:#23a2ff;text-transform:uppercase;font-weight:900;letter-spacing:.12em}.section h2{font-size:40px;margin:2px 0}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:20px;margin:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product,.product-card{width:auto!important;margin:0!important;background:#081b2e;border:1px solid #153653;border-radius:16px;padding:16px;overflow:hidden}.woocommerce ul.products li.product img{border-radius:11px}.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff;font-size:18px}.woocommerce ul.products li.product .price{color:#47aeff!important;font-weight:900}.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--blue)!important;color:#fff!important;border-radius:10px!important}.business-strip{background:linear-gradient(100deg,#073d35,#064b3b);border:1px solid rgba(0,212,119,.35);border-radius:22px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:30px}.business-strip h2{margin:0 0 5px}.business-strip p{margin:0;color:#cbe6dd}.footer{padding:45px 0;background:#020b13;border-top:1px solid rgba(255,255,255,.08);color:#9fb2c5}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.content-area{padding:50px 0;min-height:60vh}.entry-content{color:#d9e5f1}.company-page{max-width:1000px;margin:auto}.company-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#071b2c;border:1px solid #16415f;padding:28px;border-radius:18px}.company-form .full{grid-column:1/-1}.company-form label{display:block;font-weight:700;margin-bottom:6px}.company-form input,.company-form textarea,.company-form select{width:100%;padding:13px 14px;border-radius:10px;border:1px solid #28516e;background:#03111f;color:#fff}.notice{padding:15px;border-radius:10px;margin-bottom:20px}.notice.ok{background:#073c2c;border:1px solid #0c9}.notice.err{background:#3b1414;border:1px solid #d55}@media(max-width:900px){.nav{display:none}.chooser,.products,.woocommerce ul.products,.benefit-grid,.footer-grid{grid-template-columns:1fr 1fr}.hero{padding-top:42px}}@media(max-width:620px){.wrap{width:min(100% - 24px,var(--max))}.header-inner{height:68px}.brand{font-size:25px}.chooser,.products,.woocommerce ul.products,.benefit-grid,.footer-grid,.company-form{grid-template-columns:1fr}.choice{padding:25px 20px}.choice-top{align-items:flex-start}.choice-icon{width:64px;height:64px;font-size:30px}.choice h2{font-size:25px}.hero h1{font-size:39px}.business-strip{align-items:flex-start;flex-direction:column}.company-form .full{grid-column:auto}}

/* v3: selector, categorías particulares y empresas en construcción */
.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.category-card{display:block;background:linear-gradient(145deg,#0a2035,#061522);border:1px solid #1b405f;border-radius:15px;padding:22px;min-height:130px;transition:.2s}.category-card:hover{transform:translateY(-3px);border-color:var(--blue)}.category-card .cat-icon{font-size:34px;display:block;margin-bottom:12px}.category-card strong{display:block;font-size:18px}.category-card small{color:var(--muted)}.construction{max-width:980px;margin:30px auto;background:radial-gradient(circle at 80% 30%,rgba(0,212,119,.13),transparent 35%),linear-gradient(145deg,#07362f,#041820);border:1px solid rgba(0,212,119,.5);border-radius:24px;padding:55px;text-align:center}.construction-mark{font-size:70px}.construction h1{font-size:clamp(38px,6vw,70px);margin:10px 0}.construction h1 span{color:var(--green)}.construction p{font-size:20px;color:#c4ded5;max-width:700px;margin:0 auto 25px}.construction .button{display:inline-block;padding:14px 22px}.personal-hero{padding:54px 0 20px}.personal-hero h1{font-size:clamp(38px,5vw,60px);margin:0}.personal-hero p{color:var(--muted);font-size:20px}.empty-products{padding:25px;border:1px dashed #31516d;border-radius:14px;color:var(--muted)}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.category-grid{grid-template-columns:1fr 1fr}.construction{padding:35px 20px}}@media(max-width:420px){.category-grid{grid-template-columns:1fr}}


/* v4 — diseño visual definitivo + iconos de categorías a color */
.home-hero{position:relative;overflow:hidden;padding:54px 0 28px;background:radial-gradient(circle at 72% 35%,rgba(11,140,255,.22),transparent 27%),linear-gradient(115deg,#03101d,#061a2d 58%,#03111f)}
.hero-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:310px;gap:40px}.hero-copy h1{font-size:clamp(42px,5vw,68px);line-height:1.03;letter-spacing:-2px;margin:8px 0 14px}.hero-copy h1 span{display:block;color:#159cff}.hero-copy>p{font-size:21px;color:#c5d5e6;max-width:650px}.hero-mini-benefits{display:flex;gap:26px;margin-top:30px;flex-wrap:wrap}.hero-mini-benefits span{color:#cbd9e8}.hero-mini-benefits b{color:#fff;margin-left:5px}.hero-visual{position:relative;min-height:290px}.screen-glow{position:absolute;right:4%;top:3%;width:68%;height:86%;border:2px solid #158fff;border-radius:18px 18px 10px 10px;transform:skew(-8deg);background:radial-gradient(circle at 50% 45%,#0877e8 0,#07427f 28%,#04182c 67%);box-shadow:0 0 60px rgba(0,139,255,.28),inset 0 0 45px rgba(0,132,255,.18)}.window-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) skew(8deg);display:grid;grid-template-columns:repeat(2,48px);gap:5px}.window-mark i{height:48px;background:linear-gradient(145deg,#38b8ff,#0875ef)}.floating-brands{position:absolute;right:0;top:0;display:grid;grid-template-columns:repeat(2,70px);gap:8px}.floating-brands>.brand-icon{width:70px;height:70px;background:rgba(9,34,58,.9);border:1px solid #1d4d73;border-radius:12px;padding:15px}.customer-routes{padding:20px 0 10px;background:#03111f}.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.route-card{min-height:122px;border:1px solid #27506e;border-radius:15px;padding:20px 26px;display:flex;align-items:center;gap:22px;background:linear-gradient(145deg,#082039,#061522);position:relative}.route-personal{border:2px solid #0a94ff;box-shadow:0 0 25px rgba(0,140,255,.12)}.route-card>span:nth-child(2){display:flex;flex-direction:column}.route-card strong{font-size:26px}.route-card small{font-size:16px;color:#c5d5e6}.route-round{width:76px;height:76px;flex:0 0 76px;border-radius:50%;display:grid;place-items:center;font-size:34px;background:linear-gradient(145deg,#0875e8,#0f304e)}.route-arrow{margin-left:auto;font-size:40px;font-weight:300;color:#8fd0ff}.route-business{padding-right:215px}.construction-badge{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:15px!important;font-weight:900;color:#ffc328;background:rgba(255,183,0,.08);border:1px solid rgba(255,190,30,.28);padding:12px 14px;border-radius:10px;text-align:center}.home-categories{padding-top:44px}.home-categories .section-head,.featured-home .section-head{margin-bottom:22px}.home-categories .section h2{font-size:36px}
.category-grid{grid-template-columns:repeat(5,1fr)}.category-card{min-height:104px;padding:18px 18px;display:flex;align-items:center;gap:16px;position:relative}.category-card .cat-copy{display:flex;flex-direction:column;min-width:0}.category-card .cat-copy strong{font-size:16px}.category-card .cat-copy small{font-size:13px}.cat-arrow{margin-left:auto;font-size:24px;color:#b8d7ed}.brand-icon{display:inline-block;position:relative;flex:0 0 58px;width:58px;height:58px}.windows-icon{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px}.windows-icon i{background:linear-gradient(145deg,#21c8ff,#0878ed);box-shadow:0 0 14px rgba(0,153,255,.28)}.office-icon i{position:absolute;left:9px;top:6px;width:32px;height:46px;background:linear-gradient(145deg,#ff6b00,#e52711);clip-path:polygon(0 18%,72% 0,100% 13%,100% 87%,72% 100%,0 82%)}.office-icon b{position:absolute;left:20px;top:15px;width:23px;height:29px;border:5px solid #ff7422;border-left:0}.m365-icon i{position:absolute;inset:6px;border-radius:17px 8px 17px 8px;background:conic-gradient(from 25deg,#52e4ff,#6872ff,#8b45e9,#e05cf4,#52e4ff);transform:rotate(45deg);box-shadow:inset 0 0 0 10px rgba(4,24,43,.38)}.antivirus-icon{display:grid;place-items:center}.antivirus-icon:before{content:"";position:absolute;inset:4px 8px;background:linear-gradient(145deg,#22e68a,#00a85c);clip-path:polygon(50% 0,94% 16%,88% 70%,50% 100%,12% 70%,6% 16%);filter:drop-shadow(0 0 9px rgba(0,220,120,.25))}.antivirus-icon i{position:relative;z-index:1;color:white;font-style:normal;font-size:27px;font-weight:900}.other-icon{display:flex;align-items:center;justify-content:center;gap:5px}.other-icon i{width:15px;height:15px;border-radius:50%}.other-icon i:nth-child(1){background:linear-gradient(145deg,#8c75ff,#19aaff)}.other-icon i:nth-child(2){background:linear-gradient(145deg,#ffda3b,#ff7a00)}.other-icon i:nth-child(3){background:linear-gradient(145deg,#d8e2eb,#7b8996)}
.featured-home{padding-top:24px}.featured-home .woocommerce ul.products li.product{display:flex;flex-direction:column}.featured-home .woocommerce ul.products li.product .button{margin-top:auto;text-align:center}.featured-home .woocommerce ul.products li.product img{aspect-ratio:1.2/1;object-fit:contain;background:#f5f7fa}.featured-home .woocommerce ul.products li.product .price{font-size:18px}
@media(max-width:1050px){.hero-layout{grid-template-columns:1fr}.hero-visual{display:none}.route-business{padding-right:26px}.construction-badge{position:static;transform:none;margin-left:auto}.category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.route-grid{grid-template-columns:1fr}.route-card{padding:18px}.route-card strong{font-size:21px}.construction-badge{font-size:12px!important}.category-grid{grid-template-columns:1fr 1fr}.hero-mini-benefits{gap:14px}.home-hero{padding-top:36px}}
@media(max-width:480px){.category-grid{grid-template-columns:1fr}.category-card{min-height:92px}.construction-badge{display:none}.route-business{padding-right:18px}}

/* =========================================================
   ITSUPPORT V4 - FIX PRODUCTOS RELACIONADOS
   ========================================================= */

body.single-product .related.products {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    margin: 50px 0 0 !important;
}

body.single-product .related.products > h2 {
    width: 100% !important;
    margin: 0 0 25px !important;
}

body.single-product .related.products ul.products {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-product .related.products ul.products li.product {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    clear: none !important;
}

body.single-product .related.products ul.products li.product .woocommerce-loop-product__title {
    word-break: normal !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
}

/* Tablet */
@media (max-width: 1000px) {
    body.single-product .related.products ul.products {
        grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
    }
}

/* Móvil */
@media (max-width: 600px) {
    body.single-product .related.products ul.products {
        grid-template-columns: 1fr !important;
    }
}



/* ITSUPPORT_HEADER_LOGO */
.brand-logo{display:flex;align-items:center;flex:0 0 auto}
.brand-logo img{display:block;width:auto;height:50px;max-width:140px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.18))}
@media(max-width:620px){.brand-logo img{height:40px;max-width:112px}}