/*
Theme Name: Kivlow
Theme URI: https://kivlow.com/
Author: Digy Group
Author URI: https://www.digymkt.com/
Description: Tema autónomo Kivlow. Hosting premium a precio low cost. WooCommerce ready.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: kivlow
*/

/* Brand tokens */
:root{
  --kivlow-dark:#1A2A3A;
  --kivlow-light:#4DA6FF;
  --kivlow-accent:#A6FF4D;
  --kivlow-gray:#F3F5F7;
  --kivlow-text:#0F172A;

  --radius-xl:24px;
  --radius-lg:16px;
  --radius-md:12px;

  --shadow-sm:0 1px 2px rgba(15,23,42,.06);
  --shadow-md:0 10px 30px rgba(15,23,42,.10);
  --shadow-lg:0 18px 60px rgba(15,23,42,.14);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--kivlow-text);
  background:#fff;
  line-height:1.5;
}
h1,h2,h3,h4,h5{
  font-family:Poppins,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  margin:0 0 .6rem 0;
  letter-spacing:-0.02em;
}
a{color:inherit; text-decoration:none}
img{max-width:100%; height:auto}
.container{max-width:1160px; margin:0 auto; padding:0 20px}
.section{padding:84px 0}
.section-sm{padding:56px 0}
.muted{color:#64748b}
.k-badge{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 14px; border-radius:999px;
  background:#FEE2E2; border:1px solid #FECACA; color:#B91C1C;
  font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:.06em
}
.k-pill{display:inline-flex; gap:8px; padding:8px 10px; border-radius:999px;background:var(--kivlow-gray); border:1px solid #e5e7eb}
.k-pill button{border:0; background:transparent; padding:10px 14px; border-radius:999px;font-weight:800; color:#64748b; cursor:pointer}
.k-pill button.active{background:var(--kivlow-dark); color:#fff; box-shadow:var(--shadow-sm)}
.k-btn{display:inline-flex; align-items:center; justify-content:center; gap:10px;border-radius:999px; padding:14px 22px;font-weight:800;transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;cursor:pointer}
.k-btn:hover{transform:translateY(-1px)}
.k-btn-primary{background:var(--kivlow-accent); color:var(--kivlow-dark); box-shadow:0 16px 35px rgba(166,255,77,.22)}
.k-btn-primary:hover{background:#fff}
.k-btn-dark{background:var(--kivlow-dark); color:#fff; box-shadow:0 16px 35px rgba(26,42,58,.18)}
.k-btn-dark:hover{background:#0f1b28}
.k-btn-outline{background:transparent; border:2px solid var(--kivlow-dark); color:var(--kivlow-dark)}
.k-btn-outline:hover{background:var(--kivlow-dark); color:#fff}
.k-card{background:#fff;border:1px solid #eef2f7;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}
.k-card:hover{box-shadow:var(--shadow-md)}
.k-grid{display:grid; gap:22px}
.k-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.k-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.k-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:920px){
  .k-grid-2,.k-grid-3,.k-grid-4{grid-template-columns:1fr}
  .section{padding:64px 0}
}
.k-topbar{position:sticky; top:0; z-index:50;backdrop-filter:blur(14px);background:rgba(255,255,255,.92);border-bottom:1px solid #eef2f7}
.k-nav{height:88px; display:flex; align-items:center; justify-content:space-between; gap:18px}
.k-nav-left{display:flex; align-items:center; gap:16px}
.k-logo img{height:44px; width:auto; display:block}
.k-links{display:flex; align-items:center; gap:20px}
.k-links a{font-weight:700; color:#475569}
.k-links a:hover{color:var(--kivlow-dark)}
.k-actions{display:flex; align-items:center; gap:10px}
.k-cart{position:relative; display:inline-flex; align-items:center; justify-content:center;width:42px; height:42px; border-radius:999px;border:1px solid #eef2f7; background:#fff}
.k-cart-badge{position:absolute; top:-6px; right:-6px;min-width:18px; height:18px; padding:0 5px;border-radius:999px; background:#ef4444; color:#fff;font-size:11px; font-weight:900; display:flex; align-items:center; justify-content:center}
.k-burger{display:none; width:44px; height:44px; border-radius:12px; border:1px solid #eef2f7; background:#fff}
.k-mobile{display:none;border-top:1px solid #eef2f7;padding:14px 0 18px 0}
.k-mobile a{display:block; padding:12px 0; font-weight:800; color:#334155}
@media(max-width:920px){
  .k-links{display:none}
  .k-burger{display:inline-flex; align-items:center; justify-content:center}
  .k-mobile.open{display:block}
}
.k-hero{position:relative;padding:84px 0 74px 0;overflow:hidden}
.k-hero:before{content:"";position:absolute; inset:0;background:linear-gradient(90deg,#fff 0%, #fff 62%, #f8fafc 62%, #f8fafc 100%);transform:skewX(-10deg);transform-origin:top right;right:-180px;width:70%;z-index:-2}
.k-hero h1{font-size:56px; line-height:1.03}
.k-hero h1 .grad{background:linear-gradient(90deg,var(--kivlow-dark),#2563eb); -webkit-background-clip:text; background-clip:text; color:transparent}
.k-hero p{font-size:18px; max-width:760px}
@media(max-width:920px){.k-hero h1{font-size:40px}}
.k-pricing{max-width:980px; margin:0 auto}
.k-price-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px}
@media(max-width:920px){.k-price-grid{grid-template-columns:1fr}}
.k-plan{padding:26px}
.k-plan .price{font-size:52px; font-weight:900; color:var(--kivlow-dark); font-family:Poppins}
.k-plan .period{color:#94a3b8; font-weight:800; margin-left:8px}
.k-plan ul{margin:18px 0 0 0; padding:0; list-style:none}
.k-plan li{display:flex; gap:10px; align-items:flex-start; padding:8px 0; color:#334155; font-weight:700}
.k-plan li .dot{width:10px; height:10px; border-radius:999px; background:var(--kivlow-accent); margin-top:6px}
.k-plan-dark{background:var(--kivlow-dark); border-color:#0b1220;box-shadow:var(--shadow-lg)}
.k-plan-dark h3, .k-plan-dark p, .k-plan-dark li{color:#fff}
.k-plan-dark .price{color:#fff}
.k-plan-dark .note{color:var(--kivlow-accent)}
.k-tag{display:inline-flex; align-items:center; justify-content:center;padding:6px 10px; border-radius:12px;background:rgba(166,255,77,.95);color:var(--kivlow-dark);font-weight:900; font-size:11px; letter-spacing:.06em}
.k-feat{padding:20px; border-radius:var(--radius-lg); border:1px solid #eef2f7; background:#fff}
.k-feat h4{font-size:15px}
.k-feat p{margin:6px 0 0 0; font-size:13px; color:#64748b; font-weight:600}
.k-cta{background:linear-gradient(90deg,var(--kivlow-dark),#0b1220);color:#fff;border-radius:var(--radius-xl);padding:44px 28px;box-shadow:var(--shadow-lg)}
.k-cta p{color:#cbd5e1; margin:10px auto 0 auto; max-width:740px}
.k-footer{background:var(--kivlow-dark);color:#fff;padding:72px 0 28px 0;border-top:1px solid rgba(255,255,255,.08)}
.k-footer .cols{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:26px}
.k-footer a{color:#cbd5e1; font-weight:700}
.k-footer a:hover{color:var(--kivlow-accent)}
.k-footer p{color:#94a3b8}
@media(max-width:920px){.k-footer .cols{grid-template-columns:1fr}}
.k-subfooter{margin-top:36px; padding-top:18px; border-top:1px solid rgba(255,255,255,.08);display:flex; align-items:center; justify-content:space-between; gap:10px;color:#94a3b8; font-size:13px; font-weight:700}
@media(max-width:920px){.k-subfooter{flex-direction:column; align-items:flex-start}}
.woocommerce-page .woocommerce{max-width:1160px; margin:0 auto; padding:40px 20px}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit{border:0;background:var(--kivlow-dark);color:#fff;border-radius:999px;padding:12px 18px;font-weight:900}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{background:var(--kivlow-accent);color:var(--kivlow-dark)}
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background:var(--kivlow-accent);color:var(--kivlow-dark)}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{background:#fff}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info{border-top:3px solid #22c55e;background:#f0fdf4;color:#166534;border-radius:12px;box-shadow:var(--shadow-sm)}
.woocommerce .woocommerce-error{border-top:3px solid #ef4444;background:#fef2f2;color:#991b1b;border-radius:12px;box-shadow:var(--shadow-sm)}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
@media(max-width:920px){.woocommerce ul.products{grid-template-columns:1fr!important}}
.woocommerce ul.products li.product{float:none!important;width:100%!important;margin:0!important;border:1px solid #eef2f7;border-radius:18px;padding:18px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease}
.woocommerce ul.products li.product:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--kivlow-dark)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:Poppins;font-size:16px!important;font-weight:900!important;color:var(--kivlow-dark)}
.woocommerce ul.products li.product .price{font-weight:900!important;color:var(--kivlow-light)!important;font-size:18px!important}
.k-note{font-size:12px; color:#94a3b8; font-weight:700}
.k-sep{height:1px; background:#eef2f7; width:100%}
.k-form{display:flex; gap:10px; flex-wrap:wrap; align-items:center;background:#fff; border:1px solid #eef2f7; border-radius:999px;padding:10px;box-shadow:var(--shadow-md)}
.k-form input, .k-form select{border:0; outline:none; padding:12px 14px; font-weight:800; color:#0f172a;background:transparent; min-width:220px}
.k-form select{min-width:180px}
.k-form .k-btn{padding:12px 18px}
.k-alert{padding:14px 16px;border-radius:14px;border:1px solid #e5e7eb;background:#f8fafc;font-weight:700;color:#475569}