:root{
      --krk-blue:#081A8C;
      --krk-blue-light:#005EFF;
      --krk-cyan:#7EF4EF;
      --krk-dark:#081033;
      --krk-text:#31415F;
      --krk-bg:#F5F8FF;
      --krk-white:#FFFFFF;
    }

    *{
      margin:0;
      padding:0;
      box-sizing:border-box;
    }

    html{
      scroll-behavior:smooth;
    }

    body{
      font-family:Arial, Helvetica, sans-serif;
      color:var(--krk-text);
      background:#fff;
      overflow-x:hidden;
      line-height:1.6;
    }

    a{
      text-decoration:none;
      color:inherit;
    }

    .krk-container{
      width:min(1200px, calc(100% - 48px));
      margin:auto;
    }

    .krk-hero{
      position:relative;
      min-height:95vh;
      display:flex;
      align-items:center;
      overflow:hidden;
      background:
        radial-gradient(circle at 75% 25%, rgba(126,244,239,0.22), transparent 22%),
        radial-gradient(circle at 20% 70%, rgba(0,94,255,0.18), transparent 28%),
        linear-gradient(135deg,#06125D 0%, #081A8C 55%, #005EFF 100%);
    }

    .krk-hero::before{
      content:"";
      position:absolute;
      width:720px;
      height:720px;
      border:1px solid rgba(255,255,255,0.12);
      border-radius:50%;
      right:-180px;
      top:-120px;
      animation:rotateSlow 20s linear infinite;
    }

    .krk-hero::after{
      content:"";
      position:absolute;
      width:480px;
      height:480px;
      border:24px solid rgba(255,255,255,0.05);
      border-radius:50%;
      left:-160px;
      bottom:-180px;
      animation:floatSoft 8s ease-in-out infinite;
    }

    .krk-hero-grid{
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:80px;
      align-items:center;
      padding:120px 0;
    }

    .krk-badge{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:10px 18px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,0.18);
      background:rgba(255,255,255,0.08);
      backdrop-filter:blur(10px);
      color:#fff;
      font-size:13px;
      letter-spacing:.12em;
      text-transform:uppercase;
      margin-bottom:28px;
    }

    .krk-badge-dot{
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--krk-cyan);
      box-shadow:0 0 20px var(--krk-cyan);
    }

    .krk-hero h1{
      color:#fff;
      font-size:clamp(46px,7vw,90px);
      line-height:.95;
      letter-spacing:-0.06em;
      max-width:720px;
      margin-bottom:30px;
    }

    .krk-hero h1 span{
      color:var(--krk-cyan);
    }

    .krk-hero p{
      color:rgba(255,255,255,0.82);
      font-size:clamp(18px,2vw,24px);
      max-width:640px;
      margin-bottom:36px;
    }

    .krk-buttons{
      display:flex;
      gap:16px;
      flex-wrap:wrap;
    }

    .krk-btn{
      min-height:54px;
      padding:0 26px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:14px;
      font-weight:800;
      letter-spacing:.05em;
      text-transform:uppercase;
      transition:.35s ease;
    }

    .krk-btn-primary{
      background:#fff;
      color:var(--krk-blue);
      box-shadow:0 18px 50px rgba(0,0,0,0.28);
    }

    .krk-btn-primary:hover{
      transform:translateY(-4px);
    }

    .krk-btn-secondary{
      border:1px solid rgba(255,255,255,0.34);
      color:#fff;
    }

    .krk-btn-secondary:hover{
      background:rgba(255,255,255,0.08);
    }

    .krk-product{
      position:relative;
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:560px;
    }

    .krk-product-glow{
      position:absolute;
      width:420px;
      height:420px;
      border-radius:50%;
      background:radial-gradient(circle, rgba(126,244,239,0.35), transparent 65%);
      filter:blur(12px);
      animation:floatSoft 6s ease-in-out infinite;
    }

    .krk-bottle{
      position:relative;
      width:min(360px, 80vw);
      height:500px;
      border-radius:42px;
      background:linear-gradient(160deg,#FFFFFF 0%, #E8EEFF 100%);
      padding:24px;
      transform:rotate(-4deg);
      box-shadow:0 40px 90px rgba(0,0,0,0.35);
      animation:bottleMove 6s ease-in-out infinite;
    }

    .krk-bottle::before{
      content:"";
      position:absolute;
      width:110px;
      height:42px;
      background:#fff;
      top:-28px;
      left:50%;
      transform:translateX(-50%);
      border-radius:18px 18px 8px 8px;
    }

    .krk-bottle-label{
      width:100%;
      height:100%;
      border-radius:30px;
      padding:34px 28px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      align-items:center;
      text-align:center;
      background:
        radial-gradient(circle at 80% 20%, rgba(126,244,239,.45), transparent 22%),
        linear-gradient(145deg,#081A8C,#005EFF);
      color:#fff;
    }

    .krk-brand{
      font-size:72px;
      line-height:.9;
      font-weight:900;
      letter-spacing:-0.08em;
    }

    .krk-home{
      color:var(--krk-cyan);
      font-size:26px;
      font-weight:700;
    }

    .krk-type{
      font-size:34px;
      font-weight:900;
      text-transform:uppercase;
      line-height:1;
    }

    .krk-size{
      font-size:28px;
      font-weight:800;
    }

    .krk-section{
      padding:110px 0;
      position:relative;
    }

    .krk-soft{
      background:linear-gradient(180deg,#F5F8FF 0%, #FFFFFF 100%);
    }

    .krk-kicker{
      color:var(--krk-blue-light);
      font-size:13px;
      letter-spacing:.14em;
      text-transform:uppercase;
      font-weight:900;
      margin-bottom:16px;
    }

    .krk-title{
      font-size:clamp(36px,5vw,62px);
      line-height:1;
      letter-spacing:-0.05em;
      color:var(--krk-dark);
      margin-bottom:26px;
      max-width:850px;
    }

    .krk-lead{
      font-size:21px;
      max-width:760px;
      color:#586685;
    }

    .krk-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:24px;
      margin-top:48px;
    }

    .krk-card{
      background:#fff;
      border:1px solid #E5EBFA;
      border-radius:28px;
      padding:34px;
      transition:.35s ease;
      box-shadow:0 20px 50px rgba(8,26,140,0.06);
    }

    .krk-card:hover{
      transform:translateY(-8px);
      box-shadow:0 30px 70px rgba(8,26,140,0.12);
    }

    .krk-icon{
      width:58px;
      height:58px;
      border-radius:18px;
      margin-bottom:22px;
      background:linear-gradient(145deg,#081A8C,#005EFF);
      position:relative;
    }

    .krk-icon::after{
      content:"";
      position:absolute;
      inset:14px;
      border-radius:50%;
      border:2px solid var(--krk-cyan);
    }

    .krk-card h3{
      font-size:24px;
      line-height:1.1;
      margin-bottom:14px;
      color:var(--krk-dark);
      letter-spacing:-0.03em;
    }

    .krk-product-grid{
      display:grid;
      grid-template-columns:.95fr 1.05fr;
      gap:80px;
      align-items:center;
    }

    .krk-photo{
      min-height:520px;
      border-radius:40px;
      overflow:hidden;
      position:relative;
	  
      background:
        linear-gradient(rgba(8,26,140,0.12), rgba(8,26,140,0.12)),
        url('limpieza-superficies.png') right/cover;
      box-shadow:0 30px 80px rgba(8,26,140,0.16);
    }



    .krk-list{
      display:grid;
      gap:18px;
      margin-top:34px;
    }

    .krk-item{
      display:flex;
      gap:14px;
      align-items:flex-start;
    }

    .krk-check{
      width:24px;
      height:24px;
      border-radius:50%;
      flex:0 0 auto;
      background:var(--krk-blue-light);
      position:relative;
      margin-top:2px;
    }

    .krk-check::after{
      content:"";
      width:8px;
      height:4px;
      border-left:2px solid #fff;
      border-bottom:2px solid #fff;
      position:absolute;
      left:7px;
      top:8px;
      transform:rotate(-45deg);
    }

    .krk-band{
      background:var(--krk-dark);
      color:#fff;
      overflow:hidden;
    }

    .krk-band::before{
      content:"";
      position:absolute;
      width:580px;
      height:580px;
      border-radius:50%;
      border:22px solid rgba(126,244,239,0.09);
      top:-260px;
      right:-180px;
    }

    .krk-band-grid{
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:60px;
      align-items:center;
    }

    .krk-band .krk-title{
      color:#fff;
    }

    .krk-band .krk-lead{
      color:rgba(255,255,255,0.76);
    }

    .krk-mini-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:18px;
    }

    .krk-mini{
      border:1px solid rgba(255,255,255,0.14);
      background:rgba(255,255,255,0.06);
      border-radius:24px;
      padding:24px;
    }

    .krk-mini strong{
      display:block;
      color:var(--krk-cyan);
      font-size:28px;
      line-height:1;
      margin-bottom:8px;
    }

    .krk-mini span{
      color:rgba(255,255,255,0.78);
    }

    .krk-cta{
      text-align:center;
      background:
        radial-gradient(circle at center, rgba(0,94,255,.16), transparent 28%),
        linear-gradient(180deg,#FFFFFF 0%, #EEF3FF 100%);
    }

    .krk-cta .krk-title,
    .krk-cta .krk-lead{
      margin-left:auto;
      margin-right:auto;
    }

    .krk-cta .krk-lead{
      margin-bottom:38px;
    }

    .krk-footer{
      background:#050B2D;
      color:rgba(255,255,255,0.68);
      text-align:center;
      padding:34px 24px;
      font-size:14px;
    }

    .krk-reveal{
      opacity:0;
      transform:translateY(40px);
      transition:all .9s ease;
    }

    .krk-reveal.visible{
      opacity:1;
      transform:translateY(0);
    }

    @keyframes rotateSlow{
      from{transform:rotate(0deg);}
      to{transform:rotate(360deg);}
    }

    @keyframes floatSoft{
      0%,100%{transform:translateY(0);}
      50%{transform:translateY(-18px);}
    }

    @keyframes bottleMove{
      0%,100%{transform:rotate(-4deg) translateY(0);}
      50%{transform:rotate(-2deg) translateY(-14px);}
    }

    @media(max-width:980px){
      .krk-hero-grid,
      .krk-product-grid,
      .krk-band-grid{
        grid-template-columns:1fr;
      }

      .krk-grid,
      .krk-mini-grid{
        grid-template-columns:1fr;
      }

      .krk-product{
        min-height:440px;
      }

      .krk-section{
        padding:80px 0;
      }

      .krk-hero-grid{
        gap:40px;
        padding:90px 0;
      }

      .krk-hero h1{
        font-size:clamp(42px,13vw,70px);
      }
    }
	    .krk-cta .krk-logo{
      margin-left:auto;
      margin-right:auto;
      filter:none;
	  max-width:150px;
    }
	    .krk-image-grid{
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:24px;
      margin-top:52px;
    }

    .krk-image-card{
      min-height:360px;
      border-radius:34px;
      overflow:hidden;
      position:relative;
      box-shadow:0 24px 60px rgba(8,26,140,.12);
      background:#dfe7ff;
    }

    .krk-image-card.large{
      grid-row:span 2;
      min-height:744px;
    }

    .krk-image-card img{
      width:100%;
      height:100%;
      object-fit:cover;
      transition:transform .7s ease;
    }

    .krk-image-card:hover img{
      transform:scale(1.06);
    }

    .krk-image-card span{
      position:absolute;
      left:22px;
      bottom:22px;
      background:rgba(255,255,255,.92);
      color:var(--krk-blue);
      border-radius:999px;
      padding:10px 16px;
      font-size:13px;
      font-weight:800;
    }
	  .krk-footer-inner{
  width:min(1200px, calc(100% - 48px));
  margin:auto;
  display:flex;
  flex-direction:column;
  gap:16px;
  align-items:center;
}

.krk-legal-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  justify-content:center;
}

.krk-legal-links a{
  color:rgba(255,255,255,0.78);
  font-size:13px;
  text-decoration:underline;
  text-underline-offset:4px;
}

.krk-legal-links a:hover{
  color:#fff;
}