/* Hydra · Kits de diseño · fuentes locales (SIL OFL 1.1, ver assets/fonts/OFL.txt). Sin Google Fonts. */ @font-face{font-family:"Anton";font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/anton-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Dancing Script";font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/dancing-script-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/dm-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../../fonts/dm-sans-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"DM Sans";font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/dm-sans-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Fraunces";font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/fraunces-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Fraunces";font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/fraunces-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Nunito";font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/nunito-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Nunito";font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/nunito-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Nunito";font-style:normal;font-weight:800;font-display:swap;src:url(../../fonts/nunito-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Playfair Display";font-style:italic;font-weight:700;font-display:swap;src:url(../../fonts/playfair-display-latin-700-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Playfair Display";font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/playfair-display-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/poppins-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(../../fonts/poppins-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/poppins-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/poppins-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Rubik";font-style:normal;font-weight:500;font-display:swap;src:url(../../fonts/rubik-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Rubik";font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/rubik-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Unbounded";font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/unbounded-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:800;font-display:swap;src:url(../../fonts/bricolage-grotesque-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(../../fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(../../fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/press-start-2p-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/jetbrains-mono-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Limelight";font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/limelight-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Shippori Mincho";font-style:normal;font-weight:500;font-display:swap;src:url(../../fonts/shippori-mincho-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Shippori Mincho";font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/shippori-mincho-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Archivo Black";font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/archivo-black-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} /* ===================================================================== Hydra · Kits de diseño (v0.33.7) Base común + 8 kits. Todo va bajo .hds-kit para no tocar otras plantillas. ===================================================================== */ .hds-kit{--k-radius:22px;--k-wrap:1200px;--k-shadow:0 18px 44px rgba(20,20,20,.10);font-family:var(--k-font-body);font-size:16px;line-height:1.6;color:var(--k-text);background:var(--k-background);overflow:visible;overflow-x:clip;-webkit-font-smoothing:antialiased} .hds-kit *,.hds-kit *::before,.hds-kit *::after{box-sizing:border-box} .hds-kit a{color:inherit;text-decoration:none} .hds-kit img{display:block;max-width:100%;height:auto} .hds-kit h1,.hds-kit h2,.hds-kit h3{font-family:var(--k-font-heading);color:inherit;margin:0;line-height:1.12;letter-spacing:-.01em;font-weight:700} .hds-kit p{margin:0} .hds-kit ol,.hds-kit ul{margin:0;padding:0} .hds-kit .k-wrap{width:min(var(--k-wrap),calc(100% - 48px));margin-inline:auto} .hds-kit .k-section{padding:76px 0;position:relative} .hds-kit .k-section.hds-size-mini{padding:22px 0} .hds-kit .k-section.hds-size-compact{padding:40px 0} .hds-kit .k-section.hds-size-spacious{padding:110px 0} .hds-kit .k-icon{width:1.3em;height:1.3em;flex:0 0 auto;display:inline-block;vertical-align:middle} .hds-kit .k-ph{display:block;width:100%;height:100%;min-height:120px;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--k-accent) 55%,transparent),transparent 60%),linear-gradient(135deg,var(--k-surface),color-mix(in srgb,var(--k-primary) 35%,var(--k-surface)))} .hds-kit .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)} /* Botones */ .hds-kit .k-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:999px;font-weight:600;font-size:.95rem;line-height:1.2;border:1.5px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;cursor:pointer;white-space:nowrap} .hds-kit .k-btn:hover{transform:translateY(-2px)} .hds-kit .k-btn.is-primary{background:var(--k-primary);color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--k-primary) 28%,transparent)} .hds-kit .k-btn.is-accent{background:var(--k-accent);color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--k-accent) 32%,transparent)} .hds-kit .k-btn.is-ghost{border-color:currentColor;background:transparent} .hds-kit .k-btn.is-link{padding-inline:4px;color:var(--k-primary);border:0;text-decoration:underline;text-underline-offset:5px} .hds-kit .k-btn.is-cream{background:var(--k-background);color:var(--k-text)} .hds-kit .k-btn.is-gold{border-color:var(--k-primary);color:var(--k-primary);border-radius:0;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem} .hds-kit .k-btn.is-small{padding:9px 18px;font-size:.85rem} .hds-kit .k-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px} /* Encabezados de sección */ .hds-kit .k-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px} .hds-kit .k-head>div{max-width:680px} .hds-kit .k-head h2{font-size:clamp(28px,3.2vw,42px)} .hds-kit .k-head p{margin-top:12px;color:var(--k-muted);font-size:1.02rem} .hds-kit .k-head.is-center{justify-content:center;text-align:center} .hds-kit .k-head.is-center>div{margin-inline:auto} .hds-kit .k-kicker{display:inline-block;margin-bottom:10px;font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--k-primary)} .hds-kit .k-head-link{flex:0 0 auto;font-weight:600;color:var(--k-primary);display:inline-flex;gap:6px;align-items:center} .hds-kit .k-head-link:hover span{transform:translateX(3px)} .hds-kit .k-head-link span{transition:transform .2s} /* Tarjetas */ .hds-kit .k-cards{display:grid;gap:26px;grid-template-columns:repeat(3,minmax(0,1fr))} .hds-kit .k-card a{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:var(--k-radius);overflow:hidden;box-shadow:0 2px 0 rgba(0,0,0,.02);transition:transform .25s ease,box-shadow .25s ease} .hds-kit .k-card a:hover{transform:translateY(-4px);box-shadow:var(--k-shadow)} .hds-kit .k-card-media{aspect-ratio:16/10;overflow:hidden;background:var(--k-surface)} .hds-kit .k-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease} .hds-kit .k-card a:hover .k-card-media img{transform:scale(1.05)} .hds-kit .k-card-body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 24px;flex:1} .hds-kit .k-card-body h3{font-size:1.14rem;line-height:1.3} .hds-kit .k-card-body p{color:var(--k-muted);font-size:.93rem} .hds-kit .k-card-body .k-btn{margin-top:auto;align-self:flex-start;background:var(--k-primary);color:#fff} .hds-kit .k-card-body .k-kicker{margin:0} /* Secciones / temas */ .hds-kit .k-topics{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))} .hds-kit .k-topic{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px 12px 12px;background:#fff;border-radius:18px;transition:transform .2s,box-shadow .2s} .hds-kit .k-topic:hover{transform:translateY(-3px);box-shadow:var(--k-shadow)} .hds-kit .k-topic-media{width:64px;height:64px;border-radius:14px;overflow:hidden;background:var(--k-surface)} .hds-kit .k-topic-media img,.hds-kit .k-topic-media .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit .k-topic-copy{display:grid;gap:2px;min-width:0} .hds-kit .k-topic-copy strong{font-weight:700;font-size:1rem;line-height:1.25} .hds-kit .k-topic-copy small{color:var(--k-muted);font-size:.82rem;line-height:1.35} .hds-kit .k-topic em{font-style:normal;color:var(--k-primary);font-weight:700} .hds-kit .k-topics-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:54px} .hds-kit .k-topics-chips .k-topic{display:inline-flex;gap:10px;padding:6px 18px 6px 6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--k-primary) 18%,transparent)} .hds-kit .k-topics-chips .k-topic-media{width:34px;height:34px;border-radius:50%} .hds-kit .k-topics-chips small,.hds-kit .k-topics-chips em{display:none} .hds-kit .k-topics-chips strong{font-size:.9rem;font-weight:600} /* Lista numerada */ .hds-kit .k-list{list-style:none;display:grid;gap:0;border-top:1px solid color-mix(in srgb,var(--k-text) 12%,transparent)} .hds-kit .k-list li a{display:grid;grid-template-columns:48px 112px minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px 4px;border-bottom:1px solid color-mix(in srgb,var(--k-text) 12%,transparent);transition:background .2s} .hds-kit .k-list li a:hover{background:color-mix(in srgb,var(--k-surface) 60%,transparent)} .hds-kit .k-list-num{font-family:var(--k-font-heading);font-size:1.4rem;color:var(--k-primary);font-weight:700} .hds-kit .k-list-media{width:112px;height:76px;border-radius:12px;overflow:hidden} .hds-kit .k-list-media img,.hds-kit .k-list-media .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit .k-list-copy{display:grid;gap:4px} .hds-kit .k-list-copy strong{font-size:1.06rem;line-height:1.3} .hds-kit .k-list-copy small{color:var(--k-muted)} .hds-kit .k-list em{font-style:normal;color:var(--k-primary);font-size:1.2rem} /* Banner acerca de */ .hds-kit .k-banner-box{display:grid;grid-template-columns:1.05fr .95fr;border-radius:calc(var(--k-radius) + 8px);overflow:hidden;background:var(--k-dark);color:#fff;min-height:360px} .hds-kit .k-banner-copy{padding:clamp(32px,5vw,64px);display:flex;flex-direction:column;justify-content:center;gap:16px} .hds-kit .k-banner-copy h2{font-size:clamp(28px,3.2vw,42px)} .hds-kit .k-banner-copy p{opacity:.82} .hds-kit .k-banner-copy .k-btn{align-self:flex-start;background:var(--k-accent);color:#fff} .hds-kit .k-banner-points{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:6px;font-size:.9rem;opacity:.9} .hds-kit .k-banner-points span{display:inline-flex;gap:6px;align-items:center} .hds-kit .k-banner-media img,.hds-kit .k-banner-media .k-ph{width:100%;height:100%;object-fit:cover} /* Newsletter */ .hds-kit .k-newsletter-box{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(280px,440px);align-items:center;gap:28px;padding:clamp(28px,4vw,46px);border-radius:calc(var(--k-radius) + 6px);background:var(--k-primary);color:#fff} .hds-kit .k-newsletter-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.14);font-size:1.4rem} .hds-kit .k-newsletter-copy h2{font-size:clamp(24px,2.6vw,32px)} .hds-kit .k-newsletter-copy p{opacity:.85;margin-top:6px} .hds-kit .k-newsletter-form{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 22px;border-radius:999px;background:#fff;color:var(--k-muted);font-size:.92rem;min-width:0} .hds-kit .k-newsletter-form span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .hds-kit .k-newsletter-form b{flex:0 0 auto;padding:12px 22px;border-radius:999px;background:var(--k-accent);color:#fff;font-weight:700} /* FAQ */ .hds-kit .k-faq-list{display:grid;gap:12px;max-width:880px} .hds-kit .k-faq .k-head{margin-bottom:28px} .hds-kit .k-faq details{background:#fff;border-radius:16px;padding:0 22px;border:1px solid color-mix(in srgb,var(--k-text) 8%,transparent)} .hds-kit .k-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:700;cursor:pointer} .hds-kit .k-faq summary::-webkit-details-marker{display:none} .hds-kit .k-faq summary span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--k-surface);color:var(--k-primary);transition:transform .25s;flex:0 0 auto} .hds-kit .k-faq details[open] summary span{transform:rotate(45deg)} .hds-kit .k-faq details p{padding:0 0 20px;color:var(--k-muted)} /* Enlaces útiles */ .hds-kit .k-links-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .hds-kit .k-links-grid a{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:2px;padding:18px;background:#fff;border-radius:16px;transition:transform .2s,box-shadow .2s} .hds-kit .k-links-grid a:hover{transform:translateY(-3px);box-shadow:var(--k-shadow)} .hds-kit .k-links-icon{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--k-surface);color:var(--k-primary)} .hds-kit .k-links-grid strong{line-height:1.3} .hds-kit .k-links-grid small{color:var(--k-muted);font-size:.84rem} .hds-kit .k-custom-box{max-width:860px} .hds-kit .k-custom-box h2{font-size:clamp(26px,3vw,38px);margin-bottom:14px} /* Confianza */ .hds-kit .k-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} .hds-kit .k-trust-item{display:flex;gap:14px;align-items:center} .hds-kit .k-trust-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--k-surface);color:var(--k-primary);font-size:1.15rem;flex:0 0 auto} .hds-kit .k-trust-item strong{display:block;font-size:.95rem;line-height:1.25} .hds-kit .k-trust-item small{display:block;color:var(--k-muted);font-size:.82rem;line-height:1.35} /* Cabecera común */ .hds-kit .k-header{position:relative;z-index:60;background:transparent;border:0;color:var(--k-text)} .hds-kit .k-header.is-sticky{position:sticky;top:0} .admin-bar .hds-kit .k-header.is-sticky{top:32px} .hds-kit .k-header .k-wrap{display:flex;align-items:center;gap:clamp(14px,1.8vw,26px);min-height:76px;width:min(1380px,calc(100% - 48px))!important;max-width:none!important} .hds-kit .k-header nav{margin-left:auto;min-width:0} .hds-kit .k-menu{display:flex;align-items:center;gap:clamp(16px,1.65vw,26px);list-style:none;margin:0;padding:0} .hds-kit .k-menu>li>a{font-weight:500;font-size:.95rem;min-height:40px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;position:relative} .hds-kit .k-menu>li>a::before{content:"";position:absolute;left:0;right:100%;bottom:6px;height:2px;background:var(--k-primary);transition:right .25s} .hds-kit .k-menu>li>a:hover::before,.hds-kit .k-menu>li.current-menu-item>a::before{right:0} .hds-kit .k-menu ul{background:#fff;color:var(--k-text);border-radius:14px;min-width:220px;padding:8px} .hds-kit .k-header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto} .hds-kit .k-icon-link{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;transition:background .2s} .hds-kit .k-icon-link:hover{background:color-mix(in srgb,var(--k-primary) 12%,transparent)} .hds-kit .k-header-cta{padding:10px 20px;font-size:.88rem} .hds-kit .k-brand{display:inline-flex;align-items:center;gap:12px;color:inherit;font-size:1rem;font-weight:400;flex:0 0 auto;min-width:0} .hds-kit .k-brand-copy{display:grid;line-height:1.1;min-width:0;max-width:min(380px,30vw)} .hds-kit .k-brand-copy b{font-family:var(--k-font-heading);font-size:1.45rem;font-weight:700;letter-spacing:-.01em} .hds-kit .k-brand-copy small{font-size:.74rem;opacity:.7;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .hds-kit .k-brand-mark{display:inline-block;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--k-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19c8 0 14-6 14-14C11 5 5 10 5 17v2z'/%3E%3Cpath d='M5 19l8-8'/%3E%3C/svg%3E") center/22px no-repeat} .hds-kit .custom-logo,.hds-kit .hds-brand-logo{width:var(--k-logo-w)!important;height:auto!important;max-height:none!important} .hds-kit .hds-menu-toggle{display:none;width:44px;height:44px;border-radius:12px;border:0;background:transparent;color:inherit;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0} .hds-kit .hds-menu-toggle span{display:block;width:22px;height:2px;border-radius:2px;background:currentColor} .hds-kit .k-header.is-menu-collapsed .hds-menu-toggle{display:inline-flex} /* Footer común */ .hds-kit .k-footer{background:var(--k-dark);color:#fff;padding:68px 0 0;margin-top:0} .hds-kit .k-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:40px} .hds-kit .k-foot-name{font-family:var(--k-font-heading);font-size:1.6rem;display:block;margin-bottom:10px} .hds-kit .k-foot-brand p{opacity:.72;font-size:.94rem;max-width:320px} .hds-kit .k-footer nav strong{display:block;margin-bottom:14px;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;opacity:.6} .hds-kit .k-footer nav{display:block} .hds-kit .k-footer nav a{display:block;margin:0 0 10px;opacity:.86;font-size:.94rem;line-height:1.35} .hds-kit .k-footer nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px} .hds-kit .k-footer-bottom{margin-top:52px;padding:22px 0;border-top:1px solid rgba(255,255,255,.14);font-size:.84rem;opacity:.7} .hds-kit .hds-socials{display:flex;gap:10px;margin-top:18px} .hds-kit .hds-socials a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.3);font-weight:700;font-size:.85rem} .hds-kit .hds-socials:empty{display:none} .hds-kit .k-foot-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .hds-kit .k-foot-feature{display:flex;gap:10px;align-items:center;font-size:.9rem} .hds-kit .k-foot-feature .k-icon{font-size:1.4rem} /* Cabecera/footer compartidos en HUBs y entradas */ .hds-kit-shared{background:transparent} .hds-kit-shared .k-header{position:relative} .hds-kit-shared .k-header.is-sticky{position:sticky} /* ===================================================================== v0.33.8 · VARIANTES DE CABECERA Y FOOTER (Design Studio) Cada opción de "Cabecera / menú" y "Footer" funciona dentro de los kits con la paleta y la tipografía del kit. La variante recomendada de cada kit añade más abajo su toque propio. ===================================================================== */ .hds-kit{--k-hbox:#fff;--k-hline:color-mix(in srgb,var(--k-text) 13%,transparent)} .hds-kit-shared.hds-site{background:transparent;min-height:0} /* Hueco de la cabecera/footer del tema (solo en la vista previa del admin) */ .hds-kit .k-theme-slot{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:0 24px;background:repeating-linear-gradient(135deg,#f1f2f4 0 12px,#e9ebee 12px 24px);color:#4b5563;font:600 14px/1.3 system-ui,sans-serif;border-bottom:1px dashed #b8bec8} .hds-kit .k-theme-slot small{font-weight:400;opacity:.8} .hds-kit .k-theme-slot-footer{min-height:90px;border-bottom:0;border-top:1px dashed #b8bec8} /* Flecha del submenú: una sola. El botón de submenú solo existe en móvil o con el menú plegado; en escritorio el desplegable se abre al pasar o enfocar. */ @media (min-width:901px){ .hds-kit .k-header:not(.is-menu-collapsed) .hds-submenu-toggle{display:none!important} } /* ===================================================================== KIT 48 · Fútbol Mundial · portal deportivo oscuro ===================================================================== */ .hds-kit-futbol{--fm-bg:#061923;--fm-bg-2:#081f2a;--fm-card:#0b2633;--fm-line:#234452;--fm-green:#59ef6f;--fm-red:#ff3d50;--fm-blue:#159ad6;--fm-text:#f4fbff;--fm-muted:#9db2bd;background:var(--fm-bg);color:var(--fm-text);font-family:var(--k-font-body)} .hds-kit-futbol .k-wrap{width:min(calc(100% - 44px),1450px)} .hds-kit-futbol a{color:inherit}.hds-kit-futbol .k-section{padding:18px 0;border-top:1px solid var(--fm-line);background:linear-gradient(180deg,#071c26,#061923)} .hds-kit-futbol .k-fm-header{position:relative;z-index:20;min-height:70px;border:0;border-bottom:1px solid var(--fm-line);background:#061923;color:#fff;box-shadow:none} .hds-kit-futbol .k-fm-header>.k-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(210px,290px);gap:24px;align-items:center;min-height:70px} .hds-kit-futbol .k-fm-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.hds-kit-futbol .k-fm-brand i{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--fm-green);border-radius:50%;font-size:25px;font-style:normal}.hds-kit-futbol .k-fm-brand strong{font-family:var(--k-font-heading);font-size:1.72rem;letter-spacing:.01em;text-transform:uppercase}.hds-kit-futbol .k-fm-brand strong::after{content:"";color:var(--fm-green)} .hds-kit-futbol .k-fm-header .k-menu{justify-content:center;gap:5px}.hds-kit-futbol .k-fm-header .k-menu>li>a{padding:25px 13px 22px;color:#fff;font-size:.84rem;font-weight:700}.hds-kit-futbol .k-fm-header .k-menu>li.current-menu-item>a,.hds-kit-futbol .k-fm-header .k-menu>li>a:hover{color:var(--fm-green)}.hds-kit-futbol .k-fm-header .k-menu>li.current-menu-item>a::after{height:3px;background:var(--fm-green)} .hds-kit-futbol .k-fm-header-search .k-search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;height:42px;padding:0 12px;border:1px solid var(--fm-line);border-radius:10px;background:#0b2633}.hds-kit-futbol .k-fm-header-search svg{width:18px}.hds-kit-futbol .k-fm-header-search input{min-width:0;border:0;background:transparent;color:#fff;font-size:.72rem}.hds-kit-futbol .k-fm-header-search button,.hds-kit-futbol .k-fm-header-search .screen-reader-text{display:none} .hds-kit-futbol .k-fm-hero{position:relative;min-height:460px;overflow:hidden;background:#071b26}.hds-kit-futbol .k-fm-hero-media,.hds-kit-futbol .k-fm-hero-shade{position:absolute;inset:0}.hds-kit-futbol .k-fm-hero-media img,.hds-kit-futbol .k-fm-hero-media>.k-ph{display:block;width:100%;height:100%;object-fit:cover;background:radial-gradient(circle at 76% 35%,#32566b 0 7%,transparent 28%),linear-gradient(120deg,#0b3246,#07131b)} .hds-kit-futbol .k-fm-hero-media>.k-ph::after{content:"Añade aquí la imagen principal";position:absolute;right:14%;top:43%;color:rgba(255,255,255,.42);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase} .hds-kit-futbol .k-fm-hero-shade{background:linear-gradient(90deg,rgba(2,14,21,.98) 0,rgba(2,14,21,.86) 37%,rgba(2,14,21,.18) 72%,rgba(2,14,21,.3)),linear-gradient(0deg,rgba(5,24,33,.96),transparent 28%)} .hds-kit-futbol .k-fm-hero-inner{position:relative;z-index:2;display:flex;align-items:center;min-height:460px;padding-block:44px}.hds-kit-futbol .k-fm-hero-copy{width:min(620px,52%)}.hds-kit-futbol .k-fm-hero-copy>small{display:block;margin-bottom:10px;color:var(--fm-green);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hds-kit-futbol .k-fm-hero h1{max-width:600px;margin:0;color:#fff;font-family:var(--k-font-heading);font-size:clamp(3.7rem,6.1vw,6.8rem);font-weight:400;line-height:.78;letter-spacing:.005em;text-transform:uppercase;text-wrap:balance}.hds-kit-futbol .k-fm-hero h1::first-line{color:#fff}.hds-kit-futbol .k-fm-hero-copy>p{max-width:540px;margin:20px 0;color:#eef7fb;font-size:1.06rem;line-height:1.38}.hds-kit-futbol .k-fm-actions{display:flex;flex-wrap:wrap;gap:14px}.hds-kit-futbol .k-fm-actions .k-btn{min-height:45px;border-radius:9px;padding:0 24px;font-weight:900}.hds-kit-futbol .k-fm-actions .is-primary{background:var(--fm-green);color:#042014}.hds-kit-futbol .k-fm-actions .is-ghost{border:1px solid #5d7e8d;background:rgba(6,25,35,.72);color:#fff} .hds-kit-futbol .k-fm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:27px;padding-top:19px;border-top:1px solid rgba(255,255,255,.2)}.hds-kit-futbol .k-fm-stats>div{display:flex;align-items:center;gap:10px;padding-right:14px}.hds-kit-futbol .k-fm-stats svg{width:28px;height:28px;color:var(--fm-green);stroke-width:2.2}.hds-kit-futbol .k-fm-stats span{display:grid}.hds-kit-futbol .k-fm-stats b{color:#fff;font-size:.86rem}.hds-kit-futbol .k-fm-stats small{color:var(--fm-muted);font-size:.61rem} .hds-kit-futbol .k-fm-live{padding:18px 0 22px;border-top:1px solid var(--fm-line);background:linear-gradient(180deg,#061923,#081e29)} .hds-kit-futbol .k-fm-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.hds-kit-futbol .k-fm-head-title{display:flex;align-items:center;gap:12px;min-width:0}.hds-kit-futbol .k-fm-head-title i{display:grid;place-items:center;color:var(--fm-green)}.hds-kit-futbol .k-fm-head-title i svg{width:26px;height:26px;stroke-width:2.3}.hds-kit-futbol .k-fm-head h2{margin:0;color:#fff;font-family:var(--k-font-heading);font-size:1.65rem;font-weight:400;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap}.hds-kit-futbol .k-fm-head p{margin:2px 0 0;color:var(--fm-muted);font-size:.7rem}.hds-kit-futbol .k-fm-head>a{color:var(--fm-green);font-size:.73rem;font-weight:900;white-space:nowrap} .hds-kit-futbol .k-fm-tabs{display:flex;gap:7px;margin:0 0 12px;overflow:auto;scrollbar-width:none}.hds-kit-futbol .k-fm-tabs button,.hds-kit-futbol .k-fm-club-tools>button{flex:0 0 auto;border:1px solid var(--fm-line);border-radius:8px;padding:9px 16px;background:#0b2633;color:#dce9ef;font-size:.68rem;cursor:pointer}.hds-kit-futbol .k-fm-tabs button.is-active,.hds-kit-futbol .k-fm-club-tools>button.is-active{border-color:var(--fm-green);background:var(--fm-green);color:#042014;font-weight:900} .hds-kit-futbol .k-fm-match-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.hds-kit-futbol .k-fm-match{display:grid;overflow:hidden;min-height:180px;border:1px solid var(--fm-line);border-radius:8px;background:linear-gradient(145deg,#0c2b39,#071a24)}.hds-kit-futbol .k-fm-match-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.07)}.hds-kit-futbol .k-fm-match-top b{padding:4px 7px;border-radius:4px;background:#173947;color:#dce8ed;font-size:.61rem;text-transform:uppercase}.hds-kit-futbol .k-fm-match.is-live .k-fm-match-top b{background:var(--fm-red);color:#fff}.hds-kit-futbol .k-fm-match-top span{color:var(--fm-muted);font-size:.58rem}.hds-kit-futbol .k-fm-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:center;padding:12px 8px 7px;text-align:center}.hds-kit-futbol .k-fm-teams>div{display:grid;justify-items:center;gap:5px;min-width:0}.hds-kit-futbol .k-fm-teams img,.hds-kit-futbol .k-fm-teams .k-ph{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#143744}.hds-kit-futbol .k-fm-teams strong{max-width:85px;color:#fff;font-size:.64rem;line-height:1.1}.hds-kit-futbol .k-fm-score{color:#fff;font-size:1.25rem;font-weight:900;white-space:nowrap}.hds-kit-futbol .k-fm-score i{color:var(--fm-muted);font-style:normal}.hds-kit-futbol .k-fm-match>small{display:block;align-self:end;padding:0 8px 7px;color:var(--fm-muted);font-size:.56rem;text-align:center}.hds-kit-futbol .k-fm-match>a{display:block;margin:0 8px 8px;padding:7px;border:1px solid var(--fm-line);border-radius:5px;color:#fff;font-size:.62rem;font-weight:800;text-align:center}.hds-kit-futbol .k-fm-match.is-live>a{border-color:var(--fm-green);background:var(--fm-green);color:#052215}.hds-kit-futbol .k-fm-empty{grid-column:1/-1;padding:28px;border:1px dashed var(--fm-line);color:var(--fm-muted);text-align:center} .hds-kit-futbol .k-fm-competition-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:9px}.hds-kit-futbol .k-fm-competition{position:relative;display:block;overflow:hidden;min-height:158px;border:1px solid var(--fm-line);border-radius:8px;background:linear-gradient(145deg,#123646,#0a202b)}.hds-kit-futbol .k-fm-competition .k-fm-card-media{position:absolute;inset:0}.hds-kit-futbol .k-fm-competition img,.hds-kit-futbol .k-fm-competition .k-ph{width:100%;height:100%;object-fit:cover;opacity:.72;background:linear-gradient(145deg,#1e5b89,#101a4f)}.hds-kit-futbol .k-fm-competition::after{content:"";position:absolute;inset:28% 0 0;background:linear-gradient(transparent,#07151d)}.hds-kit-futbol .k-fm-competition .k-fm-card-copy{position:absolute;z-index:2;inset:auto 8px 10px;display:block;text-align:center}.hds-kit-futbol .k-fm-competition strong{display:block;color:#fff;font-family:var(--k-font-heading);font-size:1rem;font-weight:400;line-height:1.05;text-transform:uppercase}.hds-kit-futbol .k-fm-competition small,.hds-kit-futbol .k-fm-competition b{display:none} .hds-kit-futbol .k-fm-guide-grid,.hds-kit-futbol .k-fm-country-grid,.hds-kit-futbol .k-fm-learn-grid,.hds-kit-futbol .k-fm-article-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.hds-kit-futbol .k-fm-guide,.hds-kit-futbol .k-fm-country,.hds-kit-futbol .k-fm-article{display:grid;grid-template-rows:118px 1fr;overflow:hidden;min-height:210px;border:1px solid var(--fm-line);border-radius:8px;background:var(--fm-card)}.hds-kit-futbol .k-fm-card-media{display:block;overflow:hidden}.hds-kit-futbol .k-fm-card-media img,.hds-kit-futbol .k-fm-card-media .k-ph{display:block;width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,#153b4c,#0b2532)}.hds-kit-futbol .k-fm-card-media .k-ph{position:relative}.hds-kit-futbol .k-fm-card-media .k-ph::after{content:"Añade imagen";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.36);font-size:.58rem;font-weight:800;text-transform:uppercase}.hds-kit-futbol .k-fm-card-copy{display:flex;flex-direction:column;align-items:flex-start;padding:11px}.hds-kit-futbol .k-fm-card-copy strong{color:#fff;font-size:.86rem;line-height:1.14}.hds-kit-futbol .k-fm-card-copy small{margin-top:5px;color:var(--fm-muted);font-size:.63rem;line-height:1.3}.hds-kit-futbol .k-fm-card-copy b{margin-top:auto;padding-top:7px;color:var(--fm-green);font-size:.62rem} .hds-kit-futbol .k-fm-record-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:10px}.hds-kit-futbol .k-fm-record-leads{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hds-kit-futbol .k-fm-record-lead{position:relative;overflow:hidden;min-height:230px;border:1px solid var(--fm-line);border-radius:8px}.hds-kit-futbol .k-fm-record-lead .k-fm-card-media{position:absolute;inset:0}.hds-kit-futbol .k-fm-record-lead img,.hds-kit-futbol .k-fm-record-lead .k-ph{width:100%;height:100%;object-fit:cover;background:#123546}.hds-kit-futbol .k-fm-record-lead::after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#06131a)}.hds-kit-futbol .k-fm-record-lead .k-fm-card-copy{position:absolute;z-index:2;inset:auto 10px 10px;padding:0}.hds-kit-futbol .k-fm-record-lead strong{font-family:var(--k-font-heading);font-size:1.15rem;font-weight:400;text-transform:uppercase}.hds-kit-futbol .k-fm-record-list{display:flex;flex-direction:column;min-width:0;padding:11px;border:1px solid var(--fm-line);border-radius:8px;background:var(--fm-card)}.hds-kit-futbol .k-fm-record-list>strong{min-height:34px;color:#fff;font-size:.73rem}.hds-kit-futbol .k-fm-record-list>a:not(.k-fm-list-more){display:grid;grid-template-columns:20px minmax(0,1fr);gap:6px;padding:7px 0;border-top:1px solid rgba(255,255,255,.07);font-size:.62rem}.hds-kit-futbol .k-fm-record-list>a>b{color:var(--fm-green)}.hds-kit-futbol .k-fm-list-more{margin-top:auto;padding-top:8px;color:var(--fm-green);font-size:.6rem;font-weight:800}.hds-kit-futbol .k-fm-list-empty{color:var(--fm-muted);font-size:.62rem;line-height:1.35} .hds-kit-futbol .k-fm-country{position:relative;grid-template-rows:145px 1fr}.hds-kit-futbol .k-fm-country .k-fm-card-copy{margin-top:-45px;background:linear-gradient(transparent,var(--fm-card) 38%)} .hds-kit-futbol .k-fm-learn{display:grid;grid-template-columns:92px 1fr;min-height:86px;border:1px solid var(--fm-line);border-radius:7px;background:var(--fm-card);overflow:hidden}.hds-kit-futbol .k-fm-learn .k-fm-card-media{height:100%}.hds-kit-futbol .k-fm-learn .k-fm-card-copy{padding:10px}.hds-kit-futbol .k-fm-learn small,.hds-kit-futbol .k-fm-learn b{display:none}.hds-kit-futbol .k-fm-learn strong{font-size:.74rem} .hds-kit-futbol .k-fm-club-tools{display:flex;align-items:center;gap:7px;margin-bottom:12px}.hds-kit-futbol .k-fm-club-tools form{display:grid;grid-template-columns:1fr auto;width:min(300px,100%);margin-left:auto;border:1px solid var(--fm-line);border-radius:8px;background:#0b2633;overflow:hidden}.hds-kit-futbol .k-fm-club-tools input{min-width:0;border:0;padding:10px 12px;background:transparent;color:#fff;font-size:.68rem}.hds-kit-futbol .k-fm-club-tools form button{border:0;padding:0 12px;background:transparent;color:#fff}.hds-kit-futbol .k-fm-club-tools svg{width:16px}.hds-kit-futbol .k-fm-club-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}.hds-kit-futbol .k-fm-club{display:grid;justify-items:center;gap:7px;min-width:0;padding:10px 5px;border:1px solid var(--fm-line);border-radius:7px;background:#0a222e;text-align:center}.hds-kit-futbol .k-fm-club img,.hds-kit-futbol .k-fm-club .k-ph{width:43px;height:43px;border-radius:50%;object-fit:cover;background:#153743}.hds-kit-futbol .k-fm-club span{max-width:82px;color:#fff;font-size:.58rem;line-height:1.15} .hds-kit-futbol .k-fm-article{grid-template-rows:145px 1fr}.hds-kit-futbol .k-fm-article .k-fm-card-copy b{display:inline-block;padding:3px 6px;border:1px solid rgba(89,239,111,.5);border-radius:3px} .hds-kit-futbol .k-fm-footer{padding:34px 0 0;border-top:1px solid var(--fm-line);background:#04131b;color:#fff}.hds-kit-futbol .k-fm-footer-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:35px}.hds-kit-futbol .k-fm-footer-brand>strong{font-family:var(--k-font-heading);font-size:1.45rem;font-weight:400;text-transform:uppercase}.hds-kit-futbol .k-fm-footer-brand i{font-style:normal}.hds-kit-futbol .k-fm-footer-brand p{max-width:240px;color:var(--fm-muted);font-size:.7rem}.hds-kit-futbol .k-fm-footer nav{display:grid;align-content:start;gap:6px}.hds-kit-futbol .k-fm-footer nav>strong,.hds-kit-futbol .k-fm-footer-grid>div>strong{margin-bottom:5px;font-size:.7rem}.hds-kit-futbol .k-fm-footer nav a{color:var(--fm-muted);font-size:.62rem}.hds-kit-futbol .k-fm-footer .hds-social{display:flex;gap:8px}.hds-kit-futbol .k-fm-footer-bottom{display:flex;justify-content:space-between;margin-top:28px;padding-block:13px;border-top:1px solid var(--fm-line);color:var(--fm-muted);font-size:.58rem} @media(max-width:1180px){ .hds-kit-futbol .k-fm-header>.k-wrap{grid-template-columns:auto 1fr}.hds-kit-futbol .k-fm-header-search{display:none}.hds-kit-futbol .k-fm-match-grid{grid-template-columns:repeat(3,1fr)}.hds-kit-futbol .k-fm-competition-grid{grid-template-columns:repeat(5,1fr)}.hds-kit-futbol .k-fm-record-grid{grid-template-columns:1.2fr repeat(2,1fr)}.hds-kit-futbol .k-fm-record-list:nth-last-child(-n+2){display:none}.hds-kit-futbol .k-fm-club-grid{grid-template-columns:repeat(6,1fr)} } @media(max-width:820px){ .hds-kit-futbol .k-wrap{width:calc(100% - 26px)}.hds-kit-futbol .k-fm-header>.k-wrap{display:flex}.hds-kit-futbol .k-fm-brand strong{font-size:1.35rem}.hds-kit-futbol .k-fm-hero{min-height:570px}.hds-kit-futbol .k-fm-hero-shade{background:linear-gradient(90deg,rgba(2,14,21,.94),rgba(2,14,21,.58)),linear-gradient(0deg,#061923 0,transparent 55%)}.hds-kit-futbol .k-fm-hero-inner{align-items:flex-end;min-height:570px}.hds-kit-futbol .k-fm-hero-copy{width:100%}.hds-kit-futbol .k-fm-hero h1{font-size:clamp(3.5rem,15vw,5.8rem)}.hds-kit-futbol .k-fm-stats{grid-template-columns:repeat(2,1fr);gap:13px}.hds-kit-futbol .k-fm-head{align-items:flex-start}.hds-kit-futbol .k-fm-head-title{align-items:flex-start;flex-wrap:wrap}.hds-kit-futbol .k-fm-head-title p{flex-basis:100%}.hds-kit-futbol .k-fm-head h2{font-size:1.35rem;white-space:normal}.hds-kit-futbol .k-fm-match-grid{grid-template-columns:repeat(2,1fr)}.hds-kit-futbol .k-fm-competition-grid{grid-template-columns:repeat(3,1fr)}.hds-kit-futbol .k-fm-guide-grid,.hds-kit-futbol .k-fm-country-grid,.hds-kit-futbol .k-fm-article-grid{grid-template-columns:repeat(2,1fr)}.hds-kit-futbol .k-fm-learn-grid{grid-template-columns:1fr 1fr}.hds-kit-futbol .k-fm-record-grid{grid-template-columns:1fr 1fr}.hds-kit-futbol .k-fm-record-leads{grid-column:1/-1}.hds-kit-futbol .k-fm-club-tools{flex-wrap:wrap}.hds-kit-futbol .k-fm-club-tools form{order:2;flex-basis:100%;margin-left:0}.hds-kit-futbol .k-fm-footer-grid{grid-template-columns:1.3fr 1fr 1fr}.hds-kit-futbol .k-fm-footer-grid>nav:nth-of-type(3),.hds-kit-futbol .k-fm-footer-grid>div:last-child{display:none} } @media(max-width:520px){ .hds-kit-futbol .k-fm-brand strong{max-width:170px;overflow:hidden;text-overflow:ellipsis}.hds-kit-futbol .k-fm-hero{min-height:620px}.hds-kit-futbol .k-fm-hero h1{font-size:clamp(3.25rem,18vw,5rem)}.hds-kit-futbol .k-fm-actions{display:grid}.hds-kit-futbol .k-fm-actions .k-btn{width:100%}.hds-kit-futbol .k-fm-head>a{display:none}.hds-kit-futbol .k-fm-match-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory}.hds-kit-futbol .k-fm-match{flex:0 0 82%;scroll-snap-align:start}.hds-kit-futbol .k-fm-competition-grid{grid-template-columns:repeat(2,1fr)}.hds-kit-futbol .k-fm-guide-grid,.hds-kit-futbol .k-fm-country-grid,.hds-kit-futbol .k-fm-learn-grid,.hds-kit-futbol .k-fm-article-grid{grid-template-columns:1fr}.hds-kit-futbol .k-fm-record-grid{grid-template-columns:1fr}.hds-kit-futbol .k-fm-record-list:nth-last-child(-n+3){display:none}.hds-kit-futbol .k-fm-club-grid{grid-template-columns:repeat(4,1fr)}.hds-kit-futbol .k-fm-footer-grid{grid-template-columns:1fr 1fr}.hds-kit-futbol .k-fm-footer-brand{grid-column:1/-1}.hds-kit-futbol .k-fm-footer-bottom{display:grid;gap:5px} } /* -------------------------------------------------------------------------- * v0.40.52 · Limpieza Resuelta * ----------------------------------------------------------------------- */ .hds-kit-limpieza{--lr-navy:#103552;--lr-teal:#118c82;--lr-coral:#ff6f57;--lr-mint:#e8f8f4;--lr-cream:#fffdf9;background:var(--lr-cream);color:var(--k-text)} .hds-kit-limpieza .k-wrap{width:min(calc(100% - 48px),1240px)} .hds-kit-limpieza .k-header{border-bottom:1px solid rgba(16,53,82,.09);background:rgba(255,255,255,.96);box-shadow:none} .hds-kit-limpieza .k-brand-mark{position:relative;width:34px;height:40px;border:0;border-radius:60% 45% 62% 42%;background:linear-gradient(145deg,#1b9bc0,var(--lr-teal));transform:rotate(45deg)} .hds-kit-limpieza .k-brand-mark::after{content:"✦";position:absolute;right:-7px;top:-7px;color:#fff;font-size:17px;transform:rotate(-45deg)} .hds-kit-limpieza .k-brand-copy b{font-weight:900;color:var(--lr-navy)} .hds-kit-limpieza .k-brand-copy b::first-letter{color:var(--lr-navy)} .hds-kit-limpieza .k-menu>li>a{color:var(--lr-navy);font-weight:700} .hds-kit-limpieza .k-menu>li.current-menu-item>a,.hds-kit-limpieza .k-menu>li>a:hover{color:var(--lr-teal)} .hds-kit-limpieza .k-menu>li.current-menu-item>a::after{background:var(--lr-teal)} .hds-kit-limpieza .k-lr-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 28%,rgba(255,255,255,.9),transparent 35%),linear-gradient(120deg,#e7f8f4 0,#f5fcf9 54%,#eefaf8 100%)} .hds-kit-limpieza .k-lr-hero::before{content:"";position:absolute;inset:auto auto -170px -120px;width:440px;height:440px;border-radius:50%;background:rgba(17,140,130,.055)} .hds-kit-limpieza .k-lr-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:54px;align-items:center;min-height:max(500px,var(--k-hero-h));padding-block:38px} .hds-kit-limpieza .k-lr-hero-copy{max-width:560px} .hds-kit-limpieza .k-lr-kicker{display:block;margin-bottom:12px;color:var(--lr-teal);font-size:.74rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase} .hds-kit-limpieza .k-lr-hero h1{max-width:620px;margin:0;color:var(--lr-navy);font-size:clamp(3.2rem,5.3vw,5.6rem);font-weight:900;line-height:.84;letter-spacing:-.065em} .hds-kit-limpieza .k-lr-hero-copy>p{max-width:500px;margin:20px 0 27px;color:var(--lr-navy);font-size:clamp(1.05rem,1.7vw,1.38rem);line-height:1.42} .hds-kit-limpieza .k-lr-finder{padding:18px;border:1px solid rgba(16,53,82,.08);border-radius:15px;background:#fff;box-shadow:0 14px 35px rgba(16,53,82,.08)} .hds-kit-limpieza .k-lr-finder label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--lr-navy)} .hds-kit-limpieza .k-lr-finder label span{font-weight:900}.hds-kit-limpieza .k-lr-finder label small{color:var(--k-muted);font-size:.69rem} .hds-kit-limpieza .k-lr-finder>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px} .hds-kit-limpieza .k-lr-search-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--lr-mint);color:var(--lr-teal)} .hds-kit-limpieza .k-lr-search-icon svg{width:19px} .hds-kit-limpieza .k-lr-finder input{min-width:0;height:48px;border:1px solid rgba(16,53,82,.16);border-radius:10px;padding:0 14px;color:var(--lr-navy);background:#fff} .hds-kit-limpieza .k-lr-finder button{height:48px;border:0;border-radius:10px;padding:0 21px;background:linear-gradient(100deg,var(--lr-coral),#ff8068);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 9px 20px rgba(255,111,87,.22)} .hds-kit-limpieza .k-lr-finder button:hover{transform:translateY(-1px)} .hds-kit-limpieza .k-lr-hero-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;min-height:430px} .hds-kit-limpieza .k-lr-hero-tile{position:relative;overflow:hidden;min-height:0;border-radius:20px;color:#fff;background:#d8ede8} .hds-kit-limpieza .k-lr-hero-tile.is-1{border-radius:32px 17px 17px 17px}.hds-kit-limpieza .k-lr-hero-tile.is-4{border-radius:17px 17px 32px 17px} .hds-kit-limpieza .k-lr-hero-tile img,.hds-kit-limpieza .k-lr-hero-tile .k-ph{width:100%;height:100%;min-height:0;object-fit:cover;background:linear-gradient(135deg,#d6eee8,#b9ddd6)} .hds-kit-limpieza .k-lr-hero-tile .k-ph::after{content:"Añade una imagen";position:absolute;inset:0;display:grid;place-items:center;color:rgba(16,53,82,.48);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em} .hds-kit-limpieza .k-lr-hero-tile span{position:absolute;left:15px;bottom:14px;max-width:118px;padding:8px 12px;border-radius:5px;background:#fffaf2;color:var(--lr-navy);font-size:.82rem;font-weight:900;line-height:1.05;transform:rotate(-4deg);box-shadow:0 7px 20px rgba(16,53,82,.15)} .hds-kit-limpieza .k-lr-hero-tile:hover img{transform:scale(1.035)} .hds-kit-limpieza .k-lr-hero-tile img{transition:transform .35s} .hds-kit-limpieza .k-lr-trust{border-block:1px solid rgba(17,140,130,.12);background:rgba(223,245,241,.72)} .hds-kit-limpieza .k-lr-trust>.k-wrap{display:grid;grid-template-columns:repeat(3,1fr);padding-block:19px} .hds-kit-limpieza .k-lr-trust>.k-wrap>div{display:flex;align-items:center;justify-content:center;gap:14px;padding-inline:24px;border-right:1px solid rgba(17,140,130,.22)} .hds-kit-limpieza .k-lr-trust>.k-wrap>div:last-child{border-right:0} .hds-kit-limpieza .k-lr-trust i{display:grid;place-items:center;color:var(--lr-teal)}.hds-kit-limpieza .k-lr-trust i svg{width:34px;height:34px} .hds-kit-limpieza .k-lr-trust span{display:grid;gap:2px}.hds-kit-limpieza .k-lr-trust strong{color:var(--lr-navy);font-size:.84rem}.hds-kit-limpieza .k-lr-trust small{color:var(--k-muted);font-size:.7rem} .hds-kit-limpieza .k-section{padding-block:46px}.hds-kit-limpieza .k-section h2{margin:0 0 22px;color:var(--lr-navy);font-size:clamp(1.75rem,3vw,2.45rem);font-weight:900;letter-spacing:-.045em} .hds-kit-limpieza .k-lr-problems{background:#fff} .hds-kit-limpieza .k-lr-problem-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px} .hds-kit-limpieza .k-lr-problem{display:grid;justify-items:center;align-content:start;min-height:194px;padding:24px 14px;border:1px solid rgba(16,53,82,.11);border-radius:9px;color:var(--lr-navy);text-align:center;background:#fffdf9;transition:.22s} .hds-kit-limpieza .k-lr-problem:hover{transform:translateY(-4px);border-color:rgba(17,140,130,.34);box-shadow:0 15px 28px rgba(16,53,82,.08)} .hds-kit-limpieza .k-lr-problem i{display:grid;place-items:center;width:60px;height:60px;margin-bottom:13px;color:var(--lr-coral)} .hds-kit-limpieza .k-lr-problem:nth-child(2) i,.hds-kit-limpieza .k-lr-problem:nth-child(4) i{color:var(--lr-teal)}.hds-kit-limpieza .k-lr-problem:nth-child(5) i{color:#218fc4}.hds-kit-limpieza .k-lr-problem:nth-child(6) i{color:#7d695a} .hds-kit-limpieza .k-lr-problem i svg{width:48px;height:48px;stroke-width:1.4}.hds-kit-limpieza .k-lr-problem strong{font-size:.98rem}.hds-kit-limpieza .k-lr-problem span{margin-top:8px;color:var(--k-muted);font-size:.75rem;line-height:1.35} .hds-kit-limpieza .k-lr-places{padding-top:28px;background:#fff} .hds-kit-limpieza .k-lr-place-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:172px 154px;gap:12px} .hds-kit-limpieza .k-lr-place{position:relative;overflow:hidden;border-radius:8px;background:#d6ece7;color:#fff} .hds-kit-limpieza .k-lr-place.is-1{grid-column:1/3;grid-row:1/3}.hds-kit-limpieza .k-lr-place.is-2{grid-column:3/5}.hds-kit-limpieza .k-lr-place.is-3{grid-column:5/7}.hds-kit-limpieza .k-lr-place.is-4{grid-column:3/5}.hds-kit-limpieza .k-lr-place.is-5{grid-column:5}.hds-kit-limpieza .k-lr-place.is-6{grid-column:6} .hds-kit-limpieza .k-lr-place img,.hds-kit-limpieza .k-lr-place>.k-ph{width:100%;height:100%;min-height:0;object-fit:cover;background:linear-gradient(135deg,#c6e6df,#91c5ba)} .hds-kit-limpieza .k-lr-place::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(7,39,62,.88))} .hds-kit-limpieza .k-lr-place>span{position:absolute;z-index:2;left:15px;right:14px;bottom:13px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:end} .hds-kit-limpieza .k-lr-place strong{font-size:1rem}.hds-kit-limpieza .k-lr-place small{grid-column:1;color:rgba(255,255,255,.88);font-size:.7rem;line-height:1.25}.hds-kit-limpieza .k-lr-place b{grid-column:2;grid-row:1/3;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fff;color:var(--lr-navy)} .hds-kit-limpieza .k-lr-place:hover img{transform:scale(1.04)}.hds-kit-limpieza .k-lr-place img{transition:transform .35s} .hds-kit-limpieza .k-lr-solutions,.hds-kit-limpieza .k-lr-guides{background:#fff} .hds-kit-limpieza .k-lr-article-grid{display:grid;gap:14px}.hds-kit-limpieza .k-lr-article-grid.is-three{grid-template-columns:repeat(3,1fr)}.hds-kit-limpieza .k-lr-article-grid.is-four{grid-template-columns:repeat(4,1fr)} .hds-kit-limpieza .k-lr-article{overflow:hidden;border:1px solid rgba(16,53,82,.11);border-radius:8px;background:#fff;box-shadow:0 6px 18px rgba(16,53,82,.04)} .hds-kit-limpieza .k-lr-article-media{display:block;height:175px;overflow:hidden;background:#dff5f1}.hds-kit-limpieza .k-lr-article-media img,.hds-kit-limpieza .k-lr-article-media .k-ph{width:100%;height:100%;min-height:0;object-fit:cover;background:linear-gradient(135deg,#e4f6f1,#bfded7)} .hds-kit-limpieza .k-lr-article>div{position:relative;min-height:114px;padding:15px 52px 16px 16px}.hds-kit-limpieza .k-lr-article h3{margin:0 0 7px;color:var(--lr-navy);font-size:1rem;line-height:1.12}.hds-kit-limpieza .k-lr-article h3 a{color:inherit}.hds-kit-limpieza .k-lr-article p{margin:0;color:var(--k-muted);font-size:.72rem;line-height:1.35} .hds-kit-limpieza .k-lr-arrow{position:absolute;right:15px;bottom:17px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--lr-mint);color:var(--lr-teal);font-weight:900} .hds-kit-limpieza .k-lr-article.is-compact .k-lr-article-media{height:112px}.hds-kit-limpieza .k-lr-article.is-compact>div{min-height:108px;padding-top:12px} .hds-kit-limpieza .k-lr-safety{padding-block:18px;background:#fff} .hds-kit-limpieza .k-lr-safety>.k-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;padding:28px 34px;border-radius:15px;background:linear-gradient(110deg,#123c5d,#0b2f4d);color:#fff;box-shadow:0 18px 35px rgba(16,53,82,.15)} .hds-kit-limpieza .k-lr-safety>.k-wrap>i{display:grid;place-items:center;width:70px;height:64px;border-radius:12px 12px 18px 18px;background:var(--lr-coral);font-size:2.2rem;font-weight:900;font-style:normal;clip-path:polygon(50% 0,100% 100%,0 100%)} .hds-kit-limpieza .k-lr-safety h2{margin:0 0 4px;color:#fff;font-size:clamp(1.8rem,3vw,2.7rem)}.hds-kit-limpieza .k-lr-safety p{margin:0;color:rgba(255,255,255,.84)}.hds-kit-limpieza .k-lr-safety .k-btn{border:1px solid rgba(255,255,255,.75);background:transparent;color:#fff;white-space:nowrap} .hds-kit-limpieza .k-lr-cta{background:linear-gradient(110deg,#e7f7f3,#fff)}.hds-kit-limpieza .k-lr-cta>.k-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center}.hds-kit-limpieza .k-lr-cta h2{margin:4px 0}.hds-kit-limpieza .k-lr-cta p{margin:0;color:var(--k-muted)}.hds-kit-limpieza .k-lr-cta small{color:var(--lr-teal);font-weight:900;text-transform:uppercase;letter-spacing:.1em} .hds-kit-limpieza .k-lr-footer{padding:52px 0 0;background:linear-gradient(110deg,#123d5d,#0b2f4d);color:#fff} .hds-kit-limpieza .k-lr-footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr 1.15fr;gap:36px}.hds-kit-limpieza .k-lr-footer a{color:rgba(255,255,255,.82)}.hds-kit-limpieza .k-lr-footer nav{display:grid;align-content:start;gap:7px}.hds-kit-limpieza .k-lr-footer nav>strong,.hds-kit-limpieza .k-lr-footer-search>strong{display:block;margin-bottom:6px;color:#fff;font-size:.82rem}.hds-kit-limpieza .k-lr-footer nav a{font-size:.72rem} .hds-kit-limpieza .k-lr-footer-brand>strong{font-size:1.45rem;font-weight:900}.hds-kit-limpieza .k-lr-footer-brand>p{max-width:240px;color:rgba(255,255,255,.72);font-size:.76rem;line-height:1.5} .hds-kit-limpieza .k-lr-footer .k-search{display:grid;grid-template-columns:1fr auto;padding:0;border:0;border-radius:8px;background:#fff;overflow:hidden}.hds-kit-limpieza .k-lr-footer .k-search>svg,.hds-kit-limpieza .k-lr-footer .screen-reader-text{display:none}.hds-kit-limpieza .k-lr-footer .k-search input{min-width:0;border:0;padding:11px 12px;font-size:.72rem}.hds-kit-limpieza .k-lr-footer .k-search button{border:0;padding:0 13px;background:var(--lr-teal);color:#fff;font-size:.7rem;font-weight:800} .hds-kit-limpieza .k-lr-footer .k-footer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:42px;padding-block:18px;border-top:1px solid rgba(255,255,255,.14)}.hds-kit-limpieza .k-lr-footer .k-footer-bottom nav{display:flex;flex-wrap:wrap;gap:14px}.hds-kit-limpieza .k-lr-footer .k-footer-bottom a,.hds-kit-limpieza .k-lr-footer .k-footer-bottom small{font-size:.66rem} @media(max-width:980px){ .hds-kit-limpieza .k-lr-hero-grid{grid-template-columns:1fr;gap:30px}.hds-kit-limpieza .k-lr-hero-copy{max-width:680px}.hds-kit-limpieza .k-lr-hero-mosaic{min-height:380px} .hds-kit-limpieza .k-lr-problem-grid{grid-template-columns:repeat(3,1fr)}.hds-kit-limpieza .k-lr-article-grid.is-four{grid-template-columns:repeat(2,1fr)} .hds-kit-limpieza .k-lr-footer-grid{grid-template-columns:1.2fr 1fr 1fr}.hds-kit-limpieza .k-lr-footer-search{grid-column:1/-1;max-width:520px} } @media(max-width:700px){ .hds-kit-limpieza .k-wrap{width:calc(100% - 28px)}.hds-kit-limpieza .k-lr-hero-grid{padding-block:34px}.hds-kit-limpieza .k-lr-hero h1{font-size:clamp(3rem,15vw,4.7rem)} .hds-kit-limpieza .k-lr-finder label{align-items:flex-start;flex-direction:column}.hds-kit-limpieza .k-lr-finder>div{grid-template-columns:auto 1fr}.hds-kit-limpieza .k-lr-finder button{grid-column:1/-1;width:100%} .hds-kit-limpieza .k-lr-hero-mosaic{min-height:420px}.hds-kit-limpieza .k-lr-trust>.k-wrap{grid-template-columns:1fr}.hds-kit-limpieza .k-lr-trust>.k-wrap>div{justify-content:flex-start;padding:13px 6px;border-right:0;border-bottom:1px solid rgba(17,140,130,.18)}.hds-kit-limpieza .k-lr-trust>.k-wrap>div:last-child{border-bottom:0} .hds-kit-limpieza .k-lr-problem-grid{grid-template-columns:repeat(2,1fr)}.hds-kit-limpieza .k-lr-problem{min-height:178px;padding-inline:10px} .hds-kit-limpieza .k-lr-place-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.hds-kit-limpieza .k-lr-place{flex:0 0 82%;height:260px;scroll-snap-align:start} .hds-kit-limpieza .k-lr-article-grid.is-three,.hds-kit-limpieza .k-lr-article-grid.is-four{grid-template-columns:1fr} .hds-kit-limpieza .k-lr-safety>.k-wrap{grid-template-columns:auto 1fr;padding:24px 20px}.hds-kit-limpieza .k-lr-safety .k-btn{grid-column:1/-1;text-align:center}.hds-kit-limpieza .k-lr-cta>.k-wrap{grid-template-columns:1fr} .hds-kit-limpieza .k-lr-footer-grid{grid-template-columns:1fr 1fr}.hds-kit-limpieza .k-lr-footer-brand,.hds-kit-limpieza .k-lr-footer-search{grid-column:1/-1}.hds-kit-limpieza .k-lr-footer .k-footer-bottom{align-items:flex-start;flex-direction:column;gap:14px} } /* ========================================================================== * * v0.40.47 · Kit 46 · Fauna prehistórica * Imágenes editoriales a sangre: cada fotografía subida se comporta como * fondo con object-fit:cover y mantiene un overlay independiente. * ========================================================================== */ .hds-kit-prehistorica{--k-pre-paper:#f2ead8;--k-pre-ink:#251d15;--k-pre-orange:#b85f25;background:var(--k-pre-paper);color:var(--k-pre-ink)} .hds-kit-prehistorica h1,.hds-kit-prehistorica h2,.hds-kit-prehistorica h3,.hds-kit-prehistorica .k-pre-card strong{font-family:var(--k-font-heading);letter-spacing:-.025em} .hds-kit-prehistorica .k-pre-kicker{display:block;margin-bottom:10px;color:var(--k-secondary);font:800 .68rem/1.2 var(--k-font-body);letter-spacing:.26em;text-transform:uppercase} .hds-kit-prehistorica .k-btn{border-radius:6px;padding:13px 20px;font-size:.82rem;font-weight:800;box-shadow:0 9px 24px rgba(42,23,11,.22)} .hds-kit-prehistorica .k-btn.is-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--k-accent) 88%,#fff),var(--k-primary));color:#fff;border-color:color-mix(in srgb,var(--k-primary) 80%,#000)} .hds-kit-prehistorica .k-pre-background{position:absolute;z-index:0;inset:0;overflow:hidden;background:#1b2722} .hds-kit-prehistorica .k-pre-background>img,.hds-kit-prehistorica .k-pre-background>.k-ph{display:block;width:100%;height:100%;min-height:100%;object-fit:cover;object-position:var(--k-focus,center center);background:linear-gradient(125deg,#293c32,#6d5239)} .hds-kit-prehistorica .k-pre-background>span{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,13,.86) 0%,rgba(8,17,14,.55) 42%,rgba(8,15,13,.16) 73%,rgba(6,12,10,.42) 100%)} .hds-kit-prehistorica.k-overlay-header .k-header{position:absolute;z-index:30;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(7,14,12,.84),rgba(7,14,12,.38));border-bottom-color:rgba(255,255,255,.2);color:#fff;box-shadow:none} .hds-kit-prehistorica.k-overlay-header .k-header .k-brand-copy b,.hds-kit-prehistorica.k-overlay-header .k-header .k-menu>li>a{color:#fff} .hds-kit-prehistorica.k-overlay-header .k-header .k-brand-copy small{color:rgba(255,255,255,.7)} .hds-kit-prehistorica.k-overlay-header .k-header .hds-menu-toggle span{background:#fff} .hds-kit-prehistorica .k-brand-mark{background-color:var(--k-secondary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%2314201b' stroke-width='1.7'%3E%3Cpath d='M16 28c-6-4-10-9-10-15a10 10 0 0 1 20 0c0 6-4 11-10 15z'/%3E%3Cpath d='M16 7c-4 4-4 12 0 18M16 7c4 4 4 12 0 18M8 14h16M10 20h12'/%3E%3C/svg%3E")} .hds-kit-prehistorica .k-pre-hero{position:relative;isolation:isolate;min-height:max(650px,var(--k-hero-h));display:flex;align-items:flex-end;overflow:hidden;background:#14201b;color:#fff} .hds-kit-prehistorica .k-pre-hero .k-pre-background>span{background:linear-gradient(90deg,rgba(5,13,10,.9) 0%,rgba(6,15,12,.58) 42%,rgba(6,13,11,.13) 72%),linear-gradient(0deg,rgba(5,12,10,.9),transparent 42%)} .hds-kit-prehistorica .k-pre-hero-inner{position:relative;z-index:2;width:100%;padding-top:clamp(120px,14vw,190px);padding-bottom:34px} .hds-kit-prehistorica .k-pre-hero-copy{max-width:650px} .hds-kit-prehistorica .k-pre-hero h1{max-width:650px;margin:0;color:#fff;font-size:clamp(3.1rem,6.6vw,6.8rem);font-weight:600;line-height:.82;text-wrap:balance;text-shadow:0 4px 28px rgba(0,0,0,.42)} .hds-kit-prehistorica .k-pre-hero-copy>p{max-width:560px;margin:20px 0 0;color:rgba(255,255,255,.9);font-size:clamp(.95rem,1.25vw,1.14rem);line-height:1.55} .hds-kit-prehistorica .k-pre-hero .k-actions{margin-top:24px} .hds-kit-prehistorica .k-pre-signals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:42px;border-top:1px solid rgba(255,255,255,.24)} .hds-kit-prehistorica .k-pre-signal{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;padding:18px 14px 8px;color:#fff;border-right:1px solid rgba(255,255,255,.18)} .hds-kit-prehistorica .k-pre-signal:last-child{border-right:0} .hds-kit-prehistorica .k-pre-signal i{grid-row:1/3;display:grid;place-items:center;color:var(--k-secondary)} .hds-kit-prehistorica .k-pre-signal .k-icon{width:28px;height:28px} .hds-kit-prehistorica .k-pre-signal b,.hds-kit-prehistorica .k-pre-signal small{display:block}.hds-kit-prehistorica .k-pre-signal b{font-size:.78rem}.hds-kit-prehistorica .k-pre-signal small{margin-top:2px;color:rgba(255,255,255,.7);font-size:.67rem} .hds-kit-prehistorica .k-pre-dinosaurs{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#efe4cd,#fbf7ed 58%,#e9dcc2)} .hds-kit-prehistorica .k-pre-fossil-pattern{position:absolute;inset:0;opacity:.14;background:radial-gradient(ellipse at 12% 16%,transparent 0 24px,#7d6447 25px 27px,transparent 28px),repeating-linear-gradient(115deg,transparent 0 74px,rgba(92,66,40,.18) 75px 76px,transparent 77px 130px);pointer-events:none} .hds-kit-prehistorica .k-pre-dino-grid{position:relative;display:grid;grid-template-columns:minmax(280px,.95fr) minmax(230px,.72fr) minmax(460px,1.55fr);gap:clamp(24px,3vw,44px);align-items:center;min-height:420px;padding-top:44px;padding-bottom:44px} .hds-kit-prehistorica .k-pre-dino-media{align-self:stretch;min-height:340px;margin:-44px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0 72%,transparent);mask-image:linear-gradient(90deg,#000 0 72%,transparent)} .hds-kit-prehistorica .k-pre-dino-media img,.hds-kit-prehistorica .k-pre-dino-media .k-ph{width:118%;height:100%;object-fit:cover;object-position:center} .hds-kit-prehistorica .k-pre-dino-copy{margin-left:-18%}.hds-kit-prehistorica .k-pre-dino-copy .k-pre-kicker{color:var(--k-primary)} .hds-kit-prehistorica .k-pre-dino-copy h2{margin:0;color:var(--k-dark);font-size:clamp(2.5rem,4vw,4.2rem);line-height:.95}.hds-kit-prehistorica .k-pre-dino-copy p{margin:12px 0 20px;color:var(--k-muted);font-size:.84rem;line-height:1.55} .hds-kit-prehistorica .k-pre-card-grid{display:grid;gap:10px}.hds-kit-prehistorica .k-pre-card-grid.is-four{grid-template-columns:repeat(4,minmax(0,1fr))}.hds-kit-prehistorica .k-pre-card-grid.is-three{grid-template-columns:repeat(3,minmax(0,1fr))} .hds-kit-prehistorica .k-pre-card{position:relative;display:flex;min-width:0;min-height:180px;flex-direction:column;overflow:hidden;border-radius:6px;background:var(--k-surface);color:var(--k-text);box-shadow:0 12px 26px rgba(31,22,14,.14);transition:transform .25s,box-shadow .25s} .hds-kit-prehistorica .k-pre-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(31,22,14,.22)} .hds-kit-prehistorica .k-pre-card-media{display:block;height:110px;overflow:hidden;background:#d8c9ad}.hds-kit-prehistorica .k-pre-card-media img,.hds-kit-prehistorica .k-pre-card-media .k-ph{width:100%;height:100%;object-fit:cover;transition:transform .45s}.hds-kit-prehistorica .k-pre-card:hover .k-pre-card-media img{transform:scale(1.055)} .hds-kit-prehistorica .k-pre-card-copy{position:relative;display:block;flex:1;padding:11px 32px 12px 12px}.hds-kit-prehistorica .k-pre-card strong,.hds-kit-prehistorica .k-pre-card small{display:block}.hds-kit-prehistorica .k-pre-card strong{color:inherit;font-size:1.05rem;line-height:1}.hds-kit-prehistorica .k-pre-card small{margin-top:5px;color:var(--k-muted);font-size:.64rem;line-height:1.3}.hds-kit-prehistorica .k-pre-card em{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--k-primary);color:#fff;font:normal 700 .7rem/1 sans-serif} .hds-kit-prehistorica .k-pre-panorama{position:relative;isolation:isolate;min-height:420px;display:flex;align-items:center;overflow:hidden;background:#14201b;color:#fff} .hds-kit-prehistorica .k-pre-panorama.is-ocean{min-height:500px}.hds-kit-prehistorica .k-pre-panorama.is-museum{min-height:405px}.hds-kit-prehistorica .k-pre-panorama.is-fossils{min-height:410px} .hds-kit-prehistorica .k-pre-panorama-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(480px,1.4fr);gap:clamp(34px,7vw,100px);align-items:center;padding-top:58px;padding-bottom:58px} .hds-kit-prehistorica .k-pre-panorama-copy{max-width:480px}.hds-kit-prehistorica .k-pre-panorama-copy h2{margin:0;color:#fff;font-size:clamp(2.6rem,4.2vw,4.5rem);line-height:.92}.hds-kit-prehistorica .k-pre-panorama-copy p{margin:13px 0 22px;color:rgba(255,255,255,.84);font-size:.88rem;line-height:1.55} .hds-kit-prehistorica .k-pre-hotspots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-self:end} .hds-kit-prehistorica .k-pre-card.is-glass{min-height:135px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.hds-kit-prehistorica .k-pre-card.is-glass .k-pre-card-media{display:none}.hds-kit-prehistorica .k-pre-card.is-glass small{color:rgba(255,255,255,.7)} .hds-kit-prehistorica .k-pre-card.is-light{background:#fffaf0}.hds-kit-prehistorica .is-museum .k-pre-card-grid,.hds-kit-prehistorica .is-fossils .k-pre-card-grid{align-self:end} .hds-kit-prehistorica .k-pre-eras{position:relative;isolation:isolate;overflow:hidden;background:#efe7d6;color:var(--k-text)} .hds-kit-prehistorica .k-pre-eras .k-pre-background>span{background:linear-gradient(90deg,rgba(247,241,227,.96) 0%,rgba(247,241,227,.72) 38%,rgba(247,241,227,.35)),linear-gradient(0deg,rgba(238,228,207,.85),rgba(238,228,207,.35))} .hds-kit-prehistorica .k-pre-eras-grid{position:relative;z-index:2;display:grid;grid-template-columns:270px minmax(0,1fr);gap:45px;align-items:center;min-height:390px;padding-top:52px;padding-bottom:52px} .hds-kit-prehistorica .k-pre-eras-copy .k-pre-kicker{color:var(--k-primary)}.hds-kit-prehistorica .k-pre-eras-copy h2{margin:0;color:var(--k-dark);font-size:clamp(2.6rem,4vw,4.4rem);line-height:.92}.hds-kit-prehistorica .k-pre-eras-copy p{margin-top:13px;color:#5f5547;font-size:.83rem;line-height:1.5} .hds-kit-prehistorica .k-pre-timeline{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding-top:22px}.hds-kit-prehistorica .k-pre-timeline::before{content:"";position:absolute;top:88px;left:5%;right:5%;height:4px;border-radius:3px;background:#fff;box-shadow:0 0 0 1px rgba(25,52,43,.25)} .hds-kit-prehistorica .k-pre-timeline a{position:relative;z-index:1;text-align:center;color:var(--k-dark)}.hds-kit-prehistorica .k-pre-timeline a>span{display:block;width:102px;height:102px;margin:0 auto 15px;padding:5px;border:3px solid #fff;border-radius:50%;background:var(--k-dark);box-shadow:0 5px 16px rgba(28,32,25,.25)}.hds-kit-prehistorica .k-pre-timeline img,.hds-kit-prehistorica .k-pre-timeline .k-ph{width:100%;height:100%;border-radius:50%;object-fit:cover}.hds-kit-prehistorica .k-pre-timeline strong,.hds-kit-prehistorica .k-pre-timeline small{display:block}.hds-kit-prehistorica .k-pre-timeline strong{font-family:var(--k-font-heading);font-size:1.05rem}.hds-kit-prehistorica .k-pre-timeline small{margin-top:3px;color:#5f5547;font-size:.63rem;line-height:1.3}.hds-kit-prehistorica .k-pre-timeline i{position:absolute;top:62px;left:50%;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:var(--k-accent);transform:translateX(-50%)} .hds-kit-prehistorica .k-pre-guides{position:relative;overflow:hidden;background:linear-gradient(120deg,#f4ead4,#fffaf0 68%)} .hds-kit-prehistorica .k-pre-guides::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(90,68,42,.08) 28px 29px);opacity:.45;pointer-events:none} .hds-kit-prehistorica .k-pre-guide-grid{position:relative;display:grid;grid-template-columns:260px 280px minmax(440px,1fr);gap:30px;align-items:center;padding-top:46px;padding-bottom:46px}.hds-kit-prehistorica .k-pre-guide-copy .k-pre-kicker{color:var(--k-primary)}.hds-kit-prehistorica .k-pre-guide-copy h2{margin:0;color:var(--k-dark);font-size:clamp(2.5rem,3.8vw,4rem);line-height:.92}.hds-kit-prehistorica .k-pre-guide-copy p{margin:12px 0 20px;color:var(--k-muted);font-size:.8rem;line-height:1.5} .hds-kit-prehistorica .k-pre-notebook{position:relative;margin:0;aspect-ratio:4/3;padding:10px 10px 34px;background:#fdf8ed;box-shadow:0 15px 34px rgba(42,31,19,.2);transform:rotate(-4deg)}.hds-kit-prehistorica .k-pre-notebook img,.hds-kit-prehistorica .k-pre-notebook .k-ph{width:100%;height:100%;object-fit:cover}.hds-kit-prehistorica .k-pre-notebook figcaption{position:absolute;right:10px;bottom:7px;color:#544534;font:600 1rem/1 var(--k-font-script);transform:rotate(-2deg)} .hds-kit-prehistorica .k-pre-guide-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hds-kit-prehistorica .k-pre-card.is-icon{min-height:165px;text-align:center;background:rgba(255,255,255,.76);border:1px solid rgba(83,61,38,.12);box-shadow:none}.hds-kit-prehistorica .k-pre-card.is-icon .k-pre-card-media{height:78px;background:transparent}.hds-kit-prehistorica .k-pre-card.is-icon .k-pre-card-media img{object-fit:cover}.hds-kit-prehistorica .k-pre-card.is-icon .k-pre-card-copy{padding:8px}.hds-kit-prehistorica .k-pre-card.is-icon em{display:none} .hds-kit-prehistorica .k-pre-more{background:#f4ead5}.hds-kit-prehistorica .k-pre-more .k-head h2{color:var(--k-dark)} .hds-kit-prehistorica .k-pre-cta{position:relative;isolation:isolate;overflow:hidden;text-align:center;color:#fff}.hds-kit-prehistorica .k-pre-cta .k-pre-background>span{background:rgba(8,21,16,.76)}.hds-kit-prehistorica .k-pre-cta>.k-wrap{position:relative;z-index:2;max-width:760px;padding-top:68px;padding-bottom:68px}.hds-kit-prehistorica .k-pre-cta h2{margin:0;color:#fff;font-size:clamp(2.4rem,4vw,4rem)}.hds-kit-prehistorica .k-pre-cta p{margin:12px auto 22px;max-width:620px;color:rgba(255,255,255,.82)} .hds-kit-prehistorica .k-pre-faq{background:#efe4ce}.hds-kit-prehistorica .k-footer{position:relative;background:linear-gradient(180deg,#18281f,#0b1612);color:#f4ead6}.hds-kit-prehistorica .k-footer::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 16% 0,rgba(77,113,79,.32),transparent 47%),radial-gradient(ellipse at 86% 10%,rgba(172,108,50,.18),transparent 42%);pointer-events:none}.hds-kit-prehistorica .k-footer>*{position:relative} @media(max-width:1100px){ .hds-kit-prehistorica .k-pre-dino-grid{grid-template-columns:.75fr 1fr}.hds-kit-prehistorica .k-pre-dino-media{grid-row:1/3}.hds-kit-prehistorica .k-pre-dino-copy{margin-left:0}.hds-kit-prehistorica .k-pre-dino-grid>.k-pre-card-grid{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))} .hds-kit-prehistorica .k-pre-guide-grid{grid-template-columns:240px minmax(0,1fr)}.hds-kit-prehistorica .k-pre-notebook{display:none}.hds-kit-prehistorica .k-pre-guide-links{grid-template-columns:repeat(2,minmax(0,1fr))} .hds-kit-prehistorica .k-pre-eras-grid{grid-template-columns:1fr}.hds-kit-prehistorica .k-pre-eras-copy{max-width:560px} } @media(max-width:780px){ .hds-kit-prehistorica .k-pre-hero{min-height:max(600px,var(--k-hero-h-mobile))}.hds-kit-prehistorica .k-pre-hero-inner{padding-top:120px}.hds-kit-prehistorica .k-pre-hero h1{font-size:clamp(3rem,14vw,5rem)}.hds-kit-prehistorica .k-pre-signals{grid-template-columns:repeat(2,minmax(0,1fr))}.hds-kit-prehistorica .k-pre-signal:nth-child(2){border-right:0} .hds-kit-prehistorica .k-pre-dino-grid{display:block;padding-top:0}.hds-kit-prehistorica .k-pre-dino-media{height:260px;min-height:0;margin:0 -20px 28px;-webkit-mask-image:linear-gradient(180deg,#000 0 76%,transparent);mask-image:linear-gradient(180deg,#000 0 76%,transparent)}.hds-kit-prehistorica .k-pre-dino-copy{margin-bottom:26px}.hds-kit-prehistorica .k-pre-dino-grid>.k-pre-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .hds-kit-prehistorica .k-pre-panorama-grid{grid-template-columns:1fr;padding-top:64px;padding-bottom:64px}.hds-kit-prehistorica .k-pre-hotspots,.hds-kit-prehistorica .k-pre-card-grid.is-three{grid-template-columns:1fr}.hds-kit-prehistorica .k-pre-card.is-glass{min-height:100px} .hds-kit-prehistorica .k-pre-timeline{grid-template-columns:repeat(5,150px);overflow-x:auto;padding-bottom:18px}.hds-kit-prehistorica .k-pre-timeline::before{right:auto;width:650px}.hds-kit-prehistorica .k-pre-guide-grid{grid-template-columns:1fr}.hds-kit-prehistorica .k-pre-guide-links{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:480px){ .hds-kit-prehistorica .k-pre-signals{grid-template-columns:1fr}.hds-kit-prehistorica .k-pre-signal{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.hds-kit-prehistorica .k-pre-dino-grid>.k-pre-card-grid,.hds-kit-prehistorica .k-pre-guide-links{grid-template-columns:1fr 1fr}.hds-kit-prehistorica .k-pre-card{min-height:155px}.hds-kit-prehistorica .k-pre-card-media{height:88px}.hds-kit-prehistorica .k-pre-card small{display:none} } /* v0.40.48 · ajuste de fidelidad para la portada Fauna prehistórica. */ .hds-kit-prehistorica{--k-wrap:1600px} .hds-kit-prehistorica .k-section,.hds-kit-prehistorica .k-section[class*="hds-size-"]{padding:0!important} .hds-kit-prehistorica .k-header .k-wrap{width:min(1600px,calc(100% - 80px))!important;min-height:68px} .hds-kit-prehistorica .k-header .k-brand-copy b{font-family:var(--k-font-heading);font-size:1.34rem;line-height:.88} .hds-kit-prehistorica .k-header .k-brand-copy small{font-size:.58rem;letter-spacing:.08em;text-transform:uppercase} .hds-kit-prehistorica .k-header .k-menu>li>a{font-size:.78rem} .hds-kit-prehistorica .k-header-cta{padding:10px 17px} .hds-kit-prehistorica .k-pre-background>img{max-width:none;image-rendering:auto;filter:saturate(1.045) contrast(1.055);backface-visibility:hidden} .hds-kit-prehistorica .k-pre-hero{min-height:max(650px,var(--k-hero-h))} .hds-kit-prehistorica .k-pre-hero .k-pre-background>span{background:linear-gradient(90deg,rgba(5,13,10,.82) 0%,rgba(6,15,12,.48) 37%,rgba(6,13,11,.08) 69%),linear-gradient(0deg,rgba(5,12,10,.76),transparent 38%)} .hds-kit-prehistorica .k-pre-hero-inner{width:min(1600px,calc(100% - 80px))!important;margin-inline:auto;padding-top:130px;padding-bottom:30px} .hds-kit-prehistorica .k-pre-hero-copy{max-width:740px} .hds-kit-prehistorica .k-pre-hero h1{max-width:740px;font-size:clamp(3.35rem,4.55vw,5.25rem);line-height:.9;letter-spacing:-.025em} .hds-kit-prehistorica .k-pre-hero-copy>p{max-width:540px;margin-top:15px;font-size:1rem;line-height:1.48} .hds-kit-prehistorica .k-pre-hero .k-actions{margin-top:17px} .hds-kit-prehistorica .k-pre-signals{max-width:760px;margin-top:31px;border-top:0;gap:8px} .hds-kit-prehistorica .k-pre-signal{padding:9px 8px 5px;border-right:0} .hds-kit-prehistorica .k-pre-dino-grid{grid-template-columns:minmax(300px,.92fr) minmax(250px,.72fr) minmax(560px,1.72fr);gap:26px;min-height:340px;padding-top:30px;padding-bottom:30px} .hds-kit-prehistorica .k-pre-dino-media{min-width:0;min-height:300px;margin:-30px 0;-webkit-mask-image:linear-gradient(90deg,#000 0 82%,transparent);mask-image:linear-gradient(90deg,#000 0 82%,transparent)} .hds-kit-prehistorica .k-pre-dino-media img{width:112%;object-position:58% center} .hds-kit-prehistorica .k-pre-dino-copy{margin-left:-12%} .hds-kit-prehistorica .k-pre-dino-copy h2{font-size:clamp(2.65rem,3.2vw,3.55rem)} .hds-kit-prehistorica .k-pre-dino-copy p{font-size:.79rem;line-height:1.45} .hds-kit-prehistorica .k-pre-card-grid{gap:9px} .hds-kit-prehistorica .k-pre-card{min-height:176px} .hds-kit-prehistorica .k-pre-card-media{height:105px} .hds-kit-prehistorica .k-pre-card strong{font-size:1rem} .hds-kit-prehistorica .k-pre-card small{font-size:.62rem} .hds-kit-prehistorica .k-pre-panorama{min-height:345px} .hds-kit-prehistorica .k-pre-panorama.is-ocean{min-height:375px} .hds-kit-prehistorica .k-pre-panorama.is-museum,.hds-kit-prehistorica .k-pre-panorama.is-fossils{min-height:350px} .hds-kit-prehistorica .k-pre-panorama-grid{grid-template-columns:minmax(300px,.78fr) minmax(620px,1.6fr);gap:clamp(42px,6vw,90px);padding-top:36px;padding-bottom:36px} .hds-kit-prehistorica .k-pre-panorama-copy{max-width:430px} .hds-kit-prehistorica .k-pre-panorama-copy h2{font-size:clamp(2.75rem,3.6vw,3.9rem)} .hds-kit-prehistorica .k-pre-panorama-copy p{margin:10px 0 16px;font-size:.82rem;line-height:1.48} .hds-kit-prehistorica .is-ocean .k-pre-background>span{background:linear-gradient(90deg,rgba(3,20,28,.76),rgba(4,28,38,.53) 35%,rgba(3,20,28,.05) 65%)} .hds-kit-prehistorica .is-museum .k-pre-background>span,.hds-kit-prehistorica .is-fossils .k-pre-background>span{background:linear-gradient(90deg,rgba(8,14,11,.82),rgba(10,15,12,.5) 38%,rgba(8,12,10,.1) 72%)} .hds-kit-prehistorica .k-pre-hotspots{align-self:end;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .hds-kit-prehistorica .k-pre-card.is-hotspot{min-height:0;flex-direction:row;align-items:center;padding:7px 10px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:rgba(255,250,240,.9);color:#17271f;box-shadow:0 8px 20px rgba(3,14,18,.2)} .hds-kit-prehistorica .k-pre-card.is-hotspot .k-pre-card-media{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#13251e;color:#fff} .hds-kit-prehistorica .k-pre-card.is-hotspot .k-pre-guide-icon{display:grid;place-items:center} .hds-kit-prehistorica .k-pre-card.is-hotspot .k-icon{width:17px;height:17px} .hds-kit-prehistorica .k-pre-card.is-hotspot .k-pre-card-copy{padding:2px 6px} .hds-kit-prehistorica .k-pre-card.is-hotspot strong{font-family:var(--k-font-body);font-size:.65rem;text-transform:uppercase;letter-spacing:.04em} .hds-kit-prehistorica .k-pre-card.is-hotspot small{margin-top:0;font-size:.58rem;color:#4f5a53} .hds-kit-prehistorica .k-pre-card.is-hotspot em{display:none} .hds-kit-prehistorica .k-pre-card.is-light{min-height:192px} .hds-kit-prehistorica .k-pre-card.is-light .k-pre-card-media{height:112px} .hds-kit-prehistorica .k-pre-eras .k-pre-background>span{background:linear-gradient(90deg,rgba(247,241,227,.96) 0%,rgba(247,241,227,.8) 29%,rgba(247,241,227,.2) 55%,rgba(247,241,227,.06))} .hds-kit-prehistorica .k-pre-eras-grid{grid-template-columns:350px minmax(0,1fr);gap:34px;min-height:335px;padding-top:30px;padding-bottom:30px} .hds-kit-prehistorica .k-pre-eras-copy h2{font-size:clamp(2.65rem,3vw,3.35rem);white-space:nowrap} .hds-kit-prehistorica .k-pre-eras-copy p{margin:9px 0 15px;font-size:.78rem} .hds-kit-prehistorica .k-pre-timeline{gap:8px;padding-top:12px} .hds-kit-prehistorica .k-pre-timeline::before{top:72px} .hds-kit-prehistorica .k-pre-timeline a>span{width:86px;height:86px;margin-bottom:11px} .hds-kit-prehistorica .k-pre-timeline strong{font-size:1rem} .hds-kit-prehistorica .k-pre-timeline small{font-size:.59rem} .hds-kit-prehistorica .k-pre-timeline i{top:50px} .hds-kit-prehistorica .k-pre-guides{min-height:320px;background:#f4ead4} .hds-kit-prehistorica .k-pre-guides::before{display:none} .hds-kit-prehistorica .k-pre-guides .k-pre-background>span{background:linear-gradient(90deg,rgba(250,245,234,.96) 0%,rgba(250,245,234,.66) 25%,rgba(250,245,234,.08) 51%,rgba(250,245,234,.76) 72%,rgba(250,245,234,.93))} .hds-kit-prehistorica .k-pre-guide-grid{z-index:2;grid-template-columns:290px minmax(220px,.65fr) minmax(560px,1.55fr);gap:24px;min-height:320px;padding-top:30px;padding-bottom:30px} .hds-kit-prehistorica .k-pre-guide-copy h2{font-size:clamp(2.55rem,3.3vw,3.55rem)} .hds-kit-prehistorica .k-pre-guide-copy p{margin:9px 0 16px;font-size:.77rem} .hds-kit-prehistorica .k-pre-notebook-space{min-height:1px} .hds-kit-prehistorica .k-pre-guide-links{gap:9px} .hds-kit-prehistorica .k-pre-card.is-icon{min-height:150px;justify-content:center;background:rgba(255,252,246,.84)} .hds-kit-prehistorica .k-pre-card.is-icon .k-pre-card-media{display:grid;place-items:end center;height:58px} .hds-kit-prehistorica .k-pre-guide-icon{display:grid;place-items:center;color:#493d30} .hds-kit-prehistorica .k-pre-card.is-icon .k-icon{width:38px;height:38px;stroke-width:1.35} .hds-kit-prehistorica .k-pre-card.is-icon .k-pre-card-copy{padding:7px 6px 12px} .hds-kit-prehistorica .k-pre-footer{position:relative;isolation:isolate;overflow:hidden;padding-top:78px;background:#0c1915;color:#f4ead6} .hds-kit-prehistorica .k-pre-footer-background{position:absolute;z-index:-1;inset:0 0 auto;height:155px;overflow:hidden} .hds-kit-prehistorica .k-pre-footer-background img{width:100%;height:100%;object-fit:cover;object-position:center 68%;filter:saturate(.65)} .hds-kit-prehistorica .k-pre-footer-background span{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,33,26,.46),#0c1915 96%)} .hds-kit-prehistorica .k-pre-footer-grid{display:grid;grid-template-columns:1.35fr repeat(2,minmax(0,.9fr));gap:clamp(34px,6vw,100px);padding:45px 0 34px} .hds-kit-prehistorica .k-pre-footer-grid nav,.hds-kit-prehistorica .k-pre-footer-brand{display:flex;flex-direction:column;align-items:flex-start} .hds-kit-prehistorica .k-pre-footer-grid nav>strong,.hds-kit-prehistorica .k-pre-community>strong{margin-bottom:10px;color:#fff;font-family:var(--k-font-heading);font-size:1.08rem} .hds-kit-prehistorica .k-pre-footer-grid nav a{margin:2px 0;color:rgba(255,255,255,.74);font-size:.76rem} .hds-kit-prehistorica .k-pre-footer-brand .k-foot-name{color:#fff;font-family:var(--k-font-heading);font-size:1.55rem;line-height:1} .hds-kit-prehistorica .k-pre-footer-brand p,.hds-kit-prehistorica .k-pre-community p{margin:12px 0;color:rgba(255,255,255,.72);font-size:.78rem;line-height:1.5} .hds-kit-prehistorica .k-pre-community{padding:17px;border:1px solid rgba(217,187,130,.45);border-radius:8px;background:rgba(5,15,12,.46)} .hds-kit-prehistorica .k-pre-subscribe{display:grid;grid-template-columns:1fr auto;overflow:hidden;border-radius:5px;background:#fff} .hds-kit-prehistorica .k-pre-subscribe span{padding:10px 12px;color:#827568;font-size:.7rem} .hds-kit-prehistorica .k-pre-subscribe a{display:grid;place-items:center;padding:0 13px;background:var(--k-primary);color:#fff;font-size:.7rem;font-weight:800} .hds-kit-prehistorica .k-pre-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 22px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.64)} .hds-kit-prehistorica .k-pre-footer-bottom em{font-family:var(--k-font-script);font-size:1.05rem} @media(max-width:1180px){ .hds-kit-prehistorica{--k-wrap:1080px} .hds-kit-prehistorica .k-pre-hero-inner{width:min(1080px,calc(100% - 56px))!important} .hds-kit-prehistorica .k-pre-dino-grid{grid-template-columns:.82fr 1.18fr}.hds-kit-prehistorica .k-pre-dino-copy{margin-left:0}.hds-kit-prehistorica .k-pre-dino-grid>.k-pre-card-grid{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))} .hds-kit-prehistorica .k-pre-guide-grid{grid-template-columns:260px minmax(0,1fr)}.hds-kit-prehistorica .k-pre-notebook-space{display:none}.hds-kit-prehistorica .k-pre-guide-links{grid-template-columns:repeat(2,minmax(0,1fr))} .hds-kit-prehistorica .k-pre-footer-grid{grid-template-columns:1.2fr repeat(2,.9fr)} } @media(max-width:780px){ .hds-kit-prehistorica .k-pre-hero{min-height:610px}.hds-kit-prehistorica .k-pre-hero-inner{width:calc(100% - 40px)!important;padding-top:108px}.hds-kit-prehistorica .k-pre-hero h1{font-size:clamp(2.8rem,12vw,4.45rem)}.hds-kit-prehistorica .k-pre-signals{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px} .hds-kit-prehistorica .k-pre-panorama{min-height:560px}.hds-kit-prehistorica .k-pre-panorama-grid{grid-template-columns:1fr;padding-top:44px;padding-bottom:44px}.hds-kit-prehistorica .k-pre-hotspots{grid-template-columns:1fr}.hds-kit-prehistorica .k-pre-card.is-hotspot{max-width:280px} .hds-kit-prehistorica .k-pre-eras-grid{grid-template-columns:1fr}.hds-kit-prehistorica .k-pre-eras-copy h2{white-space:normal}.hds-kit-prehistorica .k-pre-guide-grid{grid-template-columns:1fr}.hds-kit-prehistorica .k-pre-guide-links{grid-template-columns:repeat(2,minmax(0,1fr))} .hds-kit-prehistorica .k-pre-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hds-kit-prehistorica .k-pre-footer-brand{grid-column:1/-1} } @media(max-width:520px){ .hds-kit-prehistorica .k-header .k-wrap{width:calc(100% - 28px)!important}.hds-kit-prehistorica .k-pre-hero-inner{width:calc(100% - 28px)!important}.hds-kit-prehistorica .k-pre-signals{grid-template-columns:repeat(2,minmax(0,1fr))}.hds-kit-prehistorica .k-pre-signal{border-right:0} .hds-kit-prehistorica .k-pre-dino-grid>.k-pre-card-grid,.hds-kit-prehistorica .k-pre-guide-links{grid-template-columns:1fr 1fr}.hds-kit-prehistorica .k-pre-card small{display:block} .hds-kit-prehistorica .k-pre-footer-grid{grid-template-columns:1fr}.hds-kit-prehistorica .k-pre-footer-brand{grid-column:auto}.hds-kit-prehistorica .k-pre-footer-bottom{align-items:flex-start;flex-direction:column} } /* ===================================================================== KIT 45 · Escaparate central (v0.40.43) Hero editorial apilado: título, arco fotográfico y producto al centro. ===================================================================== */ .hds-kit-spotlight{--k-sp-line:color-mix(in srgb,var(--k-primary) 13%,transparent);background:var(--k-background);color:var(--k-text)} .hds-kit-spotlight .k-sp-hero{position:relative;isolation:isolate;min-height:max(620px,var(--k-hero-h));padding:clamp(34px,5vw,68px) 0 82px;background:radial-gradient(circle at 50% 34%,#fff 0 18%,transparent 52%),var(--k-background);overflow:hidden} .hds-kit-spotlight .k-sp-topo{position:absolute;z-index:-1;inset:0;background:repeating-radial-gradient(ellipse at 4% 45%,transparent 0 30px,var(--k-sp-line) 31px 32px,transparent 33px 51px),repeating-radial-gradient(ellipse at 96% 42%,transparent 0 34px,var(--k-sp-line) 35px 36px,transparent 37px 57px);opacity:.65;pointer-events:none} .hds-kit-spotlight .k-sp-hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center} .hds-kit-spotlight .k-sp-copy{position:relative;z-index:4;width:min(760px,100%)} .hds-kit-spotlight .k-sp-kicker{display:block;margin-bottom:9px;color:var(--k-primary);font-size:.68rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase} .hds-kit-spotlight .k-sp-copy h1{margin:0 auto;color:var(--k-dark);font-size:clamp(2.5rem,5.4vw,5rem);font-weight:700;line-height:.94;letter-spacing:-.055em;text-wrap:balance} .hds-kit-spotlight .k-sp-copy h1::after{content:"";display:block;width:72px;height:5px;margin:20px auto 0;border-radius:99px;background:var(--k-accent)} .hds-kit-spotlight .k-sp-copy p{max-width:620px;margin:14px auto 0;color:var(--k-muted);font-size:clamp(.95rem,1.3vw,1.08rem);line-height:1.55} .hds-kit-spotlight .k-sp-stage{position:relative;width:min(910px,88vw);height:clamp(270px,31vw,430px);margin:28px auto 0} .hds-kit-spotlight .k-sp-arch{position:absolute;inset:0 11%;overflow:hidden;border-radius:360px 360px 30px 30px;background:var(--k-secondary);box-shadow:0 28px 70px rgba(6,47,91,.18)} .hds-kit-spotlight .k-sp-arch::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 65%,rgba(6,47,91,.2));pointer-events:none} .hds-kit-spotlight .k-sp-arch img,.hds-kit-spotlight .k-sp-arch .k-ph{width:100%;height:100%;min-height:0;object-fit:cover;object-position:var(--k-focus,center center)} .hds-kit-spotlight .k-sp-callout{position:absolute;z-index:3;top:48%;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;width:min(210px,24vw);padding:12px 14px;border:1px solid rgba(6,47,91,.1);border-radius:16px;background:rgba(255,255,255,.95);box-shadow:0 14px 34px rgba(6,47,91,.13);text-align:left;transform:translateY(-50%)} .hds-kit-spotlight .k-sp-callout.is-left{left:0}.hds-kit-spotlight .k-sp-callout.is-right{right:0} .hds-kit-spotlight .k-sp-callout i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--k-accent) 12%,#fff);color:var(--k-accent)} .hds-kit-spotlight .k-sp-callout i .k-icon{width:19px;height:19px}.hds-kit-spotlight .k-sp-callout b,.hds-kit-spotlight .k-sp-callout small{display:block}.hds-kit-spotlight .k-sp-callout b{font:700 .78rem/1.2 var(--k-font-heading);color:var(--k-dark)}.hds-kit-spotlight .k-sp-callout small{margin-top:2px;color:var(--k-muted);font-size:.66rem;line-height:1.3} .hds-kit-spotlight .k-sp-actions{position:relative;z-index:5;justify-content:center;margin-top:-22px}.hds-kit-spotlight .k-sp-actions .k-btn{box-shadow:0 10px 26px rgba(6,47,91,.14)}.hds-kit-spotlight .k-sp-actions .is-primary{background:var(--k-accent);color:#fff}.hds-kit-spotlight .k-sp-actions .is-outline{background:#fff;color:var(--k-dark);border-color:rgba(6,47,91,.25)} .hds-kit-spotlight .k-sp-topics{position:relative;z-index:7;margin-top:-54px;padding-bottom:34px} .hds-kit-spotlight .k-sp-topic-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:10px;border:1px solid rgba(6,47,91,.1);border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 20px 48px rgba(6,47,91,.13)} .hds-kit-spotlight .k-sp-topic{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 14px;color:var(--k-text);border-right:1px solid rgba(6,47,91,.1)}.hds-kit-spotlight .k-sp-topic:last-child{border-right:0} .hds-kit-spotlight .k-sp-topic>i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--k-secondary);color:var(--k-primary)}.hds-kit-spotlight .k-sp-topic .k-icon{width:19px;height:19px}.hds-kit-spotlight .k-sp-topic strong,.hds-kit-spotlight .k-sp-topic small{display:block}.hds-kit-spotlight .k-sp-topic strong{font:700 .86rem/1.15 var(--k-font-heading)}.hds-kit-spotlight .k-sp-topic small{margin-top:3px;color:var(--k-muted);font-size:.65rem;line-height:1.25}.hds-kit-spotlight .k-sp-topic em{color:var(--k-primary);font-style:normal;font-weight:800} .hds-kit-spotlight .k-section:nth-of-type(even){background:color-mix(in srgb,var(--k-secondary) 24%,var(--k-background))} .hds-kit-spotlight .k-card{border:1px solid rgba(6,47,91,.1);border-radius:16px;box-shadow:0 10px 28px rgba(6,47,91,.07)} .hds-kit-spotlight .k-card:hover{box-shadow:0 18px 38px rgba(6,47,91,.13)} .hds-kit-spotlight .k-section-head h2{color:var(--k-dark);letter-spacing:-.035em}.hds-kit-spotlight .k-kicker{color:var(--k-accent)} .hds-kit-spotlight .k-footer{background:var(--k-dark);color:#fff} @media (max-width:900px){ .hds-kit-spotlight .k-sp-stage{width:min(720px,94vw)} .hds-kit-spotlight .k-sp-callout{top:auto;bottom:14px;width:190px;transform:none}.hds-kit-spotlight .k-sp-callout.is-left{left:2%}.hds-kit-spotlight .k-sp-callout.is-right{right:2%} .hds-kit-spotlight .k-sp-topic-row{grid-template-columns:repeat(2,minmax(0,1fr))}.hds-kit-spotlight .k-sp-topic:nth-child(2){border-right:0}.hds-kit-spotlight .k-sp-topic:nth-child(-n+2){border-bottom:1px solid rgba(6,47,91,.1)} } @media (max-width:640px){ .hds-kit-spotlight .k-sp-hero{min-height:0;padding:30px 0 80px}.hds-kit-spotlight .k-sp-copy h1{font-size:clamp(2.25rem,12vw,3.4rem)} .hds-kit-spotlight .k-sp-stage{width:100%;height:310px;margin-top:22px}.hds-kit-spotlight .k-sp-arch{inset:0;border-radius:190px 190px 22px 22px} .hds-kit-spotlight .k-sp-callout{bottom:10px;width:146px;padding:9px;grid-template-columns:30px 1fr}.hds-kit-spotlight .k-sp-callout i{width:30px;height:30px}.hds-kit-spotlight .k-sp-callout small{display:none} .hds-kit-spotlight .k-sp-actions{margin-top:16px}.hds-kit-spotlight .k-sp-topics{margin-top:-48px}.hds-kit-spotlight .k-sp-topic-row{grid-template-columns:1fr}.hds-kit-spotlight .k-sp-topic{border-right:0;border-bottom:1px solid rgba(6,47,91,.1)!important}.hds-kit-spotlight .k-sp-topic:last-child{border-bottom:0!important} } .hds-kit .k-header.is-menu-collapsed .k-menu li>a::after{display:none!important} .hds-kit .k-menu a>svg,.hds-kit .k-menu .dropdown-menu-toggle,.hds-kit .k-menu .dropdown-nav-toggle,.hds-kit .k-menu .ast-icon,.hds-kit .k-menu .sub-arrow,.hds-kit .k-menu .menu-item-icon,.hds-kit .k-menu .gp-icon{display:none!important} .hds-kit .k-menu li{position:relative} .hds-kit .k-menu ul{list-style:none;box-shadow:0 22px 44px rgba(0,0,0,.14);border:1px solid var(--k-hline)} .hds-kit .k-menu ul a{color:var(--k-text)} .hds-kit .k-menu ul{max-height:min(72vh,calc(100dvh - 100px),520px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable} .hds-kit .k-menu ul a{display:-webkit-box!important;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2} .hds-kit .k-menu ul a:hover,.hds-kit .k-menu ul a:focus{background:color-mix(in srgb,var(--k-primary) 12%,transparent);color:var(--k-text)} .hds-kit .k-menu>li:nth-last-child(-n+2)>ul{left:auto;right:0} .hds-kit .k-header .hds-submenu-toggle{color:inherit} /* Clara y horizontal */ .hds-kit .k-header.k-h-clean{background:var(--k-background);color:var(--k-text);border-bottom:1px solid var(--k-hline)} /* Oscura y compacta */ .hds-kit .k-header.k-h-dark{background:var(--k-dark);color:#fff} .hds-kit .k-header.k-h-dark .k-wrap{min-height:66px} .hds-kit .k-header.k-h-dark .k-menu>li>a::before{background:var(--k-accent)} .hds-kit .k-header.k-h-dark .k-icon-link:hover{background:rgba(255,255,255,.12)} .hds-kit .k-header.k-h-dark .k-header-cta{background:var(--k-accent)!important;color:var(--k-dark)!important;box-shadow:none!important} .hds-kit .k-header.k-h-dark .k-brand-mark{background-color:var(--k-accent)} .hds-kit .k-header.k-h-dark .k-brand-copy b,.hds-kit .k-header.k-h-integrated.is-overlay .k-brand-copy b{color:inherit} /* Logo centrado */ .hds-kit .k-header.k-h-centered{background:var(--k-background);color:var(--k-text);border-bottom:1px solid var(--k-hline)} .hds-kit .k-header.k-h-centered .k-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:". brand actions" "nav nav nav";row-gap:6px;min-height:0;padding:16px 0 4px} .hds-kit .k-h-centered .k-brand{grid-area:brand;justify-self:center} .hds-kit .k-h-centered .k-brand-copy{text-align:center} .hds-kit .k-h-centered nav{grid-area:nav;margin:0;display:flex;justify-content:center;border-top:1px solid var(--k-hline);padding-top:4px} .hds-kit .k-h-centered .k-header-actions{grid-area:actions;justify-self:end} .hds-kit .k-h-centered .hds-menu-toggle{grid-area:actions;justify-self:end} /* Flotante en caja */ .hds-kit .k-header.k-h-boxed{background:transparent;color:var(--k-text);padding-top:16px} .hds-kit .k-header.k-h-boxed .k-wrap{background:var(--k-hbox);border-radius:18px;padding:0 14px 0 24px;min-height:68px;box-shadow:0 18px 40px rgba(0,0,0,.10)} /* Minimal */ .hds-kit .k-header.k-h-minimal{background:transparent;color:var(--k-text)} .hds-kit .k-header.k-h-minimal .k-wrap{min-height:66px;border-bottom:1px solid var(--k-hline)} .hds-kit .k-header.k-h-minimal .k-menu>li>a{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase} .hds-kit .k-header.k-h-minimal .k-brand-mark{display:none} /* Integrado dentro del hero */ .hds-kit .k-header.k-h-integrated{background:transparent;color:var(--k-text)} .hds-kit .k-header.k-h-integrated.is-overlay{position:absolute;left:0;right:0;top:0;color:#fff;border-bottom:1px solid rgba(255,255,255,.18)} .hds-kit .k-header.k-h-integrated.is-overlay .k-menu>li>a::before{background:currentColor} /* Cápsula redondeada */ .hds-kit .k-header.k-h-pill{background:transparent;color:var(--k-text);padding-top:14px} .hds-kit .k-header.k-h-pill .k-wrap{background:var(--k-hbox);border-radius:999px;min-height:62px;padding:0 8px 0 22px;box-shadow:0 10px 28px rgba(0,0,0,.08)} /* Transparente sobre el hero */ .hds-kit .k-header.k-h-glass{background:color-mix(in srgb,var(--k-background) 72%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--k-text);border-bottom:1px solid var(--k-hline)} .hds-kit .k-header.k-h-glass.is-overlay{position:absolute;left:0;right:0;top:18px;background:transparent;border:0;color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none} .hds-kit .k-header.k-h-glass.is-overlay .k-wrap{background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.28);border-radius:20px;padding:0 12px 0 24px;min-height:66px} /* Circular · accesos en píldora */ .hds-kit .k-header.k-h-orbit{background:transparent;color:var(--k-text);padding-top:14px} .hds-kit .k-header.k-h-orbit .k-wrap{background:var(--k-hbox);border-radius:999px;min-height:64px;padding:0 8px;box-shadow:0 12px 30px rgba(0,0,0,.08);gap:18px} .hds-kit .k-h-orbit .k-brand-mark{width:48px;height:48px} .hds-kit .k-h-orbit .k-menu{gap:6px} .hds-kit .k-h-orbit .k-menu>li>a{padding:0 15px;border-radius:999px;background:color-mix(in srgb,var(--k-primary) 9%,transparent);min-height:38px} .hds-kit .k-h-orbit .k-menu>li>a::before{display:none} .hds-kit .k-h-orbit .k-menu>li>a:hover,.hds-kit .k-h-orbit .k-menu>li.current-menu-item>a{background:var(--k-primary);color:#fff} /* Logo lateral + menú dividido */ .hds-kit .k-header.k-h-split{background:var(--k-background);color:var(--k-text);border-bottom:1px solid var(--k-hline)} .hds-kit .k-h-split .k-brand{align-self:stretch;padding-right:26px;border-right:1px solid var(--k-hline)} .hds-kit .k-h-split nav{margin:0 auto;padding:4px 22px;border:1px solid var(--k-hline);border-radius:999px;background:var(--k-hbox)} .hds-kit .k-h-split .k-menu{gap:22px} /* Cabecera fija: las variantes transparentes ganan fondo para poder leerse */ .hds-kit .k-header.is-sticky.k-h-minimal,.hds-kit .k-header.is-sticky.k-h-integrated:not(.is-overlay){background:var(--k-background)} .hds-kit .k-header.is-sticky.is-overlay{position:fixed} .hds-kit .k-header.is-sticky.k-h-integrated.is-overlay{background:color-mix(in srgb,var(--k-dark) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)} .hds-kit .k-header.is-overlay.is-menu-collapsed{position:absolute} .hds-kit .k-header.is-sticky.is-overlay.is-menu-collapsed{position:fixed} /* Hero cuando la cabecera no flota encima (tema u otra variante) */ .hds-kit-eco:not(.k-overlay-header) .k-hero{padding-top:18px} .hds-kit-eco:not(.k-overlay-header) .k-hero-frame{border-radius:34px} .hds-kit-eco:not(.k-overlay-header) .k-hero-copy{padding-top:110px;padding-bottom:110px} .hds-kit-noir:not(.k-overlay-header) .k-hero-copy{padding-top:130px} /* Footer: variantes */ .hds-kit .k-footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px} .hds-kit .k-footer .k-foot-inline{display:flex;flex-wrap:wrap;gap:8px 20px} .hds-kit .k-footer .k-foot-inline a{display:inline;margin:0;opacity:.8;font-size:.9rem} .hds-kit .k-footer-bottom .hds-socials{margin-top:0} .hds-kit .k-back-top{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid currentColor;opacity:.75;font-weight:700} .hds-kit .k-back-top:hover{opacity:1} .hds-kit .k-foot-col>strong{display:block;margin-bottom:14px;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;opacity:.6} .hds-kit .k-foot-col p{opacity:.78;font-size:.93rem;margin:0 0 12px} .hds-kit .k-footer .k-foot-link-strong{font-weight:700;opacity:1} .hds-kit .k-foot-seal{flex:0 0 auto;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,currentColor 12%,transparent);font-size:1.6rem;margin-bottom:12px} .hds-kit .k-foot-badge{width:84px;height:auto;margin-bottom:12px;border-radius:10px} /* Minimal */ .hds-kit .k-footer.k-f-minimal{padding-top:36px} .hds-kit .k-footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 30px} .hds-kit .k-f-minimal .k-foot-name{margin:0;font-size:1.35rem} .hds-kit .k-f-minimal .k-footer-bottom{margin-top:26px} /* Columnas / oscuro */ .hds-kit .k-footer.k-f-dark{background:var(--k-dark);color:#fff;border-top:0} .hds-kit .k-footer.k-f-dark .k-footer-bottom{border-color:rgba(255,255,255,.14)} .hds-kit .k-footer.k-f-dark .k-foot-name{color:#fff} .hds-kit .k-footer.k-f-dark .hds-socials a{border-color:rgba(255,255,255,.3)} /* Editorial */ .hds-kit .k-footer-grid.k-footer-editorial{grid-template-columns:2fr 1fr 1.2fr;gap:56px} .hds-kit .k-f-editorial .k-foot-name{font-size:clamp(28px,3vw,40px);font-style:italic} .hds-kit .k-f-editorial .k-foot-about{max-width:520px;font-size:1rem;line-height:1.65} /* Marca + categorías */ .hds-kit .k-foot-giant{display:block;font-family:var(--k-font-heading);font-size:clamp(46px,9vw,128px);line-height:.92;letter-spacing:-.03em;font-weight:700;margin-bottom:24px;overflow-wrap:anywhere} .hds-kit .k-footer-brandrow{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:18px 40px} .hds-kit .k-footer-brandrow p{max-width:420px;opacity:.78;margin:0} .hds-kit .k-foot-chips{display:flex;flex-wrap:wrap;gap:8px} .hds-kit .k-footer .k-foot-chips .k-chip{display:inline-flex;margin:0;padding:8px 16px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 35%,transparent);opacity:.92;font-size:.9rem} .hds-kit .k-footer .k-foot-chips .k-chip:hover{background:color-mix(in srgb,currentColor 12%,transparent);text-decoration:none} .hds-kit .k-f-brand .k-foot-features{margin-top:32px;grid-template-columns:repeat(4,minmax(0,1fr))} /* Afiliados */ .hds-kit .k-footer-grid.k-footer-affiliate{grid-template-columns:1.3fr 1fr 1fr 1.3fr} .hds-kit .k-foot-disclosure{padding:22px;border-radius:18px;background:color-mix(in srgb,currentColor 7%,transparent)} /* Confianza */ .hds-kit .k-foot-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent)} .hds-kit .k-foot-trust-item{display:flex;gap:12px;align-items:flex-start} .hds-kit .k-foot-trust-item .k-icon{font-size:1.5rem;flex:0 0 auto;margin-top:2px} .hds-kit .k-foot-trust-item b{display:block;font-size:.95rem} .hds-kit .k-foot-trust-item small{display:block;opacity:.7;font-size:.82rem;line-height:1.4} .hds-kit .k-footer-grid.k-footer-trustgrid{grid-template-columns:1.6fr 1fr 1.2fr} .hds-kit .k-foot-sealbox{display:flex;gap:18px;align-items:flex-start} .hds-kit .k-foot-sealbox .k-foot-name{font-size:1.4rem;margin-bottom:8px} /* Compacto · redes */ .hds-kit .k-footer.k-f-social{padding-top:52px} .hds-kit .k-footer-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px} .hds-kit .k-footer-center p{opacity:.75;max-width:520px;margin:0 0 6px} .hds-kit .k-footer-center .hds-socials{justify-content:center;margin:8px 0 14px} .hds-kit .k-footer-center .hds-socials a{width:46px;height:46px} .hds-kit .k-f-social .k-footer-bottom{margin-top:34px} /* ===================================================================== KIT 1 · ECO NATURAL ===================================================================== */ .hds-kit-eco{--k-radius:20px} .hds-kit-eco .k-header.k-h-glass{position:absolute;top:22px;left:0;right:0} .hds-kit.hds-kit-eco .k-header.k-h-glass{color:var(--k-text)} .hds-kit.hds-kit-eco .k-header.k-h-glass .k-wrap{border:0;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:0 12px 0 26px;min-height:66px;box-shadow:0 14px 34px rgba(16,40,14,.16)} .hds-kit-eco .k-brand-copy b{color:var(--k-primary);font-size:1.6rem} .hds-kit-eco .k-header.k-h-glass.is-sticky{position:fixed;top:16px} .admin-bar .hds-kit-eco .k-header.k-h-glass.is-sticky{top:48px} .hds-kit-shared.hds-kit-eco .k-header.k-h-glass{position:sticky;top:12px;padding-top:12px} .hds-kit-shared.hds-kit-eco .k-header.k-h-glass:not(.is-sticky){position:relative;top:auto} .hds-kit-eco .k-hero{padding:0 0 10px;position:relative} .hds-kit-eco .k-hero .k-wrap{width:min(1320px,calc(100% - 32px))} .hds-kit-eco .k-hero-frame{position:relative;border-radius:0 0 34px 34px;overflow:hidden;min-height:max(var(--k-hero-h),600px);display:flex;align-items:center;background:var(--k-dark)} .hds-kit-eco .k-hero-bg{position:absolute;inset:0} .hds-kit-eco .k-hero-bg img,.hds-kit-eco .k-hero-bg .k-ph{width:100%;height:100%;object-fit:cover;object-position:var(--k-focus)} .hds-kit-eco .k-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,24,8,.72) 0%,rgba(9,24,8,.42) 45%,rgba(9,24,8,.06) 78%),linear-gradient(0deg,rgba(9,24,8,.35),transparent 30%)} .hds-kit-eco .k-hero-copy{position:relative;z-index:2;max-width:640px;padding:150px clamp(28px,5vw,70px) 130px;color:#fff} .hds-kit-eco .k-chip{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:10px;background:color-mix(in srgb,var(--k-primary) 88%,#fff);font-size:.8rem;font-weight:600;margin-bottom:22px} .hds-kit-eco .k-chip .k-icon{width:28px;height:28px;padding:5px;border-radius:7px;background:#fff;color:var(--k-primary)} .hds-kit-eco .k-hero-copy h1{font-size:clamp(40px,5.4vw,70px);line-height:1.04;letter-spacing:-.025em;text-shadow:0 2px 24px rgba(0,0,0,.25)} .hds-kit-eco .k-hero-copy p{margin:20px 0 30px;font-size:1.08rem;opacity:.92;max-width:520px} .hds-kit-eco .k-hero-copy .k-btn.is-ghost{color:#fff;background:rgba(255,255,255,.10);backdrop-filter:blur(6px)} .hds-kit-eco .k-hero-copy .k-btn.is-ghost:hover{background:#fff;color:var(--k-primary)} .hds-kit-eco .k-hero-search{position:relative;z-index:5;width:min(920px,calc(100% - 40px));margin:-50px auto 0;padding:14px;border-radius:999px;background:color-mix(in srgb,var(--k-accent) 70%,#fff);box-shadow:0 24px 50px rgba(20,50,16,.20)} .hds-kit .k-search{display:flex;align-items:center;gap:12px;padding:6px 6px 6px 22px;border-radius:999px;background:#fff;color:var(--k-muted)} .hds-kit .k-search input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;font:inherit;font-size:1rem;color:var(--k-text);padding:10px 0!important} .hds-kit .k-search button{border:0;cursor:pointer;padding:14px 32px;border-radius:999px;background:var(--k-primary);color:#fff;font:inherit;font-weight:700} .hds-kit-eco .k-welcome{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(40px,7vw,96px);align-items:center} .hds-kit-eco .k-welcome-media{position:relative;padding:10px} .hds-kit-eco .k-welcome-media>img,.hds-kit-eco .k-welcome-media>.k-ph{width:100%;aspect-ratio:4/3;object-fit:cover;border:10px solid #fff;border-radius:6px;box-shadow:0 26px 50px rgba(18,40,14,.18)} .hds-kit-eco .k-badge-round{position:absolute;z-index:2;top:-24px;left:-24px;width:118px;height:118px;border-radius:50%;background:var(--k-primary);color:#fff;border:7px solid var(--k-background);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:10px;box-shadow:0 12px 26px rgba(18,40,14,.25)} .hds-kit-eco .k-badge-round .k-icon{width:30px;height:30px} .hds-kit-eco .k-badge-round small{font-size:.66rem;font-weight:700;line-height:1.15;text-transform:uppercase;letter-spacing:.04em} .hds-kit-eco .k-sticker{position:absolute;right:-12px;bottom:-14px;width:62px;height:62px;border-radius:50%;background:#fff;color:#e2733f;display:grid;place-items:center;box-shadow:0 12px 26px rgba(0,0,0,.16);font-size:1.6rem} .hds-kit-eco .k-welcome-copy h2{font-size:clamp(30px,3.4vw,46px);color:var(--k-secondary)} .hds-kit-eco .k-welcome-copy p{margin-top:18px;color:var(--k-muted);font-size:1.04rem;max-width:520px} .hds-kit-eco .k-featured.is-tinted{background:var(--k-surface)} .hds-kit-eco .k-featured .k-head h2{color:var(--k-primary);font-weight:600} .hds-kit-eco .k-featured .k-card a{border-radius:20px;box-shadow:0 14px 36px rgba(20,50,16,.08)} .hds-kit-eco .k-featured .k-card-media{aspect-ratio:16/11} .hds-kit-eco .k-featured .k-card-body h3{font-weight:600} .hds-kit-eco .k-dots{display:flex;justify-content:center;gap:8px;margin-top:34px} .hds-kit-eco .k-dots i{width:9px;height:9px;border-radius:50%;background:var(--k-primary);opacity:.22} .hds-kit-eco .k-dots i.is-on{opacity:1} .hds-kit-eco .k-intro{padding-top:110px} .hds-kit-eco .k-newsletter-box{background:linear-gradient(120deg,var(--k-primary),var(--k-dark))} .hds-kit-eco .k-newsletter-form b{background:var(--k-accent);color:var(--k-dark)} .hds-kit-eco .k-footer{background:var(--k-dark)} /* ===================================================================== KIT 2 · ORGÁNICO SUAVE ===================================================================== */ .hds-kit-organic{--k-radius:26px} .hds-kit-organic h1,.hds-kit-organic h2,.hds-kit-organic h3{font-weight:800;letter-spacing:-.015em} .hds-kit-organic .k-header.k-h-clean{background:transparent;border-bottom:0} .hds-kit-organic .k-header.k-h-clean.is-sticky{background:color-mix(in srgb,var(--k-background) 92%,transparent);backdrop-filter:blur(10px)} .hds-kit-organic .k-header-cta{background:var(--k-accent)!important;box-shadow:0 10px 22px color-mix(in srgb,var(--k-accent) 30%,transparent)} .hds-kit-organic .k-brand-copy b{font-size:1.5rem} .hds-kit-organic .k-hero{position:relative;padding:34px 0 140px;overflow:hidden} .hds-kit-organic .k-blob-a{position:absolute;right:-8%;top:-22%;width:min(820px,64vw);height:auto;fill:var(--k-secondary);opacity:.55;z-index:0} .hds-kit-organic .k-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.06fr;gap:clamp(30px,5vw,70px);align-items:center} .hds-kit-organic .k-hero-copy h1{font-size:clamp(40px,5.2vw,66px);line-height:1.06;color:#221d18} .hds-kit-organic .k-hero-copy p{margin:20px 0 32px;color:var(--k-muted);font-size:1.08rem;max-width:440px} .hds-kit-organic .k-trust.is-mini{display:flex;flex-wrap:wrap;gap:26px;margin-top:44px} .hds-kit-organic .k-trust.is-mini .k-trust-icon{width:42px;height:42px;background:var(--k-surface)} .hds-kit-organic .k-trust.is-mini strong{font-size:.8rem;font-weight:600;color:var(--k-muted);max-width:90px} .hds-kit-organic .k-hero-media{position:relative} .hds-kit-organic .k-hero-shape{border-radius:52px;overflow:hidden;aspect-ratio:1.04;box-shadow:0 34px 70px rgba(47,69,51,.25);transform:rotate(1.5deg)} .hds-kit-organic .k-hero-shape img,.hds-kit-organic .k-hero-shape .k-ph{width:100%;height:100%;object-fit:cover;object-position:var(--k-focus)} .hds-kit-organic .k-float-badge{position:absolute;right:-14px;bottom:28px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 16px;border-radius:20px;background:#fffaf2;color:var(--k-primary);box-shadow:0 18px 40px rgba(0,0,0,.14);max-width:130px;text-align:center} .hds-kit-organic .k-float-badge .k-icon{width:30px;height:30px} .hds-kit-organic .k-float-badge b{font-size:.78rem;line-height:1.2;color:var(--k-text)} .hds-kit-organic .k-wave{position:absolute;left:0;bottom:-1px;width:100%;height:110px;fill:var(--k-surface);opacity:.75} .hds-kit-organic .k-features{padding:30px 0 60px;background:linear-gradient(var(--k-surface),var(--k-background));background:linear-gradient(color-mix(in srgb,var(--k-surface) 75%,var(--k-background)),var(--k-background))} .hds-kit-organic .k-trust.is-columns{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px} .hds-kit-organic .k-trust.is-columns .k-trust-item{flex-direction:column;align-items:flex-start;gap:12px} .hds-kit-organic .k-trust.is-columns .k-trust-icon{background:transparent;width:auto;height:auto;font-size:2.1rem;color:var(--k-primary)} .hds-kit-organic .k-trust.is-columns strong{font-size:1.06rem;font-weight:800} .hds-kit-organic .k-trust.is-columns small{font-size:.86rem;margin-top:4px} .hds-kit-organic .k-band{display:grid;grid-template-columns:.85fr 2fr;gap:30px;align-items:center;padding:clamp(28px,4vw,50px);border-radius:34px;background:var(--k-secondary);box-shadow:0 30px 60px rgba(47,69,51,.18)} .hds-kit-organic .k-band-intro h2{font-size:clamp(28px,3vw,38px);color:#26231f} .hds-kit-organic .k-band-intro p{margin:12px 0 22px;color:#3e3a33} .hds-kit-organic .k-band-intro .k-btn{background:#fdf6ea;color:#2b2621;box-shadow:0 8px 18px rgba(0,0,0,.08)} .hds-kit-organic .k-circles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))} .hds-kit-organic .k-circle{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:0 18px;border-left:1px solid rgba(255,255,255,.45)} .hds-kit-organic .k-circle-media{width:min(160px,100%);aspect-ratio:1;border-radius:50%;overflow:hidden;border:8px solid rgba(255,255,255,.4);box-shadow:0 18px 30px rgba(0,0,0,.18);margin-bottom:10px;transition:transform .3s} .hds-kit-organic .k-circle:hover .k-circle-media{transform:scale(1.05) rotate(-3deg)} .hds-kit-organic .k-circle-media img,.hds-kit-organic .k-circle-media .k-ph{width:100%;height:100%;object-fit:cover} .hds-kit-organic .k-circle strong{font-size:1rem;line-height:1.25;color:#24211d} .hds-kit-organic .k-circle small{font-size:.82rem;color:#3f3b34} .hds-kit-organic .k-ornament-title{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:34px;color:var(--k-primary)} .hds-kit-organic .k-ornament-title::before,.hds-kit-organic .k-ornament-title::after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--k-text) 18%,transparent)} .hds-kit-organic .k-ornament-title h2{font-size:clamp(24px,2.6vw,32px);color:var(--k-text);text-align:center} .hds-kit-organic .k-ornament-title .k-icon{width:14px;height:14px;fill:currentColor} .hds-kit-organic .k-hcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .hds-kit-organic .k-hcard{position:relative;display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;align-items:center;padding:12px;border-radius:24px;background:#fffaf3;border:1px solid rgba(60,50,40,.08);transition:transform .2s,box-shadow .2s} .hds-kit-organic .k-hcard:hover{transform:translateY(-3px);box-shadow:var(--k-shadow)} .hds-kit-organic .k-hcard-media{width:128px;height:128px;border-radius:18px;overflow:hidden} .hds-kit-organic .k-hcard-media img,.hds-kit-organic .k-hcard-media .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-organic .k-hcard-copy{display:grid;gap:6px;padding-right:26px} .hds-kit-organic .k-hcard-copy strong{font-weight:800;line-height:1.25} .hds-kit-organic .k-hcard-copy small{color:var(--k-muted);font-size:.82rem;line-height:1.4} .hds-kit-organic .k-hcard em{position:absolute;right:12px;bottom:12px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--k-primary);color:#fff;font-style:normal;font-weight:800} .hds-kit-organic .k-promo-box{display:grid;grid-template-columns:1.08fr .92fr;border-radius:34px;overflow:hidden;background:var(--k-secondary);min-height:320px} .hds-kit-organic .k-promo-copy{padding:clamp(30px,4vw,52px);display:flex;flex-direction:column;justify-content:center;gap:14px} .hds-kit-organic .k-promo-copy h2{font-size:clamp(26px,3vw,38px);color:#24211d} .hds-kit-organic .k-promo-copy p{color:#36322c;max-width:440px} .hds-kit-organic .k-promo-row{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:10px} .hds-kit-organic .k-promo-icons{display:flex;gap:22px} .hds-kit-organic .k-promo-icons span{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;max-width:90px;color:var(--k-primary)} .hds-kit-organic .k-promo-icons .k-icon{width:30px;height:30px} .hds-kit-organic .k-promo-icons small{font-size:.72rem;color:#36322c;line-height:1.25} .hds-kit-organic .k-promo-media img,.hds-kit-organic .k-promo-media .k-ph{width:100%;height:100%;object-fit:cover;border-radius:40px 0 0 40px} .hds-kit-organic .k-contact-box{display:grid;grid-template-columns:1fr 1.3fr 200px;gap:34px;align-items:center;padding:clamp(26px,3.5vw,40px);border-radius:30px;background:#fffaf3;border:1px solid rgba(60,50,40,.08);box-shadow:0 20px 50px rgba(60,50,40,.08)} .hds-kit-organic .k-contact-info{border-right:1px solid rgba(60,50,40,.12);padding-right:30px;display:grid;gap:12px} .hds-kit-organic .k-contact-info h2,.hds-kit-organic .k-contact-news h2{font-size:1.45rem} .hds-kit-organic .k-contact-info p{display:flex;gap:10px;align-items:flex-start;color:var(--k-muted);font-size:.92rem} .hds-kit-organic .k-contact-info .k-icon{color:var(--k-primary);margin-top:2px} .hds-kit-organic .k-contact-news p{color:var(--k-muted);margin:8px 0 16px;font-size:.92rem} .hds-kit-organic .k-contact-news .k-newsletter-form{border:1px solid rgba(60,50,40,.14)} .hds-kit-organic .k-lineart{width:100%;height:auto;color:color-mix(in srgb,var(--k-text) 45%,transparent)} .hds-kit-organic .k-footer{background:color-mix(in srgb,var(--k-surface) 70%,var(--k-background));color:var(--k-text)} .hds-kit-organic .k-footer-bottom{border-color:rgba(60,50,40,.14)} .hds-kit-organic .hds-socials a{border-color:rgba(60,50,40,.25)} .hds-kit-organic .k-newsletter-box{background:var(--k-primary)} .hds-kit-organic .k-card a,.hds-kit-organic .k-topic,.hds-kit-organic .k-links-grid a,.hds-kit-organic .k-faq details{background:#fffaf3} /* ===================================================================== KIT 3 · PREMIUM SCRIPT ===================================================================== */ .hds-kit-barista{--k-radius:18px} .hds-kit-barista .k-script{font-family:var(--k-font-script);color:var(--k-accent);font-weight:700;letter-spacing:0} .hds-kit-barista .k-header.k-h-minimal{background:var(--k-secondary)} .hds-kit-barista .k-brand-copy b{font-size:1.5rem;color:var(--k-primary)} .hds-kit-barista .k-menu>li>a{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500} .hds-kit-barista .k-hero{background:var(--k-secondary);overflow:hidden} .hds-kit-barista .k-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:max(var(--k-hero-h),540px);width:100%;max-width:none;margin:0} .hds-kit-barista .k-hero-copy{text-align:center;padding:60px max(24px,calc((100vw - 1200px)/2)) 70px;padding-right:clamp(24px,3vw,40px);display:flex;flex-direction:column;align-items:center} .hds-kit-barista .k-pill-kicker{display:inline-block;padding:6px 18px;border:1px solid color-mix(in srgb,var(--k-text) 35%,transparent);border-radius:999px;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px} .hds-kit-barista .k-hero-copy h1{font-size:clamp(38px,4.8vw,62px);color:var(--k-primary);line-height:1.08} .hds-kit-barista .k-hero-copy h1 .k-script{display:flex;align-items:center;justify-content:center;gap:.22em;font-size:1.04em;margin-top:6px} .hds-kit-barista .k-hero-copy h1 .k-script i{flex:0 0 .8em;margin:0} .hds-kit-barista .k-script i{display:inline-block;width:.9em;height:3px;background:currentColor;vertical-align:.18em;margin:0 .14em;border-radius:2px} .hds-kit-barista .k-hero-copy p{margin:22px auto 28px;color:var(--k-muted);max-width:480px;font-size:.98rem} .hds-kit-barista .k-hero-copy .k-btn{border-radius:10px;padding:11px 22px;font-size:.84rem} .hds-kit-barista .k-hero-icons{display:flex;justify-content:center;gap:clamp(18px,4vw,46px);margin-top:36px} .hds-kit-barista .k-hero-icons span{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--k-accent)} .hds-kit-barista .k-hero-icons span:nth-child(2n){color:#c0574f} .hds-kit-barista .k-hero-icons span:nth-child(4){color:#2e7d3e} .hds-kit-barista .k-hero-icons .k-icon{width:30px;height:30px} .hds-kit-barista .k-hero-icons small{font-size:.7rem;color:var(--k-muted);letter-spacing:.06em} .hds-kit-barista .k-hero-media{position:relative;height:100%;min-height:440px} .hds-kit-barista .k-hero-media .k-hero-img,.hds-kit-barista .k-hero-media .k-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--k-focus);border-radius:50% 0 0 50%/70% 0 0 70%} .hds-kit-barista .k-hero-ring{position:absolute;z-index:2;left:-40px;top:16%;width:110px;height:110px;border-radius:50%;border:2px solid color-mix(in srgb,var(--k-accent) 55%,transparent)} .hds-kit-barista .k-dots-deco{position:absolute;z-index:2;right:24px;bottom:24px;width:120px;height:80px;background:radial-gradient(circle,color-mix(in srgb,#fff 70%,transparent) 2px,transparent 2.5px) 0 0/16px 16px} .hds-kit-barista .k-head h2{font-size:clamp(30px,3.4vw,44px);color:var(--k-primary)} .hds-kit-barista .k-head h2 i{display:inline-block;width:.6em;height:3px;background:currentColor;vertical-align:-.05em;margin:0 .12em} .hds-kit-barista .k-kicker{color:var(--k-muted);font-size:.66rem;letter-spacing:.24em} .hds-kit-barista .k-signature{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .hds-kit-barista .k-sig-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:34px 26px 30px;border-radius:20px;background:var(--k-surface);box-shadow:0 14px 36px rgba(40,35,25,.10);transition:transform .25s,box-shadow .25s} .hds-kit-barista .k-sig-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(40,35,25,.16)} .hds-kit-barista .k-sig-media{position:relative;width:190px;height:190px;margin-bottom:16px} .hds-kit-barista .k-sig-blob{position:absolute;inset:-10px;border-radius:46% 54% 50% 50%/55% 45% 55% 45%;background:#ecd3ba} .hds-kit-barista .k-sig-media.is-v1 .k-sig-blob{background:var(--k-secondary);border:3px solid #a9b89f;border-radius:50%} .hds-kit-barista .k-sig-media.is-v2 .k-sig-blob{background:#efd6c2;border-radius:58% 42% 46% 54%/45% 55% 45% 55%} .hds-kit-barista .k-sig-media img,.hds-kit-barista .k-sig-media .k-ph{position:relative;width:100%;height:100%;object-fit:cover;border-radius:50%;border:6px solid #fff;min-height:0} .hds-kit-barista .k-sig-card h3{font-size:1.45rem;color:#2a2620} .hds-kit-barista .k-sig-card p{color:var(--k-muted);font-size:.84rem;max-width:260px} .hds-kit-barista .k-sig-card .k-btn{margin-top:8px;border-radius:10px;font-size:.78rem;padding:8px 16px} .hds-kit-barista .k-story-box{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:320px;border-radius:24px;overflow:hidden;background:#f1e2d1} .hds-kit-barista .k-story-shape{position:absolute;border-radius:50%;pointer-events:none} .hds-kit-barista .k-story-shape.is-a{left:-70px;bottom:-90px;width:240px;height:240px;background:#b98a63;opacity:.45} .hds-kit-barista .k-story-shape.is-b{right:38%;top:-50px;width:170px;height:170px;border:3px solid #c38d62;opacity:.45} .hds-kit-barista .k-story-copy{position:relative;z-index:1;padding:clamp(30px,5vw,60px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px} .hds-kit-barista .k-story-copy h2{font-size:clamp(26px,3vw,40px);color:var(--k-primary)} .hds-kit-barista .k-story-copy p{color:var(--k-muted);max-width:520px} .hds-kit-barista .k-story-copy .k-btn{border-radius:10px} .hds-kit-barista .k-story-media{height:100%} .hds-kit-barista .k-story-media img,.hds-kit-barista .k-story-media .k-ph{width:100%;height:100%;object-fit:cover;border-radius:46% 0 0 46%/60% 0 0 60%} .hds-kit-barista .k-device-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,90px);align-items:center} .hds-kit-barista .k-device-frame{position:relative;width:min(260px,70%);margin:0 auto;aspect-ratio:9/18.5;padding:11px;border-radius:40px;background:#1c1c1c;box-shadow:0 40px 70px rgba(0,0,0,.28),inset 0 0 0 2px #444;transform:rotate(-7deg)} .hds-kit-barista .k-device-notch{position:absolute;z-index:2;top:16px;left:50%;transform:translateX(-50%);width:34%;height:20px;border-radius:12px;background:#1c1c1c} .hds-kit-barista .k-device-screen{height:100%;border-radius:30px;overflow:hidden;background:#f6f1e8;display:flex;flex-direction:column} .hds-kit-barista .k-device-screen img,.hds-kit-barista .k-device-screen .k-ph{height:64%;width:100%;object-fit:cover;min-height:0} .hds-kit-barista .k-device-screen strong{padding:16px;font-family:var(--k-font-heading);color:var(--k-primary);font-size:1.05rem;line-height:1.25} .hds-kit-barista .k-device-copy{text-align:center;display:flex;flex-direction:column;align-items:center} .hds-kit-barista .k-device-copy h2{font-size:clamp(30px,3.4vw,44px);color:var(--k-primary);line-height:1.15} .hds-kit-barista .k-device-copy h2 .k-script{display:block;font-size:1.15em} .hds-kit-barista .k-device-copy p{margin-top:14px;color:var(--k-muted);max-width:480px} .hds-kit-barista .k-device-copy .k-actions{justify-content:center} .hds-kit-barista .k-device-copy .k-btn{border-radius:10px;font-size:.8rem} .hds-kit-barista .k-darkwave{background:var(--k-dark);color:#fff;padding:150px 0 90px;overflow:hidden} .hds-kit-barista .k-wave-top{position:absolute;top:-1px;left:0;width:100%;height:90px;fill:var(--k-background)} .hds-kit-barista .k-darkwave-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,5vw,70px);align-items:center} .hds-kit-barista .k-darkwave-copy{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px} .hds-kit-barista .k-darkwave-copy .k-kicker{color:rgba(255,255,255,.7)} .hds-kit-barista .k-darkwave-copy h2{font-size:clamp(34px,4vw,52px)} .hds-kit-barista .k-darkwave-copy p{opacity:.8;max-width:420px} .hds-kit-barista .k-newsletter-form.is-stack{display:grid;gap:12px;width:min(420px,100%);padding:0;background:transparent;border-radius:0;margin-top:10px} .hds-kit-barista .k-newsletter-form.is-stack span{padding:11px 18px;border:1px solid color-mix(in srgb,var(--k-accent) 60%,transparent);border-radius:999px;color:rgba(255,255,255,.6);text-align:left} .hds-kit-barista .k-newsletter-form.is-stack b{text-align:center;padding:12px;border-radius:999px;background:var(--k-accent)} .hds-kit-barista .k-video{position:relative;display:block;border-radius:20px;overflow:hidden;border:3px solid color-mix(in srgb,var(--k-accent) 70%,#fff);aspect-ratio:16/9.6;box-shadow:0 30px 60px rgba(0,0,0,.35)} .hds-kit-barista .k-video img,.hds-kit-barista .k-video .k-ph{width:100%;height:100%;object-fit:cover} .hds-kit-barista .k-video-bar{position:absolute;inset:0 0 auto;padding:14px 18px 40px;background:linear-gradient(rgba(0,0,0,.65),transparent);font-size:.9rem} .hds-kit-barista .k-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:74px;height:52px;border-radius:14px;background:#e53935;color:#fff;transition:transform .2s} .hds-kit-barista .k-play .k-icon{fill:#fff;stroke:none;width:28px;height:28px} .hds-kit-barista .k-video:hover .k-play{transform:translate(-50%,-50%) scale(1.08)} .hds-kit-barista .k-footer{background:var(--k-dark)} .hds-kit-barista .k-card a,.hds-kit-barista .k-topic,.hds-kit-barista .k-links-grid a,.hds-kit-barista .k-faq details{background:var(--k-surface)} .hds-kit-barista .k-newsletter-box{background:var(--k-primary)} /* ===================================================================== KIT 4 · TIENDA MODERNA ===================================================================== */ .hds-kit-shop{--k-radius:16px} .hds-kit-shop h1,.hds-kit-shop h2,.hds-kit-shop h3{font-weight:700;letter-spacing:-.025em} .hds-kit-shop .k-header.k-h-clean{background:#fff;border-bottom:1px solid #efe5d9} .hds-kit-shop .k-header .k-wrap{min-height:70px} .hds-kit-shop .k-brand-copy b{font-size:1.45rem;color:var(--k-primary)} .hds-kit-shop .k-menu{gap:26px} .hds-kit-shop .k-menu>li>a{font-size:.9rem;font-weight:500} .hds-kit-shop .k-header-cta{border-radius:8px!important} .hds-kit-shop .k-btn{border-radius:8px} .hds-kit-shop .k-hero{padding:28px 0 10px} .hds-kit-shop .k-hero-banner{position:relative;display:flex;align-items:center;min-height:max(calc(var(--k-hero-h) - 20px),420px);border-radius:20px;overflow:hidden;background:#f4eadf} .hds-kit-shop .k-hero-banner .k-hero-media{position:absolute;inset:0 0 0 auto;width:64%} .hds-kit-shop .k-hero-banner .k-hero-media img,.hds-kit-shop .k-hero-banner .k-hero-media .k-ph{width:100%;height:100%;object-fit:cover;object-position:var(--k-focus)} .hds-kit-shop .k-hero-banner .k-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f4eadf 0%,rgba(244,234,223,.85) 18%,rgba(244,234,223,0) 52%)} .hds-kit-shop .k-hero-copy{position:relative;z-index:2;max-width:min(520px,52%);padding:clamp(30px,5vw,60px)} .hds-kit-shop .k-hero-copy .k-kicker{color:var(--k-text);font-size:.72rem} .hds-kit-shop .k-hero-copy h1{font-size:clamp(36px,4.6vw,60px);line-height:1.02;color:#24170f} .hds-kit-shop .k-hero-copy p{margin:18px 0 26px;color:var(--k-muted);max-width:420px} .hds-kit-shop .k-trustbar{padding:34px 0 30px} .hds-kit-shop .k-trust.is-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-bottom:30px;border-bottom:1px solid #efe5d9} .hds-kit-shop .k-trust.is-bar .k-trust-item{flex-direction:column;text-align:center;gap:8px} .hds-kit-shop .k-trust.is-bar .k-trust-icon{background:transparent;width:auto;height:auto;font-size:1.7rem;color:var(--k-primary)} .hds-kit-shop .k-trust.is-bar strong{font-size:.86rem} .hds-kit-shop .k-trust.is-bar small{font-size:.76rem} .hds-kit-shop .k-promos-section{padding-top:20px} .hds-kit-shop .k-promos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px} .hds-kit-shop .k-promo-tile{position:relative;display:flex;align-items:center;min-height:230px;border-radius:18px;overflow:hidden;background:#efe2d3} .hds-kit-shop .k-promo-tile>img,.hds-kit-shop .k-promo-tile>.k-ph{position:absolute;inset:0 0 0 30%;width:70%;height:100%;object-fit:cover;transition:transform .5s} .hds-kit-shop .k-promo-tile:hover>img{transform:scale(1.05)} .hds-kit-shop .k-promo-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#efe2d3 30%,rgba(239,226,211,.6) 48%,rgba(239,226,211,0) 72%)} .hds-kit-shop .k-promo-tile-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:52%;padding:28px} .hds-kit-shop .k-promo-tile-copy small{font-size:.8rem;color:var(--k-muted)} .hds-kit-shop .k-promo-tile-copy strong{font-family:var(--k-font-heading);font-weight:700;font-size:1.3rem;line-height:1.2;color:#24170f} .hds-kit-shop .k-promo-tile-copy .k-btn{margin-top:10px} .hds-kit-shop .k-bestsellers .k-head{align-items:center} .hds-kit-shop .k-head-link{padding:8px 16px;border-radius:999px;background:var(--k-surface);font-size:.85rem} .hds-kit .k-rail{position:relative} .hds-kit .k-rail-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 12px} .hds-kit .k-rail-track::-webkit-scrollbar{display:none} .hds-kit .k-rail-btn{position:absolute;z-index:3;top:38%;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:var(--k-text);font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.14)} .hds-kit .k-rail-btn.is-prev{left:-18px} .hds-kit .k-rail-btn.is-next{right:-18px} .hds-kit-shop .k-product{scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:#fff;border:1px solid #efe5d9;transition:transform .2s,box-shadow .2s} .hds-kit-shop .k-product:hover{transform:translateY(-4px);box-shadow:var(--k-shadow)} .hds-kit-shop .k-product-media{aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--k-surface)} .hds-kit-shop .k-product-media img,.hds-kit-shop .k-product-media .k-ph{width:100%;height:100%;object-fit:cover} .hds-kit-shop .k-product strong{font-size:.95rem;line-height:1.3;margin-top:4px} .hds-kit-shop .k-product-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .hds-kit .k-stars{color:#d79b39;letter-spacing:1px;font-size:.78rem} .hds-kit-shop .k-product-meta small{color:var(--k-muted);font-size:.78rem} .hds-kit-shop .k-wide-promo{padding-top:20px} .hds-kit-shop .k-wide-promo-box{display:grid;grid-template-columns:1fr 1fr;min-height:220px;border-radius:18px;overflow:hidden;background:#3a2216;color:#fff} .hds-kit-shop .k-wide-promo-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:clamp(26px,4vw,48px)} .hds-kit-shop .k-wide-promo-copy strong{font-family:var(--k-font-heading);font-weight:700;font-size:clamp(24px,2.8vw,34px);line-height:1.1} .hds-kit-shop .k-wide-promo-copy small{opacity:.78;font-size:.92rem} .hds-kit-shop .k-wide-promo-copy .k-btn{margin-top:8px} .hds-kit-shop .k-wide-promo-media img,.hds-kit-shop .k-wide-promo-media .k-ph{width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)} .hds-kit-shop .k-trust.is-why .k-trust-item{flex-direction:column;text-align:center;gap:10px} .hds-kit-shop .k-trust.is-why .k-trust-icon{width:58px;height:58px;font-size:1.4rem;border:1px solid #e8dccd;background:#fff} .hds-kit-shop .k-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px} .hds-kit-shop .k-strip a{aspect-ratio:1;border-radius:12px;overflow:hidden} .hds-kit-shop .k-strip img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .3s} .hds-kit-shop .k-strip a:hover img{transform:scale(1.06);filter:brightness(1.05)} .hds-kit-shop .k-newsbar{padding:30px 0} .hds-kit-shop .k-newsbar-box{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;border-radius:16px;background:var(--k-surface)} .hds-kit-shop .k-newsbar-box strong{display:block;font-size:1.12rem} .hds-kit-shop .k-newsbar-box small{display:block;color:var(--k-muted)} .hds-kit-shop .k-newsbar-box .k-newsletter-form{flex:0 1 460px;border-radius:10px} .hds-kit-shop .k-newsbar-box .k-newsletter-form b{border-radius:8px;background:var(--k-primary)} .hds-kit-shop .k-footer{background:#fff;color:var(--k-text);border-top:1px solid #efe5d9} .hds-kit-shop .k-footer-bottom{border-color:#efe5d9} .hds-kit-shop .hds-socials a{border-color:#e2d4c3} .hds-kit-shop .k-card a,.hds-kit-shop .k-topic,.hds-kit-shop .k-links-grid a,.hds-kit-shop .k-faq details{border:1px solid #efe5d9} .hds-kit-shop .k-newsletter-box{background:var(--k-primary)} /* ===================================================================== KIT 5 · BOLD MARRÓN ===================================================================== */ .hds-kit-bold{--k-radius:20px} .hds-kit-bold h1,.hds-kit-bold h2,.hds-kit-bold h3{font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:1} .hds-kit-bold .k-script{font-family:var(--k-font-script);text-transform:none;font-weight:700;letter-spacing:0} .hds-kit-bold .k-header.k-h-dark{background:var(--k-primary);color:#f6ead8} .hds-kit-bold .k-header .k-wrap{min-height:74px} .hds-kit-bold .k-brand-copy b{font-size:1.7rem;text-transform:uppercase;line-height:.9;font-weight:400;max-width:180px} .hds-kit-bold .k-brand-copy small{display:none} .hds-kit-bold .k-brand-mark{background-color:var(--k-accent)} .hds-kit-bold .k-menu>li>a{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500} .hds-kit-bold .k-h-dark .k-menu>li>a::before{background:#f6ead8} .hds-kit-bold .k-h-dark .k-icon-link{border:1.5px solid rgba(246,234,216,.6)} .hds-kit-bold .k-hero{background:var(--k-primary);padding:6px 0 46px} .hds-kit-bold .k-hero-panel{display:grid;grid-template-columns:.95fr 1.05fr;min-height:max(var(--k-hero-h),460px);border-radius:22px;overflow:hidden;background:#ead9c1} .hds-kit-bold .k-hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:30px;padding:clamp(30px,5vw,64px)} .hds-kit-bold .k-hero-copy h1{font-size:clamp(50px,7vw,100px);line-height:.9;color:var(--k-primary)} .hds-kit-bold .k-hero-copy h1 span{display:block} .hds-kit-bold .k-hero-copy h1 .k-script{font-size:.6em;color:var(--k-accent);line-height:1.15;transform:rotate(-4deg) translateX(.2em);transform-origin:left} .hds-kit-bold .k-btn{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem} .hds-kit-bold .k-btn.is-accent{background:var(--k-primary);color:#f6ead8;box-shadow:none} .hds-kit-bold .k-hero-media img,.hds-kit-bold .k-hero-media .k-ph{width:100%;height:100%;object-fit:cover;object-position:var(--k-focus)} .hds-kit-bold .k-spot{display:grid;grid-template-columns:1fr 1.1fr 120px;gap:clamp(24px,4vw,46px);align-items:center} .hds-kit-bold .k-spot-copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px} .hds-kit-bold .k-spot-badge{display:inline-flex;align-items:center;gap:10px;color:var(--k-primary)} .hds-kit-bold .k-spot-badge .k-icon{width:40px;height:40px;padding:8px;border:1.5px solid currentColor;border-radius:50%} .hds-kit-bold .k-spot-badge b{display:block;text-transform:uppercase;font-size:.78rem;letter-spacing:.06em} .hds-kit-bold .k-spot-badge small{display:block;font-size:.72rem;color:var(--k-muted)} .hds-kit-bold .k-spot-copy h2{font-size:clamp(30px,3.6vw,48px);color:var(--k-primary)} .hds-kit-bold .k-spot-meta{font-size:.82rem;color:var(--k-muted)} .hds-kit-bold .k-spot-copy p{color:var(--k-muted);max-width:440px} .hds-kit-bold .k-spot-media{position:relative;border-radius:26px;overflow:visible} .hds-kit-bold .k-spot-media>img,.hds-kit-bold .k-spot-media>.k-ph{width:100%;aspect-ratio:4/3.4;object-fit:cover;border-radius:26px;border:1px solid rgba(75,36,22,.15);background:#f1e2cc} .hds-kit-bold .k-stamp{position:absolute;z-index:2;top:-22px;left:-22px;width:104px;height:104px;border-radius:50%;background:var(--k-primary);color:#f6ead8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:12px;transform:rotate(-12deg);box-shadow:0 0 0 5px var(--k-background),0 14px 30px rgba(60,25,10,.3)} .hds-kit-bold .k-stamp small{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;line-height:1.2} .hds-kit-bold .k-spot-peek{align-self:stretch;border-radius:22px 0 0 22px;overflow:hidden;opacity:.9} .hds-kit-bold .k-spot-peek img,.hds-kit-bold .k-spot-peek .k-ph{width:100%;height:100%;object-fit:cover} .hds-kit-bold .k-statement-box{position:relative;padding:clamp(60px,8vw,96px) clamp(24px,5vw,60px);border-radius:24px;background:var(--k-primary);color:#f6ead8;text-align:center;overflow:hidden} .hds-kit-bold .k-statement-icon{display:inline-grid;place-items:center;width:44px;height:44px;margin-bottom:14px;color:#f6ead8} .hds-kit-bold .k-statement-box h2{font-size:clamp(26px,3.4vw,44px);line-height:1.08;max-width:760px;margin:0 auto} .hds-kit-bold .k-statement-box p{max-width:600px;margin:18px auto 0;opacity:.72} .hds-kit-bold .k-tag{position:absolute;padding:6px 16px;border:1px solid rgba(246,234,216,.55);border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em} .hds-kit-bold .k-tag.is-t0{top:26px;left:42px;transform:rotate(-7deg)} .hds-kit-bold .k-tag.is-t1{top:34px;right:54px;transform:rotate(6deg)} .hds-kit-bold .k-tag.is-t2{bottom:28px;left:70px;transform:rotate(5deg)} .hds-kit-bold .k-tag.is-t3{bottom:24px;right:44px;transform:rotate(-5deg)} .hds-kit-bold .k-rule-title{display:flex;align-items:center;gap:16px;margin-bottom:30px} .hds-kit-bold .k-rule-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--k-primary);color:#f6ead8;font-size:1.2rem} .hds-kit-bold .k-rule-title h2{font-size:clamp(24px,2.6vw,34px);color:var(--k-primary)} .hds-kit-bold .k-rule-title i{flex:1;height:2px;background:var(--k-primary);opacity:.25} .hds-kit-bold .k-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px} .hds-kit-bold .k-step{display:flex;flex-direction:column;gap:8px;padding:10px 10px 20px;border-radius:20px;background:var(--k-surface);border:1px solid rgba(75,36,22,.1);transition:transform .2s} .hds-kit-bold .k-step:hover{transform:translateY(-4px)} .hds-kit-bold .k-step-media{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden} .hds-kit-bold .k-step-media img,.hds-kit-bold .k-step-media .k-ph{width:100%;height:100%;object-fit:cover} .hds-kit-bold .k-step-media b{position:absolute;z-index:2;top:10px;left:10px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--k-primary);color:#f6ead8;font-family:var(--k-font-heading);font-weight:400;font-size:1rem} .hds-kit-bold .k-step strong{font-family:var(--k-font-heading);font-weight:400;text-transform:uppercase;font-size:1.06rem;line-height:1.1;color:var(--k-primary);margin:8px 6px 0} .hds-kit-bold .k-step small{color:var(--k-muted);font-size:.84rem;margin:0 6px} .hds-kit-bold .k-footer{background:var(--k-secondary);color:var(--k-text);border-top:3px solid var(--k-primary)} .hds-kit-bold .k-f-columns>.k-footer-grid{grid-template-columns:1.2fr 1.6fr repeat(3,minmax(0,1fr));align-items:start} .hds-kit-bold .k-foot-name{font-size:clamp(40px,5vw,64px);text-transform:uppercase;line-height:.88;color:var(--k-primary);font-weight:400} .hds-kit-bold .k-foot-features{color:var(--k-primary)} .hds-kit-bold .k-footer-bottom{border-color:rgba(75,36,22,.15)} .hds-kit-bold .hds-socials a{border-color:rgba(75,36,22,.3)} .hds-kit-bold .k-head h2,.hds-kit-bold .k-card-body h3{color:var(--k-primary)} .hds-kit-bold .k-card a,.hds-kit-bold .k-topic,.hds-kit-bold .k-links-grid a,.hds-kit-bold .k-faq details{background:var(--k-surface)} .hds-kit-bold .k-card-body h3,.hds-kit-bold .k-topic-copy strong,.hds-kit-bold .k-links-grid strong,.hds-kit-bold .k-list-copy strong{font-family:var(--k-font-heading);font-weight:400;text-transform:uppercase;letter-spacing:.01em} .hds-kit-bold .k-newsletter-box{background:var(--k-primary);color:#f6ead8} .hds-kit-bold .k-newsletter-form b{background:var(--k-accent)} .hds-kit-bold .k-banner-box{background:var(--k-primary)} /* ===================================================================== KIT 6 · BENTO ===================================================================== */ .hds-kit-bento{--k-radius:26px} .hds-kit-bento h1,.hds-kit-bento h2,.hds-kit-bento h3{letter-spacing:-.035em;font-weight:700} .hds-kit-bento .k-header.k-h-pill{padding-top:16px} .hds-kit-bento .k-header.k-h-pill .k-wrap{background:#fff;border-radius:999px;min-height:62px;padding:0 8px 0 24px;box-shadow:0 8px 24px rgba(0,0,0,.06)} .hds-kit-bento .k-header.k-h-pill.is-sticky{top:10px} .hds-kit-bento .k-brand-mark{background-color:#111;border-radius:12px} .hds-kit-bento .k-header-cta{background:#111!important;color:#fff!important;box-shadow:none!important} .hds-kit-bento .k-menu>li>a::before{background:#111} .hds-kit-bento .k-hero{padding:22px 0 10px} .hds-kit-bento .k-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(220px,auto) minmax(150px,auto) 170px;grid-template-areas:"title title photo photo" "title title photo photo" "stat chips post mini";gap:14px} .hds-kit-bento .k-tile{position:relative;border-radius:26px;overflow:hidden;background:#fff;padding:24px;display:flex;flex-direction:column;gap:10px;transition:transform .25s} .hds-kit-bento a.k-tile:hover{transform:translateY(-4px)} .hds-kit-bento .k-tile.is-title{grid-area:title;padding:clamp(28px,4vw,48px);justify-content:flex-end} .hds-kit-bento .k-tile.is-title h1{font-size:clamp(38px,4.6vw,64px);line-height:1} .hds-kit-bento .k-tile.is-title p{color:var(--k-muted);max-width:480px;margin-top:6px} .hds-kit-bento .k-tile.is-title .k-btn.is-primary{background:#111;box-shadow:none} .hds-kit-bento .k-tile.is-title .k-kicker{display:inline-block;align-self:flex-start;background:var(--k-accent);color:#111;padding:6px 12px;border-radius:999px;letter-spacing:.1em} .hds-kit-bento .k-tile.is-photo{grid-area:photo;padding:0} .hds-kit-bento .k-tile.is-photo img,.hds-kit-bento .k-tile.is-photo .k-ph{width:100%;height:100%;object-fit:cover;object-position:var(--k-focus)} .hds-kit-bento .k-tile.is-stat{grid-area:stat;background:var(--k-accent);justify-content:flex-end} .hds-kit-bento .k-tile.is-stat b{font-weight:700;font-size:clamp(46px,5vw,68px);line-height:.9;letter-spacing:-.05em} .hds-kit-bento .k-tile.is-stat span{font-weight:600} .hds-kit-bento .k-tile.is-chips{grid-area:chips;background:var(--k-secondary)} .hds-kit-bento .k-tile.is-chips small{font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem} .hds-kit-bento .k-tile.is-chips div{display:flex;flex-wrap:wrap;gap:6px} .hds-kit-bento .k-tile.is-chips a{padding:6px 12px;border-radius:999px;background:#fff;font-size:.8rem;font-weight:600} .hds-kit-bento .k-tile.is-chips a:hover{background:#111;color:#fff} .hds-kit-bento .k-tile.is-post{grid-area:post;padding:0;color:#fff} .hds-kit-bento .k-tile.is-post img,.hds-kit-bento .k-tile.is-post .k-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .hds-kit-bento .k-tile.is-post>span{position:relative;z-index:1;margin-top:auto;padding:20px;background:linear-gradient(transparent,rgba(0,0,0,.7));display:grid;gap:4px} .hds-kit-bento .k-tile.is-post small{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;opacity:.85} .hds-kit-bento .k-tile.is-post strong{line-height:1.25} .hds-kit-bento .k-tile.is-mini{grid-area:mini;background:#111;color:#fff;justify-content:flex-end} .hds-kit-bento .k-tile.is-mini small{color:var(--k-accent);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem} .hds-kit-bento .k-tile.is-mini strong{line-height:1.25} .hds-kit-bento .k-tile.is-mini em{position:absolute;top:18px;right:20px;font-style:normal;font-size:1.4rem;color:var(--k-accent)} .hds-kit-bento .k-bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(180px,auto);gap:14px} .hds-kit-bento .k-tile.is-card{padding:0} .hds-kit-bento .k-tile.is-card.is-c0{grid-column:span 2;grid-row:span 2} .hds-kit-bento .k-tile-media{flex:1;min-height:120px;overflow:hidden} .hds-kit-bento .k-tile-media img,.hds-kit-bento .k-tile-media .k-ph{width:100%;height:100%;object-fit:cover;transition:transform .5s} .hds-kit-bento .k-tile.is-card:hover .k-tile-media img{transform:scale(1.05)} .hds-kit-bento .k-tile-copy{display:grid;gap:6px;padding:16px 18px 20px} .hds-kit-bento .k-tile.is-c0 .k-tile-copy strong{font-size:1.4rem;line-height:1.15} .hds-kit-bento .k-tile-copy small{color:var(--k-muted)} .hds-kit-bento .k-topics-bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .hds-kit-bento .k-topics-bento .k-topic{border-radius:22px;padding:16px} .hds-kit-bento .k-topics-bento .k-topic:nth-child(1){background:var(--k-accent)} .hds-kit-bento .k-topics-bento .k-topic:nth-child(5){background:var(--k-secondary)} .hds-kit-bento .k-card a,.hds-kit-bento .k-links-grid a,.hds-kit-bento .k-faq details{border-radius:22px} .hds-kit-bento .k-newsletter-box{background:var(--k-accent);color:#111} .hds-kit-bento .k-newsletter-icon{background:rgba(0,0,0,.08)} .hds-kit-bento .k-newsletter-form b{background:#111} .hds-kit-bento .k-banner-box{background:#111} .hds-kit-bento .k-banner-copy .k-btn{background:var(--k-accent);color:#111} .hds-kit-bento .k-footer{background:#111} .hds-kit-bento .k-kicker{color:#111} .hds-kit-bento .k-head-link{color:#111} .hds-kit-bento .k-list-num,.hds-kit-bento .k-topic em,.hds-kit-bento .k-links-icon{color:#111} .hds-kit-bento .k-card-body .k-btn{background:#111} /* ===================================================================== KIT 7 · NOIR EDITORIAL ===================================================================== */ .hds-kit-noir{--k-radius:4px;--k-shadow:0 24px 50px rgba(0,0,0,.5)} .hds-kit-noir h1,.hds-kit-noir h2,.hds-kit-noir h3{font-style:italic;font-weight:700;letter-spacing:-.01em} .hds-kit-noir .k-header.k-h-integrated{position:absolute;left:0;right:0;top:0;color:var(--k-text);border-bottom:1px solid rgba(242,235,223,.12)} .hds-kit-noir .k-header.k-h-integrated.is-sticky{position:fixed;background:rgba(18,17,15,.86);backdrop-filter:blur(10px)} .hds-kit-shared.hds-kit-noir .k-header.k-h-integrated{position:relative;background:var(--k-background)} .hds-kit-shared.hds-kit-noir .k-header.k-h-integrated.is-sticky{position:sticky} .hds-kit-noir{--k-hbox:#23201c} .hds-kit-noir .k-brand-copy b{font-style:italic;font-size:1.6rem} .hds-kit-noir .k-brand-mark{background-color:transparent;border:1px solid var(--k-primary);filter:sepia(1)} .hds-kit-noir .k-menu>li>a{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;font-weight:500} .hds-kit-noir .k-menu>li>a::before{background:var(--k-primary)} .hds-kit-noir .k-menu ul{background:var(--k-surface);color:var(--k-text)} .hds-kit-noir .k-hero{position:relative;min-height:max(var(--k-hero-h),660px);display:flex;align-items:flex-end;overflow:hidden} .hds-kit-noir .k-hero-bg{position:absolute;inset:0} .hds-kit-noir .k-hero-bg img,.hds-kit-noir .k-hero-bg .k-ph{width:100%;height:100%;object-fit:cover;object-position:var(--k-focus);filter:brightness(.62) saturate(.85);transform:scale(1.03)} .hds-kit-noir .k-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,17,15,.55) 0%,rgba(18,17,15,.15) 35%,rgba(18,17,15,.9) 88%,var(--k-background) 100%)} .hds-kit-noir .k-hero-copy{position:relative;z-index:2;padding:200px 0 80px} .hds-kit-noir .k-hero-copy .k-kicker{color:var(--k-primary);letter-spacing:.32em;font-weight:500} .hds-kit-noir .k-hero-copy h1{font-size:clamp(48px,7.4vw,108px);line-height:.96;max-width:980px;margin-top:10px} .hds-kit-noir .k-hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(242,235,223,.18)} .hds-kit-noir .k-hero-foot p{max-width:480px;opacity:.78} .hds-kit-noir .k-ticker{overflow:hidden;border-block:1px solid color-mix(in srgb,var(--k-primary) 35%,transparent);padding:16px 0} .hds-kit-noir .k-ticker-track{display:flex;gap:30px;align-items:center;white-space:nowrap;width:max-content;animation:k-marquee 42s linear infinite} .hds-kit-noir .k-ticker a{font-size:.8rem;letter-spacing:.24em;text-transform:uppercase} .hds-kit-noir .k-ticker a:hover{color:var(--k-primary)} .hds-kit-noir .k-ticker i{color:var(--k-primary);font-style:normal} @keyframes k-marquee{to{transform:translateX(-50%)}} @media (prefers-reduced-motion:reduce){.hds-kit-noir .k-ticker-track{animation:none}} .hds-kit-noir .k-kicker{color:var(--k-primary);letter-spacing:.3em;font-weight:500} .hds-kit-noir .k-head{border-bottom:1px solid rgba(242,235,223,.14);padding-bottom:22px} .hds-kit-noir .k-head h2{font-size:clamp(32px,4vw,54px)} .hds-kit-noir .k-head p{color:var(--k-muted)} .hds-kit-noir .k-head-link{color:var(--k-primary)} .hds-kit-noir .k-mag{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(30px,5vw,64px)} .hds-kit-noir .k-mag-lead{display:flex;flex-direction:column;gap:14px} .hds-kit-noir .k-mag-media{aspect-ratio:4/3;overflow:hidden} .hds-kit-noir .k-mag-media img,.hds-kit-noir .k-mag-media .k-ph{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:transform .7s,filter .4s} .hds-kit-noir .k-mag-lead:hover img{transform:scale(1.04);filter:saturate(1)} .hds-kit-noir .k-mag-lead h3{font-size:clamp(26px,2.8vw,36px);margin-top:6px} .hds-kit-noir .k-mag-lead p{color:var(--k-muted)} .hds-kit-noir .k-mag-side{display:flex;flex-direction:column} .hds-kit-noir .k-mag-side a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:24px 0;border-top:1px solid rgba(242,235,223,.14)} .hds-kit-noir .k-mag-side a:first-child{border-top:0;padding-top:0} .hds-kit-noir .k-mag-side b{font-family:var(--k-font-heading);font-style:italic;font-size:2.2rem;line-height:1;color:var(--k-primary)} .hds-kit-noir .k-mag-side strong{display:block;font-family:var(--k-font-heading);font-size:1.25rem;line-height:1.25} .hds-kit-noir .k-mag-side small{display:block;margin-top:6px;color:var(--k-muted)} .hds-kit-noir .k-mag-side a:hover strong{color:var(--k-primary)} .hds-kit-noir .k-quote blockquote{margin:0 auto;max-width:900px;text-align:center} .hds-kit-noir .k-quote blockquote>span{display:block;font-family:var(--k-font-heading);font-size:7rem;line-height:.6;color:var(--k-primary);height:60px} .hds-kit-noir .k-quote p{font-family:var(--k-font-heading);font-style:italic;font-size:clamp(24px,2.8vw,36px);line-height:1.35} .hds-kit-noir .k-quote cite{display:block;margin-top:26px;font-style:normal;color:var(--k-primary);font-size:.76rem;letter-spacing:.3em;text-transform:uppercase} .hds-kit-noir .k-card a,.hds-kit-noir .k-topic,.hds-kit-noir .k-links-grid a,.hds-kit-noir .k-faq details{background:var(--k-surface);border:1px solid rgba(242,235,223,.08);border-radius:4px} .hds-kit-noir .k-card-body p,.hds-kit-noir .k-topic-copy small,.hds-kit-noir .k-links-grid small,.hds-kit-noir .k-list-copy small,.hds-kit-noir .k-faq details p{color:var(--k-muted)} .hds-kit-noir .k-card-body .k-btn{background:transparent;color:var(--k-primary);border-color:var(--k-primary);border-radius:0} .hds-kit-noir .k-topic-media,.hds-kit-noir .k-list-media{border-radius:2px} .hds-kit-noir .k-links-icon,.hds-kit-noir .k-trust-icon,.hds-kit-noir .k-faq summary span{background:transparent;border:1px solid var(--k-primary);color:var(--k-primary)} .hds-kit-noir .k-list,.hds-kit-noir .k-list li a{border-color:rgba(242,235,223,.14)} .hds-kit-noir .k-list-num{font-style:italic} .hds-kit-noir .k-list li a:hover{background:var(--k-surface)} .hds-kit-noir .k-banner-box{background:var(--k-surface);border:1px solid color-mix(in srgb,var(--k-primary) 30%,transparent);border-radius:4px} .hds-kit-noir .k-banner-copy .k-btn{background:var(--k-primary);color:#111;border-radius:0} .hds-kit-noir .k-newsletter-box{background:transparent;border:1px solid var(--k-primary);border-radius:4px;color:var(--k-text)} .hds-kit-noir .k-newsletter-icon{background:transparent;border:1px solid var(--k-primary);color:var(--k-primary)} .hds-kit-noir .k-newsletter-form{background:transparent;border:0;border-bottom:1px solid rgba(242,235,223,.4);border-radius:0;padding-left:0;color:var(--k-muted)} .hds-kit-noir .k-newsletter-form b{background:var(--k-primary);color:#111;border-radius:0} .hds-kit-noir .k-footer{background:var(--k-dark);border-top:1px solid color-mix(in srgb,var(--k-primary) 35%,transparent)} .hds-kit-noir .k-foot-name{font-style:italic} /* ===================================================================== KIT 8 · PASTEL LÚDICO ===================================================================== */ .hds-kit-pastel{--k-radius:26px} .hds-kit-pastel h1,.hds-kit-pastel h2,.hds-kit-pastel h3{font-weight:700;letter-spacing:-.02em} .hds-kit-pastel .k-header.k-h-pill{padding-top:14px} .hds-kit-pastel .k-header.k-h-pill .k-wrap{background:#fff;border-radius:999px;min-height:62px;padding:0 8px 0 22px;box-shadow:0 10px 0 rgba(45,42,50,.06),0 0 0 2px var(--k-text)} .hds-kit-pastel .k-header.k-h-pill.is-sticky{top:10px} .hds-kit-pastel .k-brand-mark{background-color:var(--k-primary)} .hds-kit-pastel .k-header-cta{box-shadow:none!important;border:2px solid var(--k-text)!important} .hds-kit-pastel .k-btn{border:2px solid var(--k-text);box-shadow:4px 4px 0 var(--k-text)} .hds-kit-pastel .k-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--k-text)} .hds-kit-pastel .k-btn.is-primary{background:var(--k-primary);color:#fff} .hds-kit-pastel .k-btn.is-ghost{background:#fff;color:var(--k-text)} .hds-kit-pastel .k-hero{position:relative;padding:50px 0 130px} .hds-kit-pastel .k-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,70px);align-items:center} .hds-kit-pastel .k-sticker-label{display:inline-block;padding:7px 16px;border:2px solid var(--k-text);border-radius:999px;background:var(--k-secondary);font-weight:800;font-size:.8rem;transform:rotate(-3deg);margin-bottom:22px} .hds-kit-pastel .k-hero-copy h1{font-size:clamp(44px,5.8vw,80px);line-height:1} .hds-kit-pastel mark{background:linear-gradient(transparent 58%,#ffd166 58%,#ffd166 92%,transparent 92%);color:inherit;padding:0 .08em} .hds-kit-pastel .k-hero-copy p{margin-top:22px;font-size:1.1rem;color:var(--k-muted);max-width:480px} .hds-kit-pastel .k-actions{margin-top:30px} .hds-kit-pastel .k-stack{position:relative;height:clamp(360px,40vw,500px)} .hds-kit-pastel .k-stack-card{position:absolute;border-radius:24px;overflow:hidden;border:3px solid var(--k-text);box-shadow:8px 8px 0 var(--k-text);background:var(--k-surface);transition:transform .35s} .hds-kit-pastel .k-stack-card img,.hds-kit-pastel .k-stack-card .k-ph{width:100%;height:100%;object-fit:cover} .hds-kit-pastel .k-stack-card.is-s0{width:62%;height:68%;left:2%;top:10%;transform:rotate(-7deg);z-index:2} .hds-kit-pastel .k-stack-card.is-s1{width:50%;height:56%;right:2%;top:0;transform:rotate(6deg);background:var(--k-accent);z-index:1} .hds-kit-pastel .k-stack-card.is-s2{width:46%;height:50%;left:34%;bottom:0;transform:rotate(-2deg);background:var(--k-secondary);z-index:3} .hds-kit-pastel .k-stack:hover .is-s0{transform:rotate(-9deg) translateY(-6px)} .hds-kit-pastel .k-stack:hover .is-s1{transform:rotate(9deg) translateY(-4px)} .hds-kit-pastel .k-sticker-round{position:absolute;z-index:4;right:2%;bottom:6%;display:grid;place-items:center;width:124px;height:124px;padding:18px;border-radius:50%;background:#ffd166;border:3px solid var(--k-text);font-family:var(--k-font-heading);font-weight:700;font-size:.92rem;line-height:1.1;text-align:center;transform:rotate(12deg)} .hds-kit-pastel .k-wave{position:absolute;left:0;bottom:-1px;width:100%;height:60px;fill:var(--k-surface)} .hds-kit-pastel .k-featured{background:var(--k-surface)} .hds-kit-pastel .k-kicker{color:var(--k-primary)} .hds-kit-pastel .k-cards-tilted{gap:30px} .hds-kit-pastel .k-cards-tilted .k-card a{padding:12px;border:3px solid var(--k-text);box-shadow:6px 6px 0 var(--k-text);border-radius:26px;background:var(--k-secondary);transform:rotate(-1.6deg)} .hds-kit-pastel .k-cards-tilted .k-card:nth-child(2) a{background:var(--k-accent);transform:rotate(1.4deg)} .hds-kit-pastel .k-cards-tilted .k-card:nth-child(3) a{background:#fff3b0;transform:rotate(-.8deg)} .hds-kit-pastel .k-cards-tilted .k-card a:hover{transform:rotate(0) translateY(-6px)} .hds-kit-pastel .k-cards-tilted .k-card-media{border-radius:18px;border:2px solid var(--k-text)} .hds-kit-pastel .k-cards-tilted .k-card-body{padding:16px 8px 8px} .hds-kit-pastel .k-cards-tilted .k-card-body h3{font-size:1.3rem} .hds-kit-pastel .k-bubbles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px} .hds-kit-pastel .k-bubble{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:28px;border:3px solid var(--k-text);background:var(--k-secondary);transition:transform .2s} .hds-kit-pastel .k-bubble:hover{transform:translateY(-5px) rotate(-1deg)} .hds-kit-pastel .k-bubble.is-b1{background:var(--k-accent)} .hds-kit-pastel .k-bubble.is-b2{background:var(--k-surface)} .hds-kit-pastel .k-bubble.is-b3{background:#fff3b0} .hds-kit-pastel .k-bubble b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid var(--k-text);font-family:var(--k-font-heading);font-size:1.3rem} .hds-kit-pastel .k-bubble strong{font-family:var(--k-font-heading);font-size:1.15rem;line-height:1.2} .hds-kit-pastel .k-bubble small{color:var(--k-muted)} .hds-kit-pastel .k-card a,.hds-kit-pastel .k-topic,.hds-kit-pastel .k-links-grid a,.hds-kit-pastel .k-faq details{border:2px solid var(--k-text);box-shadow:4px 4px 0 var(--k-text)} .hds-kit-pastel .k-newsletter-box{background:var(--k-accent);color:var(--k-text);border:3px solid var(--k-text);box-shadow:8px 8px 0 var(--k-text)} .hds-kit-pastel .k-newsletter-icon{background:#fff;border:2px solid var(--k-text)} .hds-kit-pastel .k-newsletter-form{border:2px solid var(--k-text)} .hds-kit-pastel .k-newsletter-form b{background:var(--k-primary)} .hds-kit-pastel .k-banner-box{background:var(--k-secondary);color:var(--k-text);border:3px solid var(--k-text)} .hds-kit-pastel .k-banner-copy .k-btn{background:var(--k-primary)} .hds-kit-pastel .k-footer{background:var(--k-text);color:#fff7f0} /* ===================================================================== RESPONSIVE ===================================================================== */ @media (max-width:1100px){ .hds-kit .k-footer-grid,.hds-kit .k-footer>.k-footer-grid{grid-template-columns:1fr 1fr} .hds-kit .k-rail-track{grid-auto-columns:calc((100% - 40px)/3)} .hds-kit-organic .k-contact-box{grid-template-columns:1fr 1.3fr} .hds-kit-organic .k-lineart{display:none} .hds-kit-bold .k-spot{grid-template-columns:1fr 1.1fr} .hds-kit-bold .k-spot-peek{display:none} } @media (max-width:900px){ .hds-kit .k-section{padding:56px 0} .hds-kit .k-header .k-wrap{gap:12px} .hds-kit .k-header nav{display:none;position:absolute;left:12px;right:12px;top:calc(100% + 8px);margin:0;padding:12px;border-radius:18px;background:#fff;color:var(--k-text);box-shadow:0 24px 48px rgba(0,0,0,.18);z-index:120} .hds-kit-noir .k-header nav{background:var(--k-surface);color:var(--k-text)} .hds-kit .k-header nav.is-open{display:block} .hds-kit .k-menu{display:grid;gap:2px} .hds-kit .k-menu>li>a{display:flex;padding:10px 12px;border-radius:10px;font-size:1rem;letter-spacing:0;text-transform:none} .hds-kit .k-menu>li>a::before{display:none} .hds-kit .k-menu ul{position:static;box-shadow:none;padding:0 0 0 12px} .hds-kit .hds-menu-toggle{display:inline-flex} .hds-kit .k-header-actions{margin-left:auto} .hds-kit .k-header-actions .k-icon-link{width:40px;height:40px} .hds-kit .k-header-cta{display:none} .hds-kit .k-cards,.hds-kit .k-topics,.hds-kit .k-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .hds-kit .k-trust{grid-template-columns:repeat(2,minmax(0,1fr))} .hds-kit .k-banner-box,.hds-kit .k-newsletter-box{grid-template-columns:1fr} .hds-kit .k-banner-media{min-height:260px} .hds-kit .k-newsletter-icon{display:none} .hds-kit .k-list li a{grid-template-columns:36px 84px minmax(0,1fr)} .hds-kit .k-list em{display:none} .hds-kit .k-list-media{width:84px;height:64px} .hds-kit .k-rail-track{grid-auto-columns:calc((100% - 20px)/2.2)} .hds-kit .k-rail-btn{display:none} .hds-kit-eco .k-header.k-h-glass{top:12px} .hds-kit-eco .k-header.k-h-glass .k-wrap{width:calc(100% - 24px)!important;padding-left:18px} .hds-kit-eco .k-hero .k-wrap{width:100%} .hds-kit-eco .k-hero-frame{border-radius:0 0 26px 26px;min-height:560px} .hds-kit-eco .k-hero-copy{padding:130px 24px 100px} .hds-kit-eco .k-welcome{grid-template-columns:1fr} .hds-kit-eco .k-badge-round{top:-14px;left:-6px;width:96px;height:96px} .hds-kit-organic .k-hero{padding-bottom:110px} .hds-kit-organic .k-hero-grid{grid-template-columns:1fr} .hds-kit-organic .k-blob-a{width:120vw;right:-40%;top:auto;bottom:10%} .hds-kit-organic .k-trust.is-columns{grid-template-columns:repeat(2,minmax(0,1fr))} .hds-kit-organic .k-band{grid-template-columns:1fr} .hds-kit-organic .k-hcards{grid-template-columns:1fr} .hds-kit-organic .k-promo-box{grid-template-columns:1fr} .hds-kit-organic .k-promo-media img,.hds-kit-organic .k-promo-media .k-ph{border-radius:0;max-height:300px} .hds-kit-organic .k-contact-box{grid-template-columns:1fr} .hds-kit-organic .k-contact-info{border-right:0;padding-right:0;border-bottom:1px solid rgba(60,50,40,.12);padding-bottom:20px} .hds-kit-barista .k-hero-grid{grid-template-columns:1fr} .hds-kit-barista .k-hero-copy{padding:50px 24px 40px} .hds-kit-barista .k-hero-media{min-height:320px} .hds-kit-barista .k-hero-media .k-hero-img,.hds-kit-barista .k-hero-media .k-ph{border-radius:44% 44% 0 0/30% 30% 0 0} .hds-kit-barista .k-signature{grid-template-columns:1fr} .hds-kit-barista .k-story-box,.hds-kit-barista .k-device-grid,.hds-kit-barista .k-darkwave-grid{grid-template-columns:1fr} .hds-kit-barista .k-story-media{height:260px} .hds-kit-barista .k-story-media img,.hds-kit-barista .k-story-media .k-ph{border-radius:0} .hds-kit-shop .k-hero-banner{flex-direction:column;align-items:stretch} .hds-kit-shop .k-hero-banner .k-hero-media{position:relative;width:100%;height:260px;order:-1} .hds-kit-shop .k-hero-banner .k-hero-media::after{background:linear-gradient(0deg,#f4eadf 0%,rgba(244,234,223,0) 45%)} .hds-kit-shop .k-hero-copy{max-width:none;padding:0 24px 30px} .hds-kit-shop .k-promos{grid-template-columns:1fr} .hds-kit-shop .k-wide-promo-box{grid-template-columns:1fr} .hds-kit-shop .k-wide-promo-media{height:200px} .hds-kit-shop .k-strip{grid-template-columns:repeat(3,minmax(0,1fr))} .hds-kit-shop .k-strip a:nth-child(n+4){display:none} .hds-kit-shop .k-newsbar-box{flex-direction:column;align-items:stretch} .hds-kit-shop .k-newsbar-box .k-newsletter-form{flex:auto} .hds-kit-bold .k-hero-panel{grid-template-columns:1fr} .hds-kit-bold .k-hero-media{height:280px;order:-1} .hds-kit-bold .k-spot{grid-template-columns:1fr} .hds-kit-bold .k-spot-media{order:-1;margin:20px 0 0 14px} .hds-kit-bold .k-steps{grid-template-columns:repeat(2,minmax(0,1fr))} .hds-kit-bold .k-tag{position:static;display:inline-block;margin:0 4px 8px} .hds-kit-bento .k-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto 260px 150px 160px;grid-template-areas:"title title" "photo photo" "stat chips" "post mini"} .hds-kit-bento .k-bento-grid{grid-template-columns:1fr 1fr} .hds-kit-bento .k-topics-bento{grid-template-columns:1fr 1fr} .hds-kit-noir .k-hero-copy{padding:150px 0 50px} .hds-kit-noir .k-hero-foot{flex-direction:column;align-items:flex-start} .hds-kit-noir .k-mag{grid-template-columns:1fr} .hds-kit-pastel .k-hero-grid{grid-template-columns:1fr} .hds-kit-pastel .k-stack{height:360px;margin-top:20px} .hds-kit-pastel .k-bubbles{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:600px){ .hds-kit .k-wrap,.hds-kit .k-header .k-wrap{width:calc(100% - 32px)!important} .hds-kit .k-cards,.hds-kit .k-topics,.hds-kit .k-links-grid,.hds-kit .k-trust{grid-template-columns:1fr} .hds-kit .k-head{flex-direction:column;align-items:flex-start} .hds-kit .k-head.is-center{align-items:center} .hds-kit .k-footer-grid,.hds-kit .k-footer>.k-footer-grid{grid-template-columns:1fr} .hds-kit .k-newsletter-form{flex-direction:column;align-items:stretch;border-radius:18px;padding:8px} .hds-kit .k-newsletter-form span{padding:8px 12px} .hds-kit .k-newsletter-form b{text-align:center} .hds-kit .k-search{padding-left:14px} .hds-kit .k-search button{padding:12px 18px} .hds-kit .k-rail-track{grid-auto-columns:78%} .hds-kit .k-brand-copy small{display:none} .hds-kit .k-brand-copy{max-width:52vw} .hds-kit .k-brand-copy b{font-size:clamp(1rem,5.5vw,1.3rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .hds-kit .custom-logo,.hds-kit .hds-brand-logo{width:var(--k-logo-w-mobile)!important} .hds-kit-eco .k-hero-search{border-radius:28px;margin-top:-40px} .hds-kit-eco .k-hero-copy h1{font-size:2.5rem} .hds-kit-organic .k-circles{grid-template-columns:1fr;gap:20px} .hds-kit-organic .k-circle{border-left:0} .hds-kit-organic .k-promo-icons{flex-wrap:wrap} .hds-kit-organic .k-hcard{grid-template-columns:96px minmax(0,1fr)} .hds-kit-organic .k-hcard-media{width:96px;height:96px} .hds-kit-barista .k-hero-icons{flex-wrap:wrap;gap:18px 26px} .hds-kit-shop .k-trust.is-bar{grid-template-columns:1fr 1fr} .hds-kit-bold .k-steps{grid-template-columns:1fr} .hds-kit-bold .k-hero-copy h1{font-size:3.4rem} .hds-kit-bento .k-bento{grid-template-columns:1fr;grid-template-rows:auto 240px auto auto 200px auto;grid-template-areas:"title" "photo" "stat" "chips" "post" "mini"} .hds-kit-bento .k-bento-grid{grid-template-columns:1fr} .hds-kit-bento .k-tile.is-card.is-c0{grid-column:auto;grid-row:auto} .hds-kit-bento .k-topics-bento{grid-template-columns:1fr} .hds-kit-pastel .k-bubbles{grid-template-columns:1fr} .hds-kit-pastel .k-stack{height:300px} .hds-kit-pastel .k-sticker-round{width:96px;height:96px;font-size:.78rem} } /* v0.33.8 · variantes de cabecera/footer: responsive */ @media (max-width:900px){ .hds-kit .k-header.k-h-centered .k-wrap{display:flex;padding:0} .hds-kit .k-h-centered nav{border-top:0;padding-top:12px} .hds-kit .k-h-split .k-brand{border-right:0;padding-right:0} .hds-kit .k-h-split nav{border-radius:18px} .hds-kit .k-header.k-h-boxed .k-wrap,.hds-kit .k-header.k-h-pill .k-wrap,.hds-kit .k-header.k-h-orbit .k-wrap{width:calc(100% - 24px)!important} .hds-kit .k-h-orbit .k-menu>li>a{background:transparent} .hds-kit .k-header.k-h-glass.is-overlay{top:10px} .hds-kit .k-header.k-h-glass.is-overlay nav,.hds-kit .k-header.k-h-integrated.is-overlay nav{color:var(--k-text)} .hds-kit .k-footer-grid.k-footer-editorial,.hds-kit .k-footer-grid.k-footer-affiliate,.hds-kit .k-footer-grid.k-footer-trustgrid{grid-template-columns:1fr 1fr} .hds-kit .k-foot-trust,.hds-kit .k-f-brand .k-foot-features{grid-template-columns:1fr 1fr} .hds-kit-eco:not(.k-overlay-header) .k-hero{padding-top:0} .hds-kit-eco:not(.k-overlay-header) .k-hero-frame{border-radius:0 0 26px 26px} .hds-kit-eco:not(.k-overlay-header) .k-hero-copy{padding-top:80px;padding-bottom:80px} .hds-kit-noir:not(.k-overlay-header) .k-hero-copy{padding-top:90px} } @media (max-width:600px){ .hds-kit .k-footer-grid.k-footer-editorial,.hds-kit .k-footer-grid.k-footer-affiliate,.hds-kit .k-footer-grid.k-footer-trustgrid,.hds-kit .k-foot-trust{grid-template-columns:1fr} .hds-kit .k-foot-sealbox{flex-direction:column} .hds-kit .k-theme-slot{flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 16px} } /* ===================================================================== v0.34.0 · 8 KITS MÁS Espresso oscuro, Hielo azul, Verde diagonal, Fresco verde, Sol de fruta, Calma crema, Pincel teal y Retro teal. ===================================================================== */ .hds-kit{--k-torn:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1200 20%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 0H1200V7.3L1191.9 6.5L1174.9 17.4L1143.2 9.0L1120.9 7.9L1089.7 15.5L1058.0 11.7L1035.0 5.1L1003.6 9.5L984.6 5.8L955.3 4.8L938.9 6.4L915.7 4.3L888.3 9.4L868.6 15.5L834.8 13.1L806.7 4.8L779.4 10.6L746.5 15.8L723.4 12.1L697.5 13.7L677.3 16.3L651.8 14.7L624.4 4.5L600.7 6.1L571.5 9.9L555.2 17.7L535.4 14.2L503.9 11.4L478.4 7.4L450.4 15.1L430.4 10.3L404.7 8.4L382.2 13.5L364.0 4.8L348.8 11.7L327.3 12.9L301.7 6.5L271.4 8.3L255.0 6.0L235.2 16.0L220.3 17.7L198.4 12.1L165.4 12.8L147.0 5.7L116.4 9.9L100.6 5.0L77.9 4.5L53.8 4.8L32.5 11.5L17.0 13.1L0.0 8.5Z%22/%3E%3C/svg%3E");--k-brush:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0.00 1.20 L2.50 1.10 L5.00 1.33 L7.50 2.13 L10.00 1.12 L12.50 1.22 L15.00 1.39 L17.50 0.51 L20.00 1.23 L22.50 1.49 L25.00 1.84 L27.50 0.31 L30.00 0.77 L32.50 0.30 L35.00 1.88 L37.50 1.63 L40.00 0.19 L42.50 2.26 L45.00 2.22 L47.50 1.54 L50.00 1.45 L52.50 0.45 L55.00 0.13 L57.50 1.26 L60.00 0.23 L62.50 0.52 L65.00 0.63 L67.50 0.17 L70.00 1.12 L72.50 1.07 L75.00 1.95 L77.50 1.24 L80.00 1.51 L82.50 1.20 L85.00 1.56 L87.50 1.11 L90.00 0.71 L92.50 2.29 L95.00 2.29 L97.50 1.95 L100.00 1.00 L99.37 2.50 L98.67 5.00 L98.51 7.50 L98.62 10.00 L98.23 12.50 L99.48 15.00 L98.82 17.50 L99.62 20.00 L98.80 22.50 L99.82 25.00 L99.63 27.50 L98.10 30.00 L98.48 32.50 L99.74 35.00 L98.95 37.50 L99.86 40.00 L98.82 42.50 L98.23 45.00 L99.23 47.50 L99.50 50.00 L98.59 52.50 L98.26 55.00 L98.70 57.50 L99.84 60.00 L99.46 62.50 L98.31 65.00 L98.54 67.50 L98.28 70.00 L98.21 72.50 L99.53 75.00 L98.42 77.50 L99.11 80.00 L98.91 82.50 L98.44 85.00 L99.42 87.50 L98.34 90.00 L99.26 92.50 L98.31 95.00 L98.86 97.50 L100.00 98.80 L97.50 99.64 L95.00 99.79 L92.50 98.13 L90.00 99.77 L87.50 99.33 L85.00 98.12 L82.50 98.25 L80.00 99.50 L77.50 99.70 L75.00 98.04 L72.50 98.10 L70.00 99.61 L67.50 98.96 L65.00 98.76 L62.50 99.81 L60.00 98.70 L57.50 98.52 L55.00 99.02 L52.50 98.23 L50.00 98.98 L47.50 97.90 L45.00 97.86 L42.50 98.35 L40.00 98.42 L37.50 99.40 L35.00 98.27 L32.50 98.17 L30.00 99.88 L27.50 97.92 L25.00 99.11 L22.50 99.58 L20.00 98.57 L17.50 98.16 L15.00 99.65 L12.50 98.37 L10.00 99.47 L7.50 99.84 L5.00 98.29 L2.50 98.17 L0.00 99.00 L1.74 97.50 L0.13 95.00 L0.16 92.50 L0.35 90.00 L1.15 87.50 L1.34 85.00 L1.28 82.50 L1.86 80.00 L1.70 77.50 L0.75 75.00 L0.34 72.50 L1.13 70.00 L0.76 67.50 L0.42 65.00 L0.21 62.50 L0.90 60.00 L0.58 57.50 L0.13 55.00 L0.47 52.50 L1.75 50.00 L0.60 47.50 L1.21 45.00 L1.63 42.50 L1.11 40.00 L0.51 37.50 L0.22 35.00 L1.40 32.50 L0.42 30.00 L0.63 27.50 L1.17 25.00 L1.58 22.50 L0.56 20.00 L1.37 17.50 L0.53 15.00 L1.83 12.50 L0.17 10.00 L0.29 7.50 L0.86 5.00 L1.19 2.50Z%22/%3E%3C/svg%3E")} .hds-kit .k-btn.is-outline{border-color:var(--k-primary);color:var(--k-primary);background:transparent;border-radius:8px} .hds-kit .k-btn.is-ice{background:linear-gradient(135deg,#fff,#cfeaf4);color:var(--k-dark);box-shadow:0 8px 22px rgba(15,46,61,.18)} .hds-kit .k-btn.is-sun{background:#ffd23f;color:#2b2b2b} .hds-kit .k-center-link{text-align:center;margin-top:26px} .hds-kit .k-center-link a{text-decoration:underline;text-underline-offset:5px;opacity:.75} .hds-kit .k-center-link a:hover{opacity:1} /* Papel rasgado (borde inferior / superior) */ .hds-kit .k-torn-bottom{position:relative} .hds-kit .k-torn-bottom::after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:16px;background:inherit;-webkit-mask:var(--k-torn) 0 0/100% 100% no-repeat;mask:var(--k-torn) 0 0/100% 100% no-repeat;z-index:3;pointer-events:none} .hds-kit .k-torn-top{position:relative} .hds-kit .k-torn-top::before{content:"";position:absolute;left:0;right:0;top:-15px;height:16px;background:inherit;-webkit-mask:var(--k-torn) 0 0/100% 100% no-repeat;mask:var(--k-torn) 0 0/100% 100% no-repeat;transform:scaleY(-1);z-index:3;pointer-events:none} /* Bloque pintado a brocha */ .hds-kit .k-brush-block{position:relative;-webkit-mask:var(--k-brush) 0 0/100% 100% no-repeat;mask:var(--k-brush) 0 0/100% 100% no-repeat} /* ===================================================================== KIT 9 · ESPRESSO OSCURO ===================================================================== */ .hds-kit-mocha{--k-radius:24px;--k-hbox:rgba(255,255,255,.08);background:radial-gradient(120% 60% at 80% 0%,#4b362b 0%,transparent 60%),radial-gradient(90% 50% at 0% 60%,#4a3328 0%,transparent 60%),var(--k-background)} .hds-kit-mocha h1,.hds-kit-mocha h2{color:var(--k-secondary)} .hds-kit-mocha .k-header.k-h-pill .k-wrap{background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:none;border:1px solid rgba(255,255,255,.1)} .hds-kit-mocha .k-header{color:var(--k-text)} .hds-kit-mocha .k-menu ul{background:#3f2e25;color:var(--k-text)} .hds-kit-mocha .k-menu ul a{color:var(--k-text)} .hds-kit-mocha .k-hero{position:relative;padding:40px 0 30px;overflow:hidden} .hds-kit-mocha .k-watermark{position:absolute;left:-2%;top:30%;font-family:var(--k-font-heading);font-weight:700;font-size:clamp(120px,22vw,320px);line-height:1;color:rgba(255,255,255,.035);letter-spacing:-.04em;pointer-events:none;white-space:nowrap} .hds-kit-mocha .k-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:max(var(--k-hero-h),520px)} .hds-kit-mocha .k-hero-copy h1{font-size:clamp(36px,4.6vw,62px);line-height:1.12;letter-spacing:-.02em} .hds-kit-mocha .k-hero-copy p{margin:22px 0 30px;font-size:1.1rem;opacity:.9;max-width:520px} .hds-kit-mocha .k-hero-media{position:relative} .hds-kit-mocha .k-hero-media img,.hds-kit-mocha .k-hero-media .k-ph{position:relative;z-index:2;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:var(--k-focus);border-radius:50% 46% 48% 52%/52% 48% 52% 48%;box-shadow:0 40px 80px rgba(0,0,0,.45)} .hds-kit-mocha .k-splash{position:absolute;inset:-8% -6% auto auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(227,178,122,.45),transparent 65%);filter:blur(10px);z-index:1} .hds-kit-mocha .k-beans{position:absolute;inset:0;pointer-events:none} .hds-kit-mocha .k-bean{position:absolute;width:44px;height:30px;border-radius:50%;background:radial-gradient(ellipse at 35% 35%,#7a4b2c,#2f1a0f 70%);box-shadow:inset 0 0 0 2px rgba(0,0,0,.15);opacity:.9} .hds-kit-mocha .k-bean::after{content:"";position:absolute;left:48%;top:12%;bottom:12%;width:3px;border-radius:3px;background:#1d0f08;transform:rotate(12deg)} .hds-kit-mocha .k-bean.is-b1{left:2%;top:62%;transform:rotate(-30deg)} .hds-kit-mocha .k-bean.is-b2{left:6%;top:78%;transform:rotate(25deg) scale(.8)} .hds-kit-mocha .k-bean.is-b3{left:44%;top:12%;transform:rotate(60deg) scale(.6);opacity:.6} .hds-kit-mocha .k-bean.is-b4{right:4%;bottom:6%;transform:rotate(-10deg) scale(1.1)} .hds-kit-mocha .k-bean.is-b5{left:40%;bottom:4%;transform:rotate(80deg) scale(.7);opacity:.7} .hds-kit-mocha .k-btn.is-primary{box-shadow:none;color:#10201f;font-weight:700} .hds-kit-mocha .k-glass-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:980px;margin:56px auto 0} .hds-kit-mocha .k-glass-card a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;height:100%;padding:0 22px 22px;border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .25s,background .25s} .hds-kit-mocha .k-glass-card a:hover{transform:translateY(-6px);background:rgba(255,255,255,.11)} .hds-kit-mocha .k-glass-media{position:relative;display:block;width:62%;aspect-ratio:1;margin-top:-46px;border-radius:22px;overflow:visible} .hds-kit-mocha .k-glass-media img,.hds-kit-mocha .k-glass-media .k-ph{width:100%;height:100%;object-fit:cover;border-radius:22px;box-shadow:0 22px 40px rgba(0,0,0,.45)} .hds-kit-mocha .k-glass-media em{position:absolute;right:-12px;bottom:-8px;padding:3px 9px;border-radius:8px;background:#fff;color:#3a2a22;font-style:normal;font-size:.7rem;font-weight:700;max-width:120%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .hds-kit-mocha .k-glass-card h3{margin-top:12px;font-size:1.12rem;color:#fff} .hds-kit-mocha .k-glass-card p{font-size:.84rem;color:var(--k-muted)} .hds-kit-mocha .k-glass-foot{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:8px} .hds-kit-mocha .k-glass-foot b{font-family:var(--k-font-heading);font-size:1.05rem} .hds-kit-mocha .k-glass-foot i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--k-primary);color:#10201f;font-style:normal;font-weight:700} .hds-kit-mocha .k-mocha-title{text-align:center;font-size:clamp(30px,3.4vw,44px);margin-bottom:44px} .hds-kit-mocha .k-mocha-ring{display:grid;grid-template-columns:1fr minmax(220px,320px) 1fr;gap:40px;align-items:center} .hds-kit-mocha .k-mocha-col{display:grid;gap:54px} .hds-kit-mocha .k-numbered{position:relative;padding-left:58px} .hds-kit-mocha .k-big-num{position:absolute;left:-6px;top:-22px;font-family:var(--k-font-heading);font-weight:700;font-size:110px;line-height:1;color:rgba(255,255,255,.08)} .hds-kit-mocha .k-numbered h3{position:relative;font-size:1.4rem;font-weight:500;color:#fff;margin-bottom:12px} .hds-kit-mocha .k-numbered p{position:relative;font-size:.88rem;color:var(--k-muted);max-width:300px} .hds-kit-mocha .k-mocha-center{display:flex;flex-direction:column;align-items:center;gap:26px} .hds-kit-mocha .k-mocha-center img,.hds-kit-mocha .k-mocha-center .k-ph{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:120px 120px 30px 30px;box-shadow:0 40px 70px rgba(0,0,0,.45)} .hds-kit-mocha .k-glass-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:220px;padding:clamp(28px,4vw,56px);border-radius:30px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:visible} .hds-kit-mocha .k-glass-banner h2{color:#fff;font-weight:500;font-size:clamp(26px,3vw,40px);max-width:540px;margin-bottom:24px} .hds-kit-mocha .k-glass-banner .k-btn.is-cream{background:#c9b19a;color:#3a2a22} .hds-kit-mocha .k-glass-banner-media{flex:0 0 38%;align-self:stretch;margin:-70px -30px -40px 0;border-radius:50%;overflow:hidden;box-shadow:0 40px 70px rgba(0,0,0,.4)} .hds-kit-mocha .k-glass-banner-media img,.hds-kit-mocha .k-glass-banner-media .k-ph{width:100%;height:100%;object-fit:cover;aspect-ratio:1} .hds-kit-mocha .k-card a,.hds-kit-mocha .k-topic,.hds-kit-mocha .k-links-grid a,.hds-kit-mocha .k-faq details{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09)} .hds-kit-mocha .k-card-body h3,.hds-kit-mocha .k-topic-copy strong,.hds-kit-mocha .k-links-grid strong,.hds-kit-mocha .k-faq summary{color:#fff} .hds-kit-mocha .k-card-body p,.hds-kit-mocha .k-topic-copy small,.hds-kit-mocha .k-links-grid small,.hds-kit-mocha .k-list-copy small,.hds-kit-mocha .k-faq details p,.hds-kit-mocha .k-head p{color:var(--k-muted)} .hds-kit-mocha .k-links-icon,.hds-kit-mocha .k-faq summary span,.hds-kit-mocha .k-trust-icon{background:rgba(255,255,255,.1);color:var(--k-secondary)} .hds-kit-mocha .k-kicker,.hds-kit-mocha .k-head-link,.hds-kit-mocha .k-list-num,.hds-kit-mocha .k-list em,.hds-kit-mocha .k-topic em{color:var(--k-secondary)} .hds-kit-mocha .k-banner-box{background:rgba(255,255,255,.06)} .hds-kit-mocha .k-newsletter-box{background:rgba(255,255,255,.08);color:var(--k-text)} .hds-kit-mocha .k-footer{background:var(--k-dark);color:var(--k-text)} /* ===================================================================== KIT 10 · HIELO AZUL ===================================================================== */ .hds-kit-aqua{--k-radius:26px;background:linear-gradient(180deg,#dceff5 0%,#c3e3ee 40%,#a7d2e1 100%)} .hds-kit-aqua h1,.hds-kit-aqua h2{text-transform:uppercase;letter-spacing:.02em} .hds-kit-aqua .k-hero{position:relative;padding:34px 0 0} .hds-kit-aqua .k-ice-panel{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:20px;min-height:max(var(--k-hero-h),460px);padding:clamp(30px,5vw,64px);border-radius:34px;background:linear-gradient(135deg,rgba(47,127,154,.92),rgba(108,176,198,.85));color:#fff;box-shadow:0 30px 60px rgba(15,46,61,.25);overflow:hidden} .hds-kit-aqua .k-ice-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 100% 100%,rgba(255,255,255,.35),transparent 60%);pointer-events:none} .hds-kit-aqua .k-hero-copy{position:relative;z-index:2} .hds-kit-aqua .k-hero-copy h1{font-size:clamp(32px,4.6vw,60px);line-height:1.04;color:#f1fbff;text-shadow:0 2px 0 rgba(15,46,61,.18)} .hds-kit-aqua .k-hero-copy p{margin:20px 0 26px;opacity:.92;max-width:470px} .hds-kit-aqua .k-hero-media{position:relative;z-index:1;align-self:stretch;min-height:320px} .hds-kit-aqua .k-liquid{position:absolute;inset:6% 0 0 6%;border-radius:62% 38% 46% 54%/48% 60% 40% 52%;overflow:hidden;box-shadow:inset 0 0 0 10px rgba(255,255,255,.35),0 30px 60px rgba(15,46,61,.3)} .hds-kit-aqua .k-liquid img,.hds-kit-aqua .k-liquid .k-ph{width:100%;height:100%;object-fit:cover;object-position:var(--k-focus)} .hds-kit-aqua .k-bubble{position:absolute;display:block;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,rgba(255,255,255,.25) 45%,rgba(191,227,239,.15) 70%);box-shadow:inset -4px -6px 10px rgba(47,127,154,.25);z-index:3} .hds-kit-aqua .k-bubble.is-b1{width:70px;height:70px;left:-4%;bottom:12%} .hds-kit-aqua .k-bubble.is-b2{width:34px;height:34px;right:8%;top:6%} .hds-kit-aqua .k-bubble.is-b3{width:22px;height:22px;left:30%;top:2%} .hds-kit-aqua .k-bubble.is-b4{width:48px;height:48px;right:-2%;bottom:-4%} .hds-kit-aqua .k-wave{display:block;width:100%;height:90px;margin-top:-30px;position:relative;z-index:0} .hds-kit-aqua .k-wave path{fill:rgba(255,255,255,.55)} .hds-kit-aqua .k-wave path.is-back{fill:rgba(47,127,154,.25)} .hds-kit-aqua .k-aqua-about-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center} .hds-kit-aqua .k-ice-card{position:relative;padding:34px 34px 70px;border-radius:30px;background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(207,234,244,.55));border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 50px rgba(15,46,61,.18);overflow:hidden} .hds-kit-aqua .k-ice-card h2{font-size:clamp(24px,2.6vw,34px);color:var(--k-primary);margin-bottom:12px} .hds-kit-aqua .k-ice-card p{color:var(--k-text);margin-bottom:20px} .hds-kit-aqua .k-ice-drip{position:absolute;left:-10%;right:-10%;bottom:-40px;height:90px;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(191,227,239,.9));box-shadow:0 -8px 20px rgba(47,127,154,.15)} .hds-kit-aqua .k-aqua-photo{position:relative} .hds-kit-aqua .k-aqua-photo img,.hds-kit-aqua .k-aqua-photo .k-ph{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:40% 60% 52% 48%/50% 44% 56% 50%;box-shadow:0 30px 60px rgba(15,46,61,.28)} .hds-kit-aqua .k-ice-title{display:flex;justify-content:center;margin-bottom:40px} .hds-kit-aqua .k-ice-title span{padding:18px 40px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(191,227,239,.7));color:var(--k-dark);font-size:clamp(20px,2.4vw,32px);box-shadow:0 18px 40px rgba(15,46,61,.25);text-align:center} .hds-kit-aqua .k-orbit{display:grid;grid-template-columns:1fr minmax(220px,340px) 1fr;gap:30px;align-items:center} .hds-kit-aqua .k-orbit-col{display:grid;gap:30px} .hds-kit-aqua .k-orbit-item{display:flex;gap:14px;align-items:center;color:#fff} .hds-kit-aqua .k-orbit-col.is-right .k-orbit-item{flex-direction:row-reverse;text-align:right} .hds-kit-aqua .k-orbit-icon{display:grid;place-items:center;flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#fff,#bfe3ef);color:var(--k-primary);font-size:1.2rem;box-shadow:0 8px 20px rgba(0,0,0,.18)} .hds-kit-aqua .k-orbit-item strong{display:block;font-family:var(--k-font-heading);font-size:.95rem;text-transform:uppercase;letter-spacing:.03em} .hds-kit-aqua .k-orbit-item small{display:block;opacity:.85;font-size:.82rem;line-height:1.4} .hds-kit-aqua .k-orbit-center img,.hds-kit-aqua .k-orbit-center .k-ph{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:30px 30px 120px 120px;box-shadow:0 30px 60px rgba(0,0,0,.35)} .hds-kit-aqua .k-aqua-intro{color:#fff;background:linear-gradient(180deg,#6fa9bf,#2f6f8a)} .hds-kit-aqua .k-taste-title{color:#f1fbff;font-size:clamp(28px,3.4vw,46px);margin-bottom:36px} .hds-kit-aqua .k-taste-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 24px} .hds-kit-aqua .k-taste{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:#fff} .hds-kit-aqua .k-taste-media{width:min(150px,100%);aspect-ratio:1;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.75);box-shadow:0 18px 40px rgba(0,0,0,.35);transition:transform .25s} .hds-kit-aqua .k-taste:hover .k-taste-media{transform:scale(1.05)} .hds-kit-aqua .k-taste-media img,.hds-kit-aqua .k-taste-media .k-ph{width:100%;height:100%;object-fit:cover} .hds-kit-aqua .k-taste strong{font-family:var(--k-font-heading);text-transform:uppercase;font-size:.86rem;line-height:1.3;letter-spacing:.02em} .hds-kit-aqua .k-taste em{font-style:normal;padding:5px 16px;border-radius:999px;background:linear-gradient(135deg,#fff,#bfe3ef);color:var(--k-dark);font-size:.74rem;font-weight:700;text-transform:uppercase} .hds-kit-aqua .k-aqua-latest{background:linear-gradient(180deg,#1f4a62,#0e2a3a)} .hds-kit-aqua .k-card a,.hds-kit-aqua .k-topic,.hds-kit-aqua .k-links-grid a,.hds-kit-aqua .k-faq details{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)} .hds-kit-aqua .k-newsletter-box{background:linear-gradient(135deg,var(--k-primary),#1f4a62)} .hds-kit-aqua .k-footer{background:#0b2230;color:#dceff5} .hds-kit-aqua .k-header.k-h-glass.is-overlay .k-wrap,.hds-kit-aqua .k-header.k-h-glass .k-wrap{border-radius:999px} /* ===================================================================== KIT 11 · VERDE DIAGONAL ===================================================================== */ .hds-kit-diagonal{--k-radius:18px} .hds-kit-diagonal h1,.hds-kit-diagonal h2,.hds-kit-diagonal .k-zz-copy h3{text-transform:uppercase;letter-spacing:.01em} .hds-kit-diagonal .k-zz{position:relative;overflow:hidden} .hds-kit-diagonal .k-zz::before{content:"";position:absolute;inset:0;background:var(--k-primary);clip-path:polygon(66% 0,100% 0,100% 100%,52% 100%);z-index:0} .hds-kit-diagonal .k-zz.k-zz-alt::before{clip-path:polygon(52% 0,100% 0,100% 100%,62% 100%)} .hds-kit-diagonal .k-zz>.k-wrap{position:relative;z-index:1} .hds-kit-diagonal .k-zz.k-diagonal-about::before{clip-path:polygon(66% 0,100% 0,100% 100%,44% 100%)} .hds-kit-diagonal .k-zz.k-diagonal-cta::before{clip-path:polygon(58% 0,100% 0,100% 100%,44% 100%)} .hds-kit-diagonal .k-hero{padding:56px 0 70px} .hds-kit-diagonal .k-dot{position:absolute;border-radius:50%;background:var(--k-secondary);z-index:0} .hds-kit-diagonal .k-dot.is-d1{width:200px;height:200px;left:-60px;top:20px} .hds-kit-diagonal .k-dot.is-d2{width:160px;height:160px;right:2%;bottom:6%;opacity:.35;background:#fff} .hds-kit-diagonal .k-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:max(var(--k-hero-h),480px)} .hds-kit-diagonal .k-hero-copy h1{font-size:clamp(34px,4.4vw,58px);line-height:1.08;color:var(--k-text)} .hds-kit-diagonal .k-hero-copy h1 em{font-style:normal;color:var(--k-primary)} .hds-kit-diagonal .k-hero-copy p{margin:22px 0 28px;max-width:480px;color:var(--k-muted)} .hds-kit-diagonal .k-tabs{display:flex;flex-wrap:wrap;gap:22px;margin-top:56px} .hds-kit-diagonal .k-tabs a{display:inline-flex;align-items:center;gap:6px;padding-bottom:4px;font-size:.88rem;color:var(--k-muted);border-bottom:2px solid transparent} .hds-kit-diagonal .k-tabs a.is-active,.hds-kit-diagonal .k-tabs a:hover{color:var(--k-primary);border-color:var(--k-primary)} .hds-kit-diagonal .k-hero-media{position:relative} .hds-kit-diagonal .k-hero-media img,.hds-kit-diagonal .k-hero-media .k-ph{position:relative;z-index:2;width:88%;margin-left:auto;aspect-ratio:4/5;object-fit:cover;object-position:var(--k-focus);border-radius:200px 200px 30px 30px;box-shadow:0 40px 80px rgba(0,0,0,.25)} .hds-kit-diagonal .k-leaf{position:absolute;z-index:3;width:90px;height:46px;background:linear-gradient(135deg,#3fa66b,#0a5c3a);border-radius:0 100% 0 100%} .hds-kit-diagonal .k-leaf.is-l1{left:2%;top:18%;transform:rotate(-24deg)} .hds-kit-diagonal .k-leaf.is-l2{right:-2%;bottom:10%;transform:rotate(30deg) scale(.8)} .hds-kit-diagonal .k-zz-title{text-align:left;max-width:46%;font-size:clamp(26px,3vw,38px);margin-bottom:40px} .hds-kit-diagonal .k-zz-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:56px} .hds-kit-diagonal .k-zz-row:last-child{margin-bottom:0} .hds-kit-diagonal .k-zz-copy h3,.hds-kit-diagonal .k-zz-copy h2{font-size:clamp(22px,2.4vw,30px);font-weight:400;margin-bottom:14px} .hds-kit-diagonal .k-zz-copy p{color:var(--k-muted);margin-bottom:22px} .hds-kit-diagonal .k-zz-copy.is-on-green{color:#fff} .hds-kit-diagonal .k-zz-row.is-reverse .k-zz-copy.is-on-green,.hds-kit-diagonal .k-diagonal-cta .k-zz-copy.is-on-green{padding-left:10%} .hds-kit-diagonal .k-zz-copy.is-on-green p{color:rgba(255,255,255,.82)} .hds-kit-diagonal .k-zz-copy.is-on-green .k-btn.is-outline{border-color:#fff;color:#fff} .hds-kit-diagonal .k-pill-photo img,.hds-kit-diagonal .k-pill-photo .k-ph{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:999px;box-shadow:0 26px 50px rgba(0,0,0,.22)} .hds-kit-diagonal .k-spot{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center} .hds-kit-diagonal .k-badge{display:inline-block;padding:4px 12px;border-radius:6px;background:var(--k-primary);color:#fff;font-size:.74rem;font-weight:700;margin-bottom:14px} .hds-kit-diagonal .k-spot h2{font-size:clamp(26px,3vw,40px);margin-bottom:14px} .hds-kit-diagonal .k-spot p{color:var(--k-muted);margin-bottom:22px} .hds-kit-diagonal .k-spot-thumbs{display:flex;gap:12px;margin-top:30px} .hds-kit-diagonal .k-spot-thumbs a{width:56px;height:56px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 6px 16px rgba(0,0,0,.15);transition:transform .2s} .hds-kit-diagonal .k-spot-thumbs a:hover{transform:translateY(-3px)} .hds-kit-diagonal .k-spot-thumbs img,.hds-kit-diagonal .k-spot-thumbs .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-diagonal .k-spot-media{position:relative;display:grid;place-items:center} .hds-kit-diagonal .k-spot-ring{position:absolute;width:86%;aspect-ratio:1;border-radius:50%;border:30px solid rgba(255,255,255,.12)} .hds-kit-diagonal .k-spot-media img,.hds-kit-diagonal .k-spot-media .k-ph{position:relative;width:72%;aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:0 40px 70px rgba(0,0,0,.3)} .hds-kit-diagonal .k-diagonal-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center} .hds-kit-diagonal .k-steps{list-style:none;display:grid;gap:22px} .hds-kit-diagonal .k-steps li{display:grid;grid-template-columns:44px 1fr;column-gap:16px;align-items:center} .hds-kit-diagonal .k-steps span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid #fff;font-weight:700} .hds-kit-diagonal .k-steps strong{text-transform:uppercase;letter-spacing:.06em;font-size:.92rem} .hds-kit-diagonal .k-steps small{opacity:.8} .hds-kit-diagonal .k-card a{border:1px solid #e3ece8;box-shadow:none} .hds-kit-diagonal .k-newsletter-box{background:var(--k-primary)} .hds-kit-diagonal .k-footer{background:var(--k-dark)} /* ===================================================================== KIT 12 · FRESCO VERDE ===================================================================== */ .hds-kit-fresh{--k-radius:22px} .hds-kit-fresh .k-hero{position:relative;padding:40px 0 60px;overflow:hidden} .hds-kit-fresh .k-green-blob{position:absolute;right:-12%;top:-30%;width:62%;aspect-ratio:1;border-radius:50%;background:var(--k-primary);z-index:0} .hds-kit-fresh .k-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;min-height:max(var(--k-hero-h),480px)} .hds-kit-fresh .k-outline-pill{display:inline-block;padding:6px 16px;border:1.5px solid var(--k-text);border-radius:999px;font-size:.84rem;font-weight:500;margin-bottom:22px} .hds-kit-fresh .k-hero-copy h1{font-size:clamp(38px,5vw,66px);line-height:1.08;text-transform:uppercase;letter-spacing:-.01em} .hds-kit-fresh .k-hero-copy p{margin:24px 0 8px;color:var(--k-muted);max-width:460px;font-size:.95rem} .hds-kit-fresh .k-btn{padding:16px 34px;border-radius:999px} .hds-kit-fresh .k-btn.is-ghost{border-color:var(--k-text);color:var(--k-text)} .hds-kit-fresh .k-btn.is-primary{box-shadow:none} .hds-kit-fresh .k-hero-media{position:relative;display:grid;place-items:center;min-height:380px} .hds-kit-fresh .k-plate{width:min(380px,82%);aspect-ratio:1;border-radius:50%;overflow:hidden;border:14px solid color-mix(in srgb,var(--k-primary) 55%,#fff);box-shadow:0 30px 60px rgba(29,42,18,.25)} .hds-kit-fresh .k-plate img,.hds-kit-fresh .k-plate .k-ph{width:100%;height:100%;object-fit:cover;object-position:var(--k-focus)} .hds-kit-fresh .k-orbit-thumb{position:absolute;width:62px;height:62px;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 10px 22px rgba(0,0,0,.18)} .hds-kit-fresh .k-orbit-thumb img,.hds-kit-fresh .k-orbit-thumb .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-fresh .k-orbit-thumb.is-t1{left:2%;top:40%} .hds-kit-fresh .k-orbit-thumb.is-t2{left:14%;bottom:4%} .hds-kit-fresh .k-orbit-thumb.is-t3{left:40%;bottom:-4%} .hds-kit-fresh .k-orbit-thumb.is-t4{right:6%;bottom:6%} .hds-kit-fresh .k-orbit-thumb.is-t5{right:0;top:30%} .hds-kit-fresh .k-bowl-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:60px} .hds-kit-fresh .k-bowl-card a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;height:100%;padding:0 18px 20px;background:#fff;border-radius:18px;box-shadow:0 14px 34px rgba(0,0,0,.07);transition:transform .25s} .hds-kit-fresh .k-bowl-card a:hover{transform:translateY(-6px)} .hds-kit-fresh .k-bowl{width:150px;aspect-ratio:1;margin-top:-62px;border-radius:50%;overflow:hidden;border:7px solid var(--k-primary);background:#fff} .hds-kit-fresh .k-bowl img,.hds-kit-fresh .k-bowl .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-fresh .k-bowl-card h3{margin-top:10px;font-size:1.08rem} .hds-kit-fresh .k-bowl-card p{color:var(--k-muted);font-size:.84rem} .hds-kit-fresh .k-bowl-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:auto;padding-top:10px} .hds-kit-fresh .k-bowl-foot em{font-style:normal;padding:5px 12px;border:1.5px solid var(--k-text);border-radius:999px;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%} .hds-kit-fresh .k-bowl-foot b{padding:6px 16px;border-radius:999px;background:var(--k-primary);color:#fff;font-size:.78rem;font-weight:500} .hds-kit-fresh .k-head h2,.hds-kit-fresh .k-fresh-about h2{text-transform:uppercase;font-size:clamp(28px,3.4vw,46px)} .hds-kit-fresh .k-fresh-about,.hds-kit-fresh .k-fresh-latest{overflow:hidden} .hds-kit-fresh .k-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .hds-kit-fresh .k-why{padding:36px 28px;text-align:center;background:#fff;border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,.06)} .hds-kit-fresh .k-why-icon{display:inline-grid;place-items:center;font-size:2.4rem;color:var(--k-primary);margin-bottom:12px} .hds-kit-fresh .k-why h3{font-size:1.3rem;margin-bottom:10px} .hds-kit-fresh .k-why p{color:var(--k-muted);font-size:.86rem} .hds-kit-fresh .k-leafy{position:absolute;width:160px;height:200px;background:radial-gradient(circle at 60% 40%,#8bd35a,#3e8e22 70%);border-radius:60% 40% 60% 40%/50% 60% 40% 50%;opacity:.9;filter:saturate(1.1)} .hds-kit-fresh .k-leafy.is-left{left:-90px;top:10%} .hds-kit-fresh .k-leafy.is-right{right:-90px;top:0} .hds-kit-fresh .k-menu-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding-top:70px} .hds-kit-fresh .k-menu-card a{position:relative;display:flex;flex-direction:column;gap:8px;min-height:200px;padding:110px 26px 26px;background:#fff;border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,.06);overflow:visible} .hds-kit-fresh .k-menu-photo{position:absolute;right:18px;top:-70px;width:170px;aspect-ratio:1;border-radius:50%;overflow:hidden;border:8px solid var(--k-accent)} .hds-kit-fresh .k-menu-photo img,.hds-kit-fresh .k-menu-photo .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-fresh .k-menu-card h3{font-size:1.4rem;padding-right:80px} .hds-kit-fresh .k-menu-card small{color:var(--k-primary);font-weight:600} .hds-kit-fresh .k-menu-go{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:84px;height:84px;border-radius:10px 0 10px 0;background:var(--k-primary);color:#fff;font-size:1.5rem} .hds-kit-fresh .k-dots{display:flex;justify-content:center;gap:10px;margin-top:36px} .hds-kit-fresh .k-dots i{width:12px;height:12px;border-radius:50%;background:color-mix(in srgb,var(--k-primary) 45%,#fff)} .hds-kit-fresh .k-dots i.is-on{background:var(--k-primary)} .hds-kit-fresh .k-card a{box-shadow:0 14px 34px rgba(0,0,0,.06)} .hds-kit-fresh .k-footer{background:var(--k-dark)} /* ===================================================================== KIT 13 · SOL DE FRUTA ===================================================================== */ .hds-kit-sunny{--k-radius:20px} .hds-kit-sunny .k-hero{background:linear-gradient(120deg,var(--k-secondary),var(--k-accent));padding:50px 0 80px} .hds-kit-sunny .k-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;min-height:max(var(--k-hero-h),440px)} .hds-kit-sunny .k-hero .k-kicker{color:#5a3a12;letter-spacing:.06em;text-transform:none;font-size:.86rem} .hds-kit-sunny .k-hero-copy h1{font-size:clamp(40px,5.4vw,72px);color:#fff;line-height:1.02;text-shadow:0 3px 0 rgba(160,90,10,.25)} .hds-kit-sunny .k-hero-copy p{margin:20px 0 28px;color:#4a3312;max-width:460px} .hds-kit-sunny .k-sun-disc{display:block;width:min(460px,100%);margin-left:auto;aspect-ratio:1;border-radius:50%;overflow:hidden;border:10px solid #fff;box-shadow:0 30px 60px rgba(160,90,10,.35)} .hds-kit-sunny .k-sun-disc img,.hds-kit-sunny .k-sun-disc .k-ph{width:100%;height:100%;object-fit:cover;object-position:var(--k-focus)} .hds-kit-sunny .k-sunny-intro{background:var(--k-surface)} .hds-kit-sunny .k-sunny-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center} .hds-kit-sunny .k-sunny-mini h2{font-size:clamp(26px,3vw,38px);margin-bottom:18px} .hds-kit-sunny .k-mini-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;background:#fff;border-radius:14px;box-shadow:0 12px 26px rgba(90,60,10,.08)} .hds-kit-sunny .k-mini-box a{display:grid;gap:6px;text-align:center;font-size:.78rem;font-weight:700} .hds-kit-sunny .k-mini-box img,.hds-kit-sunny .k-mini-box .k-ph{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;min-height:0} .hds-kit-sunny .k-sunny-feature{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center} .hds-kit-sunny .k-sunny-img img,.hds-kit-sunny .k-sunny-img .k-ph{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 20px 40px rgba(90,60,10,.2)} .hds-kit-sunny .k-sunny-feature h3{font-size:1.6rem;margin-bottom:10px} .hds-kit-sunny .k-sunny-feature p{color:var(--k-muted)} .hds-kit-sunny .k-crate-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .hds-kit-sunny .k-crate a{display:flex;flex-direction:column;gap:12px;height:100%;padding:24px;border-radius:16px;background:var(--k-surface);transition:transform .25s} .hds-kit-sunny .k-crate a:hover{transform:translateY(-5px)} .hds-kit-sunny .k-crate-media img,.hds-kit-sunny .k-crate-media .k-ph{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px} .hds-kit-sunny .k-crate h3{font-size:1.3rem} .hds-kit-sunny .k-crate-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;border-top:1px dashed rgba(90,60,10,.2)} .hds-kit-sunny .k-crate-foot small{color:var(--k-muted)} .hds-kit-sunny .k-crate-foot b{padding:5px 16px;border-radius:999px;background:var(--k-accent);color:#3a2a17;font-size:.8rem} .hds-kit-sunny .k-sunny-about{background:var(--k-surface)} .hds-kit-sunny .k-sunny-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px} .hds-kit-sunny .k-sunny-list{padding:28px;border-radius:16px;background:#fdf3d6} .hds-kit-sunny .k-sunny-list h3{font-size:1.6rem;margin-bottom:16px} .hds-kit-sunny .k-sunny-list a{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;padding:10px 0;border-top:1px solid rgba(90,60,10,.1)} .hds-kit-sunny .k-sunny-list img,.hds-kit-sunny .k-sunny-list .k-ph{width:56px;height:56px;object-fit:cover;border-radius:10px;min-height:0} .hds-kit-sunny .k-sunny-list strong{display:block;font-size:.92rem;line-height:1.3} .hds-kit-sunny .k-sunny-list small{color:var(--k-muted);font-size:.78rem} .hds-kit-sunny .k-sunny-promo{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:20px;padding:34px;border-radius:16px;background:#f6e3b4;overflow:hidden} .hds-kit-sunny .k-sunny-promo h2{font-size:clamp(26px,3vw,40px);text-transform:uppercase;margin-bottom:12px} .hds-kit-sunny .k-sunny-promo p{color:var(--k-muted);margin-bottom:20px} .hds-kit-sunny .k-sunny-promo-img img,.hds-kit-sunny .k-sunny-promo-img .k-ph{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:120px 120px 16px 16px} .hds-kit-sunny .k-card a{background:var(--k-surface)} .hds-kit-sunny .k-newsletter-box{background:var(--k-primary)} .hds-kit-sunny .k-footer{background:var(--k-dark)} /* ===================================================================== KIT 14 · CALMA CREMA ===================================================================== */ .hds-kit-calm{--k-radius:26px} .hds-kit-calm .k-hero{padding:40px 0 70px} .hds-kit-calm .k-hero-grid{display:grid;grid-template-columns:1.05fr 1fr .7fr;gap:30px;align-items:center;min-height:max(var(--k-hero-h),460px)} .hds-kit-calm .k-hero-copy h1{font-size:clamp(36px,4.4vw,60px);line-height:1.04;font-weight:600;letter-spacing:-.02em} .hds-kit-calm .k-hero-copy p{margin:18px 0 28px;color:var(--k-muted);font-size:.92rem;max-width:380px} .hds-kit-calm .k-calm-buy{display:inline-flex;align-items:center;gap:16px;padding:8px 8px 8px 26px;border-radius:999px;background:#fff;font-size:1.2rem;font-weight:500;box-shadow:0 14px 30px rgba(61,42,32,.1);transition:transform .2s} .hds-kit-calm .k-calm-buy:hover{transform:translateY(-2px)} .hds-kit-calm .k-calm-buy i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--k-accent);color:#fff;font-style:normal;font-size:1.6rem;line-height:1} .hds-kit-calm .k-hero-media{position:relative;display:grid;place-items:center;min-height:400px} .hds-kit-calm .k-sage-disc{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:var(--k-secondary);background-image:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.08) 0 2px,transparent 2px 26px)} .hds-kit-calm .k-hero-media img,.hds-kit-calm .k-hero-media .k-ph{position:relative;width:62%;aspect-ratio:3/4;object-fit:cover;object-position:var(--k-focus);border-radius:24px;box-shadow:0 30px 60px rgba(61,42,32,.3)} .hds-kit-calm .k-float-card{position:absolute;right:-6%;bottom:6%;width:min(240px,70%);display:grid;gap:6px;padding:16px 18px;border-radius:14px;background:#fff;box-shadow:0 18px 40px rgba(61,42,32,.15)} .hds-kit-calm .k-float-card strong{text-transform:uppercase;font-size:.88rem;line-height:1.3} .hds-kit-calm .k-float-card small{color:var(--k-muted);font-size:.74rem;line-height:1.4} .hds-kit-calm .k-calm-side{display:grid;gap:30px} .hds-kit-calm .k-calm-perk{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start} .hds-kit-calm .k-calm-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font-size:1.2rem} .hds-kit-calm .k-calm-icon.is-rose{background:#fde2e1;color:#e2524b} .hds-kit-calm .k-calm-icon.is-orange{background:#fde9d4;color:var(--k-accent)} .hds-kit-calm .k-calm-icon.is-sage{background:#e1ebe0;color:#2f6b4f} .hds-kit-calm .k-calm-perk strong{display:block;font-size:1.02rem;margin-bottom:4px} .hds-kit-calm .k-calm-perk small{display:block;color:var(--k-muted);font-size:.78rem;line-height:1.45} .hds-kit-calm .k-calm-band{position:relative;display:flex;align-items:center;gap:16px;margin-top:80px;padding:0 26px 30px;border-radius:30px;background:var(--k-dark);color:#fff} .hds-kit-calm .k-calm-track{flex:1;padding-top:110px;margin-top:-110px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:end} .hds-kit-calm .k-calm-track::-webkit-scrollbar{display:none} .hds-kit-calm .k-calm-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;scroll-snap-align:center} .hds-kit-calm .k-calm-circle{width:150px;aspect-ratio:1;margin-top:-70px;border-radius:50%;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.35);transition:transform .25s} .hds-kit-calm .k-calm-item.is-center .k-calm-circle{width:200px;margin-top:-100px;border:6px solid var(--k-secondary)} .hds-kit-calm .k-calm-item:hover .k-calm-circle{transform:translateY(-4px)} .hds-kit-calm .k-calm-circle img,.hds-kit-calm .k-calm-circle .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-calm .k-calm-item strong{font-size:.95rem;line-height:1.3;max-width:240px} .hds-kit-calm .k-calm-item small{opacity:.7} .hds-kit-calm .k-calm-arrow{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:var(--k-dark);font-size:1.6rem;cursor:pointer} .hds-kit-calm .k-card a{box-shadow:0 14px 34px rgba(61,42,32,.08)} .hds-kit-calm .k-banner-box{background:var(--k-secondary);color:#fff} .hds-kit-calm .k-newsletter-box{background:var(--k-dark)} .hds-kit-calm .k-footer{background:var(--k-dark)} /* ===================================================================== KIT 15 · PINCEL TEAL ===================================================================== */ .hds-kit-brush{--k-radius:6px;background:var(--k-background) repeating-linear-gradient(0deg,rgba(0,0,0,.012) 0 2px,transparent 2px 4px)} .hds-kit-brush .k-brush-block.is-teal{background:var(--k-primary);color:#fff} .hds-kit-brush .k-brush-block.is-peach{background:#f6e6cf} .hds-kit-brush .k-brush-block.is-mint{background:#cfe8de} .hds-kit-brush .k-brush-block.is-red{background:var(--k-accent);color:#fff} .hds-kit-brush .k-hero{padding:34px 0 40px} .hds-kit-brush .k-hero-box{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;min-height:max(var(--k-hero-h),440px);padding:clamp(34px,5vw,70px)} .hds-kit-brush .k-hero .k-kicker{color:#fff;opacity:.85} .hds-kit-brush .k-hero-copy h1{font-size:clamp(40px,5.4vw,74px);line-height:1} .hds-kit-brush .k-hero-copy p{margin:18px 0 26px;opacity:.9;max-width:460px} .hds-kit-brush .k-btn.is-ghost{border-color:currentColor;border-radius:999px} .hds-kit-brush .k-brush-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px} .hds-kit-brush .k-brush-chips a{padding:6px 16px;border-radius:999px;background:rgba(255,255,255,.14);font-size:.82rem} .hds-kit-brush .k-hero-media img,.hds-kit-brush .k-hero-media .k-ph{width:100%;aspect-ratio:1;object-fit:cover;object-position:var(--k-focus);border-radius:50%;box-shadow:0 30px 60px rgba(0,0,0,.25);transform:rotate(-4deg)} .hds-kit-brush .k-brush-trust .k-trust{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center} .hds-kit-brush .k-brush-trust{padding:10px 0 30px} .hds-kit-brush .k-brush-trust .k-trust-icon{background:transparent;color:var(--k-primary)} .hds-kit-brush .k-brush-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px} .hds-kit-brush .k-brush-pair .k-brush-block{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:34px} .hds-kit-brush .k-brush-item{display:grid;gap:8px;align-content:start} .hds-kit-brush .k-brush-thumb{display:block;width:110px;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 12px 24px rgba(0,0,0,.15)} .hds-kit-brush .k-brush-thumb img,.hds-kit-brush .k-brush-thumb .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-brush .k-brush-item strong{font-family:var(--k-font-heading);font-size:1.4rem;line-height:1.15} .hds-kit-brush .k-brush-item small{color:var(--k-muted)} .hds-kit-brush .k-brush-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .hds-kit-brush .k-brush-card a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;height:100%;padding:34px 26px} .hds-kit-brush .k-brush-icon{width:84px;aspect-ratio:1;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.4)} .hds-kit-brush .k-brush-icon img,.hds-kit-brush .k-brush-icon .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-brush .k-brush-card h3{font-size:1.4rem} .hds-kit-brush .k-brush-card hr{width:70%;border:0;border-top:1px solid rgba(255,255,255,.4);margin:4px 0} .hds-kit-brush .k-brush-card p{opacity:.85;font-size:.9rem} .hds-kit-brush .k-brush-card .k-btn{margin-top:auto} .hds-kit-brush .k-brush-collage{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:30px} .hds-kit-brush .k-brush-photo{position:relative;border-radius:6px;overflow:hidden;min-height:300px} .hds-kit-brush .k-brush-photo img,.hds-kit-brush .k-brush-photo .k-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .hds-kit-brush .k-brush-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 60%)} .hds-kit-brush .k-brush-photo-copy{position:absolute;left:28px;bottom:24px;right:28px;z-index:2;color:#fff} .hds-kit-brush .k-brush-photo-copy .k-kicker{color:#ffd23f} .hds-kit-brush .k-brush-photo-copy h3{font-size:clamp(24px,2.8vw,36px)} .hds-kit-brush .k-brush-word{position:relative;display:grid;place-items:center;min-height:300px;padding:30px;overflow:hidden} .hds-kit-brush .k-brush-word img,.hds-kit-brush .k-brush-word .k-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35} .hds-kit-brush .k-brush-word strong{position:relative;font-family:var(--k-font-heading);font-size:clamp(26px,3vw,40px);line-height:1.05;text-align:center;color:#fff;text-shadow:0 2px 0 var(--k-primary),0 0 18px rgba(0,0,0,.35);transform:rotate(-6deg)} .hds-kit-brush .k-brush-story{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;padding:34px;background:var(--k-surface);border-radius:6px} .hds-kit-brush .k-brush-story h2{font-size:clamp(28px,3.2vw,42px);margin-bottom:12px} .hds-kit-brush .k-brush-story p{color:var(--k-muted)} .hds-kit-brush .k-brush-story .k-btn.is-ghost{color:var(--k-accent)} .hds-kit-brush .k-brush-story-img img,.hds-kit-brush .k-brush-story-img .k-ph{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%} .hds-kit-brush .k-brush-bar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px 40px;padding:44px 40px;text-align:center} .hds-kit-brush .k-brush-bar h2{font-size:clamp(24px,2.8vw,36px)} .hds-kit-brush .k-brush-bar .k-actions{margin:0} .hds-kit-brush .k-card a{border-radius:6px;box-shadow:0 10px 24px rgba(0,0,0,.06)} .hds-kit-brush .k-footer{position:relative;background:var(--k-dark)} .hds-kit-brush .k-footer::before{content:"";position:absolute;left:0;right:0;top:-15px;height:16px;background:var(--k-dark);-webkit-mask:var(--k-torn) 0 0/100% 100% no-repeat;mask:var(--k-torn) 0 0/100% 100% no-repeat;transform:scaleY(-1)} /* ===================================================================== KIT 16 · RETRO TEAL ===================================================================== */ .hds-kit-retro{--k-radius:14px} .hds-kit-retro h1,.hds-kit-retro h2{letter-spacing:-.02em} .hds-kit-retro .k-hero{position:relative;padding:110px 0 150px;background:var(--k-primary);color:var(--k-secondary);overflow:hidden;text-align:center} .hds-kit-retro .k-scatter-wrap{position:absolute;inset:0;pointer-events:none} .hds-kit-retro .k-scatter{position:absolute;width:170px;aspect-ratio:3/4;border-radius:14px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3);border:5px solid #fff} .hds-kit-retro .k-scatter img,.hds-kit-retro .k-scatter .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-retro .k-scatter.is-s1{left:-30px;top:30px;transform:rotate(-14deg)} .hds-kit-retro .k-scatter.is-s2{left:8%;bottom:20px;transform:rotate(10deg);width:130px} .hds-kit-retro .k-scatter.is-s3{right:-20px;top:24px;transform:rotate(12deg)} .hds-kit-retro .k-scatter.is-s4{right:10%;bottom:30px;transform:rotate(-8deg);width:120px} .hds-kit-retro .k-scatter.is-s5{left:22%;top:-40px;transform:rotate(18deg);width:100px;opacity:.85} .hds-kit-retro .k-scatter.is-s6{right:26%;top:-30px;transform:rotate(-16deg);width:96px;opacity:.85} .hds-kit-retro .k-hero-copy{position:relative;z-index:2;max-width:720px} .hds-kit-retro .k-hero-copy h1{font-size:clamp(38px,5.6vw,76px);line-height:1.02;color:var(--k-secondary)} .hds-kit-retro .k-hero-copy h1 span{color:var(--k-accent)} .hds-kit-retro .k-hero-copy p{margin:20px auto 28px;max-width:560px;opacity:.9} .hds-kit-retro .k-btn.is-accent{box-shadow:none} .hds-kit-retro .k-retro-strip{position:relative;z-index:4;margin-top:-70px} .hds-kit-retro .k-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:26px 10px;border-radius:14px 14px 0 0;background:#3a969c;color:#fff;box-shadow:0 20px 40px rgba(0,0,0,.15)} .hds-kit-retro .k-strip>*{display:grid;justify-items:center;gap:6px;padding:4px 14px;text-align:center;border-right:1px solid rgba(255,255,255,.2)} .hds-kit-retro .k-strip>*:last-child{border-right:0} .hds-kit-retro .k-strip-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--k-accent);font-size:1.1rem} .hds-kit-retro .k-strip strong{font-size:.86rem;line-height:1.2} .hds-kit-retro .k-strip small{font-size:.72rem;opacity:.8;line-height:1.3} .hds-kit-retro .k-head h2{color:var(--k-primary);font-size:clamp(30px,3.6vw,48px)} .hds-kit-retro .k-ticket-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .hds-kit-retro .k-ticket a{display:flex;flex-direction:column;gap:8px;height:100%;padding:12px 12px 18px;border-radius:12px;background:#fff;border:2px dashed color-mix(in srgb,var(--k-accent) 40%,transparent);text-align:center;transition:transform .25s} .hds-kit-retro .k-ticket a:hover{transform:translateY(-5px) rotate(-.5deg)} .hds-kit-retro .k-ticket-media img,.hds-kit-retro .k-ticket-media .k-ph{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px} .hds-kit-retro .k-ticket h3{font-size:1.02rem;line-height:1.3;color:var(--k-primary)} .hds-kit-retro .k-ticket p{color:var(--k-muted);font-size:.84rem} .hds-kit-retro .k-ticket b{align-self:center;margin-top:auto;padding:5px 18px;border-radius:999px;background:#fde3cf;color:var(--k-accent);font-size:.8rem} .hds-kit-retro .k-retro-about{background:#fde7cd} .hds-kit-retro .k-retro-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px;align-items:end} .hds-kit-retro .k-retro-box{padding:30px;border-radius:14px;background:#d9efe6;border:2px solid rgba(43,127,134,.2)} .hds-kit-retro .k-retro-box h2{color:var(--k-primary);font-size:clamp(26px,2.8vw,36px);margin-bottom:8px} .hds-kit-retro .k-retro-box p{color:var(--k-muted);margin-bottom:16px;font-size:.92rem} .hds-kit-retro .k-retro-links{display:grid;grid-template-columns:1fr 1fr;gap:8px} .hds-kit-retro .k-retro-links a{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:8px;background:#fff;font-size:.84rem;line-height:1.3} .hds-kit-retro .k-retro-links .k-icon{color:var(--k-accent)} .hds-kit-retro .k-arch{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:340px;padding:120px 22px 26px;border-radius:999px 999px 14px 14px;color:#fff;text-align:center;transition:transform .25s} .hds-kit-retro .k-arch:hover{transform:translateY(-6px)} .hds-kit-retro .k-arch.is-orange{background:var(--k-accent)} .hds-kit-retro .k-arch.is-sun{background:#f2a72e} .hds-kit-retro .k-arch-photo{position:absolute;left:50%;top:18px;width:62%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;overflow:hidden;border:6px solid #fff;box-shadow:0 14px 30px rgba(0,0,0,.2)} .hds-kit-retro .k-arch-photo img,.hds-kit-retro .k-arch-photo .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-retro .k-arch strong{font-family:var(--k-font-heading);font-size:1.15rem;line-height:1.15;margin-top:auto} .hds-kit-retro .k-arch small{opacity:.9} .hds-kit-retro .k-card a{border:2px dashed color-mix(in srgb,var(--k-accent) 35%,transparent);box-shadow:none} .hds-kit-retro .k-newsletter-box{background:var(--k-primary)} .hds-kit-retro .k-footer{position:relative;background:var(--k-dark)} .hds-kit-retro .k-footer::before{content:"";position:absolute;left:0;right:0;top:-15px;height:16px;background:var(--k-dark);-webkit-mask:var(--k-torn) 0 0/100% 100% no-repeat;mask:var(--k-torn) 0 0/100% 100% no-repeat;transform:scaleY(-1)} /* ---------- 8 kits nuevos · responsive ---------- */ @media (max-width:1100px){ .hds-kit-calm .k-hero-grid{grid-template-columns:1fr 1fr} .hds-kit-calm .k-calm-side{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))} .hds-kit-retro .k-strip{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px} .hds-kit-retro .k-strip>*:nth-child(3n){border-right:0} .hds-kit-fresh .k-bowl-cards,.hds-kit-retro .k-ticket-cards{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:80px} .hds-kit-retro .k-ticket-cards{row-gap:18px} } @media (max-width:900px){ .hds-kit-mocha .k-hero-grid,.hds-kit-aqua .k-ice-panel,.hds-kit-diagonal .k-hero-grid,.hds-kit-fresh .k-hero-grid,.hds-kit-sunny .k-hero-grid,.hds-kit-calm .k-hero-grid,.hds-kit-brush .k-hero-box{grid-template-columns:1fr} .hds-kit-mocha .k-hero-media{max-width:420px;margin:0 auto} .hds-kit-mocha .k-glass-cards,.hds-kit-sunny .k-crate-cards,.hds-kit-brush .k-brush-cards,.hds-kit-fresh .k-why-grid{grid-template-columns:1fr 1fr;row-gap:70px} .hds-kit-sunny .k-crate-cards,.hds-kit-brush .k-brush-cards,.hds-kit-fresh .k-why-grid{row-gap:20px} .hds-kit-mocha .k-mocha-ring{grid-template-columns:1fr} .hds-kit-mocha .k-mocha-center{order:-1;max-width:300px;margin:0 auto} .hds-kit-mocha .k-mocha-col{gap:36px} .hds-kit-mocha .k-glass-banner{flex-direction:column;align-items:flex-start} .hds-kit-mocha .k-glass-banner-media{flex:none;width:60%;align-self:flex-end;margin:0 -20px -40px 0} .hds-kit-aqua .k-hero-media{min-height:280px} .hds-kit-aqua .k-aqua-about-grid,.hds-kit-aqua .k-orbit{grid-template-columns:1fr} .hds-kit-aqua .k-orbit-center{order:-1;max-width:300px;margin:0 auto} .hds-kit-aqua .k-orbit-col.is-right .k-orbit-item{flex-direction:row;text-align:left} .hds-kit-aqua .k-taste-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .hds-kit-diagonal .k-zz::before,.hds-kit-diagonal .k-zz.k-zz-alt::before,.hds-kit-diagonal .k-zz.k-diagonal-about::before,.hds-kit-diagonal .k-zz.k-diagonal-cta::before{clip-path:polygon(0 62%,100% 46%,100% 100%,0 100%)} .hds-kit-diagonal .k-zz-row,.hds-kit-diagonal .k-spot,.hds-kit-diagonal .k-diagonal-cta-grid{grid-template-columns:1fr;gap:28px} .hds-kit-diagonal .k-zz-row.is-reverse .k-pill-photo{order:2} .hds-kit-diagonal .k-zz-title{max-width:none} .hds-kit-diagonal .k-zz-row.is-reverse .k-zz-copy.is-on-green,.hds-kit-diagonal .k-diagonal-cta .k-zz-copy.is-on-green{padding:24px;border-radius:18px;background:var(--k-primary)} .hds-kit-diagonal .k-hero-media img,.hds-kit-diagonal .k-hero-media .k-ph{width:100%;max-width:420px} .hds-kit-diagonal .k-diagonal-about .k-zz-copy,.hds-kit-diagonal .k-diagonal-cta .k-zz-copy:first-child{color:var(--k-text)} .hds-kit-diagonal .k-diagonal-about .k-zz-copy.is-on-green{padding:24px;border-radius:18px;background:var(--k-primary)} .hds-kit-fresh .k-green-blob{width:120%;right:-50%;top:auto;bottom:-10%} .hds-kit-fresh .k-menu-cards{grid-template-columns:1fr;row-gap:90px} .hds-kit-fresh .k-leafy{display:none} .hds-kit-sunny .k-sunny-row,.hds-kit-sunny .k-sunny-split,.hds-kit-sunny .k-sunny-promo{grid-template-columns:1fr} .hds-kit-sunny .k-sun-disc{margin:0 auto;max-width:340px} .hds-kit-calm .k-calm-side{grid-template-columns:1fr} .hds-kit-calm .k-calm-track{grid-auto-columns:calc((100% - 20px)/2)} .hds-kit-calm .k-calm-item.is-center .k-calm-circle{width:150px;margin-top:-70px} .hds-kit-brush .k-brush-pair,.hds-kit-brush .k-brush-collage,.hds-kit-brush .k-brush-story{grid-template-columns:1fr} .hds-kit-brush .k-brush-trust .k-trust{grid-template-columns:repeat(2,minmax(0,1fr))} .hds-kit-retro .k-retro-grid{grid-template-columns:1fr 1fr} .hds-kit-retro .k-retro-box{grid-column:1/-1} .hds-kit-retro .k-scatter.is-s5,.hds-kit-retro .k-scatter.is-s6{display:none} } @media (max-width:600px){ .hds-kit-mocha .k-glass-cards,.hds-kit-sunny .k-crate-cards,.hds-kit-brush .k-brush-cards,.hds-kit-fresh .k-why-grid,.hds-kit-fresh .k-bowl-cards,.hds-kit-retro .k-ticket-cards{grid-template-columns:1fr} .hds-kit-mocha .k-numbered{padding-left:46px} .hds-kit-mocha .k-big-num{font-size:80px} .hds-kit-aqua .k-ice-title span{padding:14px 20px} .hds-kit-sunny .k-sunny-feature{grid-template-columns:1fr} .hds-kit-sunny .k-sunny-img{max-width:200px} .hds-kit-calm .k-float-card{right:0} .hds-kit-calm .k-calm-track{grid-auto-columns:100%} .hds-kit-brush .k-brush-pair .k-brush-block{grid-template-columns:1fr} .hds-kit-retro .k-hero{padding:80px 0 130px} .hds-kit-retro .k-scatter{width:84px;opacity:.4} .hds-kit-retro .k-scatter.is-s1{top:6px} .hds-kit-retro .k-scatter.is-s3{top:auto;bottom:60px} .hds-kit-retro .k-strip{grid-template-columns:repeat(2,minmax(0,1fr))} .hds-kit-retro .k-strip>*{border-right:0} .hds-kit-retro .k-retro-grid,.hds-kit-retro .k-retro-links{grid-template-columns:1fr} } /* ===================================================================== v0.35.1 · 8 KITS MÁS (24 en total) Hoja botánica, Cálido rústico, Botánica belleza, Índigo elegante, Monocromo suizo, Atardecer, Cuaderno kraft y Neón nocturno. ===================================================================== */ .hds-kit .k-btn.is-soft{background:var(--k-secondary);color:var(--k-primary);box-shadow:0 8px 20px color-mix(in srgb,var(--k-primary) 18%,transparent)} .hds-kit .k-btn.is-ink{background:#0d0d0d;color:#fff;border-radius:0} .hds-kit .k-btn.is-glow{background:linear-gradient(135deg,var(--k-primary),var(--k-accent));color:#fff;box-shadow:0 14px 30px color-mix(in srgb,var(--k-primary) 40%,transparent)} .hds-kit .k-btn.is-glass{background:rgba(255,255,255,.35);border-color:rgba(255,255,255,.6);color:var(--k-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)} .hds-kit .k-btn.is-neon{background:var(--k-primary);color:#04121a;box-shadow:0 0 0 1px var(--k-primary),0 0 26px color-mix(in srgb,var(--k-primary) 60%,transparent)} .hds-kit .k-marquee-track{display:flex;width:max-content;animation:k-marquee 38s linear infinite} .hds-kit .k-marquee-track>span{display:inline-flex;align-items:center;gap:18px;padding-right:18px;white-space:nowrap} .hds-kit .k-marquee-track i{font-style:normal} @keyframes k-marquee{to{transform:translateX(-50%)}} @media (prefers-reduced-motion:reduce){.hds-kit .k-marquee-track{animation:none}} /* ===================================================================== KIT 17 · HOJA BOTÁNICA ===================================================================== */ .hds-kit-leaf{--k-radius:22px;--k-hbox:rgba(255,255,255,.1);background:repeating-radial-gradient(circle at 10% 20%,rgba(255,255,255,.025) 0 2px,transparent 2px 9px) var(--k-background)} .hds-kit-leaf h1,.hds-kit-leaf h2{color:#fbf2e2} .hds-kit-leaf .k-btn.is-primary{color:#3a2a1c;box-shadow:0 12px 28px rgba(0,0,0,.25)} .hds-kit-leaf .k-hero{position:relative;padding:40px 0 70px;overflow:hidden;background:linear-gradient(135deg,#3f7b5d,#2f6b52 60%)} .hds-kit-leaf .k-leaf-wedge{position:absolute;left:0;bottom:0;width:36%;height:44%;background:#7a4a33;clip-path:polygon(0 30%,100% 100%,0 100%);opacity:.85} .hds-kit-leaf .k-hero-grid{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:center;min-height:max(var(--k-hero-h),520px)} .hds-kit-leaf .k-hero .k-kicker{color:var(--k-primary)} .hds-kit-leaf .k-hero-copy h1{font-size:clamp(40px,5.4vw,72px);line-height:1.02;color:#f4dfbf} .hds-kit-leaf .k-hero-copy p{margin:22px 0 32px;color:rgba(255,255,255,.85);max-width:440px} .hds-kit-leaf .k-hero-media{position:relative;min-height:440px} .hds-kit-leaf .k-leaf-shape{position:absolute;overflow:hidden;border-radius:0 100% 0 100%;box-shadow:0 30px 60px rgba(0,0,0,.35)} .hds-kit-leaf .k-leaf-shape img,.hds-kit-leaf .k-leaf-shape .k-ph{width:100%;height:100%;object-fit:cover} .hds-kit-leaf .k-leaf-shape.is-l1{width:62%;aspect-ratio:1;right:4%;top:2%;transform:rotate(8deg)} .hds-kit-leaf .k-leaf-shape.is-l2{width:40%;aspect-ratio:1;left:2%;bottom:6%;transform:rotate(-20deg)} .hds-kit-leaf .k-leaf-shape.is-l3{width:34%;aspect-ratio:1;right:0;bottom:0;transform:rotate(30deg)} .hds-kit-leaf .k-leaf-deco{position:absolute;width:120px;height:56px;border-radius:0 100% 0 100%;background:linear-gradient(135deg,#7fb07a,#2f6b45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)} .hds-kit-leaf .k-leaf-deco.is-d1{left:30%;top:0;transform:rotate(-30deg)} .hds-kit-leaf .k-leaf-deco.is-d2{left:18%;top:44%;transform:rotate(60deg) scale(.8);background:linear-gradient(135deg,#e6c79c,#a46a3e)} .hds-kit-leaf .k-leaf-deco.is-d3{right:30%;bottom:4%;transform:rotate(-70deg) scale(.9)} .hds-kit-leaf .k-leaf-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:30px;background:linear-gradient(135deg,#2c5a45,#1f4636);box-shadow:0 30px 60px rgba(0,0,0,.25);overflow:hidden} .hds-kit-leaf .k-leaf-col{position:relative;display:grid;justify-items:center;gap:12px;padding:44px 26px;text-align:center;color:#fff} .hds-kit-leaf .k-leaf-col::before{content:"";position:absolute;inset:8% 6%;border-radius:0 70% 0 70%;background:rgba(255,255,255,.04);transform:rotate(-8deg)} .hds-kit-leaf .k-leaf-col>*{position:relative} .hds-kit-leaf .k-leaf-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:1.5px solid rgba(255,255,255,.8);font-size:1.5rem} .hds-kit-leaf .k-leaf-col strong{font-size:1.06rem} .hds-kit-leaf .k-leaf-col small{color:rgba(255,255,255,.72);font-size:.84rem;line-height:1.5} .hds-kit-leaf .k-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .hds-kit-leaf .k-tile-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:230px;padding:30px 24px;border-radius:22px;text-align:center;color:#fff;box-shadow:0 20px 40px rgba(0,0,0,.2);transition:transform .25s} .hds-kit-leaf .k-tile-card:hover{transform:translateY(-5px)} .hds-kit-leaf .k-tile-card.is-moss{background:linear-gradient(160deg,#7ea65d,#5b8a45)} .hds-kit-leaf .k-tile-card.is-cocoa{background:linear-gradient(160deg,#6d4130,#4c2c20)} .hds-kit-leaf .k-tile-card.is-copper{background:linear-gradient(160deg,#a8714a,#7c4e30)} .hds-kit-leaf .k-tile-card.is-sand{background:linear-gradient(160deg,#dcb994,#b8936c);color:#3a2a1c} .hds-kit-leaf .k-tile-card.is-photo{position:relative;padding:0;overflow:hidden;justify-content:flex-end} .hds-kit-leaf .k-tile-card.is-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .hds-kit-leaf .k-tile-card.is-photo span{position:relative;width:100%;padding:18px;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent)} .hds-kit-leaf .k-tile-icon{width:64px;height:64px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.7);box-shadow:0 10px 20px rgba(0,0,0,.25)} .hds-kit-leaf .k-tile-icon img,.hds-kit-leaf .k-tile-icon .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-leaf .k-tile-card strong{font-family:var(--k-font-heading);font-size:1.12rem;line-height:1.25} .hds-kit-leaf .k-tile-card small{opacity:.8;font-size:.82rem;line-height:1.45} .hds-kit-leaf .k-card a,.hds-kit-leaf .k-topic,.hds-kit-leaf .k-links-grid a,.hds-kit-leaf .k-faq details{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)} .hds-kit-leaf .k-card-body h3,.hds-kit-leaf .k-topic-copy strong,.hds-kit-leaf .k-links-grid strong,.hds-kit-leaf .k-faq summary,.hds-kit-leaf .k-list-copy strong{color:#fff} .hds-kit-leaf .k-card-body p,.hds-kit-leaf .k-topic-copy small,.hds-kit-leaf .k-links-grid small,.hds-kit-leaf .k-list-copy small,.hds-kit-leaf .k-faq details p,.hds-kit-leaf .k-head p{color:var(--k-muted)} .hds-kit-leaf .k-kicker,.hds-kit-leaf .k-head-link,.hds-kit-leaf .k-list-num,.hds-kit-leaf .k-list em,.hds-kit-leaf .k-topic em{color:var(--k-primary)} .hds-kit-leaf .k-card-body .k-btn{background:var(--k-primary);color:#3a2a1c} .hds-kit-leaf .k-links-icon,.hds-kit-leaf .k-faq summary span{background:rgba(255,255,255,.1);color:var(--k-primary)} .hds-kit-leaf .k-banner-box{background:#1f4636} .hds-kit-leaf .k-newsletter-box{background:#7a4a33} .hds-kit-leaf .k-newsletter-form b{color:#3a2a1c} .hds-kit-leaf .k-footer{background:var(--k-dark);color:var(--k-text)} /* ===================================================================== KIT 18 · CÁLIDO RÚSTICO ===================================================================== */ .hds-kit-georgia{--k-radius:22px} .hds-kit-georgia .k-hero{position:relative;min-height:max(var(--k-hero-h),620px);display:flex;align-items:center;color:#fff;overflow:hidden;background:var(--k-dark)} .hds-kit-georgia .k-hero-bg{position:absolute;inset:0} .hds-kit-georgia .k-hero-bg img,.hds-kit-georgia .k-hero-bg .k-ph{width:100%;height:100%;object-fit:cover;object-position:var(--k-focus)} .hds-kit-georgia .k-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,18,12,.82),rgba(30,18,12,.4) 55%,rgba(30,18,12,.1))} .hds-kit-georgia .k-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;padding:120px 0 90px} .hds-kit-georgia .k-hero-copy h1{font-size:clamp(46px,6.4vw,92px);line-height:.98;color:#fffaf2;font-weight:600;max-width:640px} .hds-kit-georgia .k-hero-copy p{margin:22px 0 30px;max-width:420px;opacity:.9} .hds-kit-georgia .k-pill-go{display:inline-flex;align-items:center;gap:14px;padding:6px 6px 6px 24px;border-radius:999px;background:var(--k-primary);color:#fff;font-weight:600;font-size:.95rem;transition:transform .2s} .hds-kit-georgia .k-pill-go:hover{transform:translateY(-2px)} .hds-kit-georgia .k-pill-go i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--k-primary);font-style:normal} .hds-kit-georgia .k-pill-go.is-small{padding:4px 4px 4px 18px;font-size:.86rem} .hds-kit-georgia .k-pill-go.is-small i{width:32px;height:32px} .hds-kit-georgia .k-round-link{display:inline-flex;align-items:center;gap:12px;font-weight:500} .hds-kit-georgia .k-round-link i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);font-style:normal;font-size:.8rem} .hds-kit-georgia .k-hot-cards{display:flex;align-items:flex-end;gap:12px} .hds-kit-georgia .k-hot-card{display:grid;grid-template-columns:1fr 110px;align-items:center;gap:10px;width:300px;padding:16px;border-radius:22px;background:#fffaf2;color:var(--k-text);box-shadow:0 24px 50px rgba(0,0,0,.35)} .hds-kit-georgia .k-hot-card strong{display:block;font-family:var(--k-font-heading);font-size:1.02rem;line-height:1.2} .hds-kit-georgia .k-hot-card small{display:block;margin-top:4px;color:var(--k-muted);font-size:.78rem} .hds-kit-georgia .k-hot-card i{display:inline-grid;place-items:center;width:30px;height:30px;margin-top:10px;border-radius:50%;background:var(--k-primary);color:#fff;font-style:normal} .hds-kit-georgia .k-hot-card img,.hds-kit-georgia .k-hot-card .k-ph{width:110px;height:110px;object-fit:cover;border-radius:50%;min-height:0} .hds-kit-georgia .k-hot-mini{display:grid;place-items:center;gap:2px;width:110px;padding:16px 10px;border-radius:20px;background:#fffaf2;color:var(--k-text);text-align:center;box-shadow:0 24px 50px rgba(0,0,0,.35)} .hds-kit-georgia .k-hot-mini b{font-family:var(--k-font-heading);font-size:1.6rem;color:var(--k-accent)} .hds-kit-georgia .k-hot-mini small{font-size:.72rem;line-height:1.3;color:var(--k-muted)} .hds-kit-georgia .k-georgia-tiles{position:relative;z-index:3;margin-top:-46px;padding:40px 0 10px;background:var(--k-background);border-radius:44px 44px 0 0} .hds-kit-georgia .k-dish-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} .hds-kit-georgia .k-dish-tile{position:relative;display:block;min-height:170px;padding:18px;border-radius:20px;overflow:hidden;transition:transform .25s} .hds-kit-georgia .k-dish-tile:hover{transform:translateY(-4px)} .hds-kit-georgia .k-dish-tile strong{position:relative;z-index:2;display:block;max-width:70%;font-size:1rem;line-height:1.25} .hds-kit-georgia .k-dish-tile.is-orange{background:var(--k-accent);color:#fff} .hds-kit-georgia .k-dish-tile.is-olive{background:var(--k-primary);color:#fff} .hds-kit-georgia .k-dish-tile.is-cream{background:var(--k-surface);color:var(--k-text)} .hds-kit-georgia .k-dish-img{position:absolute;right:-18px;bottom:-18px;width:120px;height:120px;border-radius:50%;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.25)} .hds-kit-georgia .k-dish-img img,.hds-kit-georgia .k-dish-img .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-georgia .k-dish-tile i{position:absolute;left:18px;bottom:16px;z-index:2;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1.5px solid currentColor;font-style:normal;font-size:.85rem} .hds-kit-georgia .k-oven{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center} .hds-kit-georgia .k-oven-copy h2{font-size:clamp(30px,3.6vw,48px);line-height:1.08;font-weight:600} .hds-kit-georgia .k-heart{color:var(--k-accent);font-family:var(--k-font-body)} .hds-kit-georgia .k-oven-copy p{margin:18px 0 26px;color:var(--k-muted);max-width:480px} .hds-kit-georgia .k-perks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px} .hds-kit-georgia .k-perk{display:grid;justify-items:center;gap:8px;text-align:center} .hds-kit-georgia .k-perk i{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--k-text) 30%,transparent);font-size:1.3rem;color:var(--k-primary);font-style:normal} .hds-kit-georgia .k-perk small{font-size:.78rem;line-height:1.3;color:var(--k-muted)} .hds-kit-georgia .k-oven-media{position:relative} .hds-kit-georgia .k-oven-media>img,.hds-kit-georgia .k-oven-media>.k-ph{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:46% 54% 42% 58%/58% 44% 56% 42%;box-shadow:0 30px 60px rgba(42,29,22,.25)} .hds-kit-georgia .k-stamp{position:absolute;left:-30px;top:10%;width:120px;height:120px;border-radius:50%;background:var(--k-background);display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,0,0,.12)} .hds-kit-georgia .k-stamp svg{position:absolute;inset:0;width:100%;height:100%;animation:k-spin 22s linear infinite} .hds-kit-georgia .k-stamp text{font:700 9.5px/1 var(--k-font-body);letter-spacing:2px;fill:var(--k-primary)} .hds-kit-georgia .k-stamp b{font-size:1.6rem;color:var(--k-accent)} @keyframes k-spin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){.hds-kit-georgia .k-stamp svg{animation:none}} .hds-kit-georgia .k-hits-title{font-size:clamp(30px,3.6vw,48px);font-weight:600;margin-bottom:30px} .hds-kit-georgia .k-hits-title span{color:var(--k-accent);font-size:.6em} .hds-kit-georgia .k-hits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px} .hds-kit-georgia .k-hit{display:flex;flex-direction:column;gap:8px;padding:10px 10px 14px;border-radius:18px;background:var(--k-surface);transition:transform .25s} .hds-kit-georgia .k-hit:hover{transform:translateY(-4px)} .hds-kit-georgia .k-hit-img img,.hds-kit-georgia .k-hit-img .k-ph{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px} .hds-kit-georgia .k-hit strong{font-size:.92rem;line-height:1.3;padding:0 4px} .hds-kit-georgia .k-hit-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:0 4px} .hds-kit-georgia .k-hit-foot small{color:var(--k-muted);font-size:.76rem} .hds-kit-georgia .k-hit-foot i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--k-primary);color:#fff;font-style:normal;font-weight:700} .hds-kit-georgia .k-peach-banner{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:260px;padding:clamp(28px,4vw,48px);border-radius:30px;background:#f3c9a8;overflow:hidden} .hds-kit-georgia .k-peach-badge{position:absolute;left:46%;top:18px;z-index:3;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:var(--k-primary);color:#fff;font-weight:700;font-size:.82rem;transform:rotate(-10deg)} .hds-kit-georgia .k-peach-copy h2{font-size:clamp(26px,3vw,38px);font-weight:600;margin-bottom:10px} .hds-kit-georgia .k-peach-copy p{color:#5a3e2c;margin-bottom:20px} .hds-kit-georgia .k-peach-media{position:relative;z-index:2;align-self:stretch;margin:-48px -48px -48px 0;overflow:hidden} .hds-kit-georgia .k-peach-media img,.hds-kit-georgia .k-peach-media .k-ph{width:100%;height:100%;object-fit:cover} .hds-kit-georgia .k-peach-blob{position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:var(--k-accent);opacity:.85;z-index:3} .hds-kit-georgia .k-card a{background:var(--k-surface)} .hds-kit-georgia .k-newsletter-box{background:var(--k-primary)} .hds-kit-georgia .k-footer{background:var(--k-surface);color:var(--k-text)} .hds-kit-georgia .k-footer-bottom{border-color:rgba(42,29,22,.12)} /* ===================================================================== KIT 19 · BOTÁNICA BELLEZA ===================================================================== */ .hds-kit-beauty{--k-radius:16px} .hds-kit-beauty .k-hero{padding:40px 0 30px} .hds-kit-beauty .k-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:max(var(--k-hero-h),480px)} .hds-kit-beauty .k-glow-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#fff;box-shadow:0 6px 18px rgba(30,42,32,.08);font-size:.84rem;font-weight:600;color:var(--k-primary);margin-bottom:20px} .hds-kit-beauty .k-hero-copy h1{font-size:clamp(38px,4.8vw,64px);line-height:1.08;font-weight:700} .hds-kit-beauty .k-hero-copy h1 em,.hds-kit-beauty h2 em{font-style:normal;color:var(--k-primary)} .hds-kit-beauty .k-hero-copy p{margin:18px 0 26px;color:var(--k-muted);max-width:440px} .hds-kit-beauty .k-btn{border-radius:8px} .hds-kit-beauty .k-btn.is-ghost{color:var(--k-text);border-color:color-mix(in srgb,var(--k-text) 30%,transparent)} .hds-kit-beauty .k-mini-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:30px} .hds-kit-beauty .k-mini-trust>span{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;font-size:.76rem;line-height:1.2} .hds-kit-beauty .k-mini-trust .k-icon{grid-row:1/3;font-size:1.4rem;color:var(--k-primary)} .hds-kit-beauty .k-mini-trust small{color:var(--k-muted)} .hds-kit-beauty .k-hero-media{position:relative} .hds-kit-beauty .k-arch-frame{display:block;width:86%;aspect-ratio:4/5;border-radius:999px 999px 24px 24px;overflow:hidden;background:var(--k-surface);box-shadow:0 30px 60px rgba(30,42,32,.18)} .hds-kit-beauty .k-arch-frame img,.hds-kit-beauty .k-arch-frame .k-ph{width:100%;height:100%;object-fit:cover;object-position:var(--k-focus)} .hds-kit-beauty .k-float-badges{position:absolute;right:0;top:8%;display:grid;gap:14px} .hds-kit-beauty .k-float-badge{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:999px;background:#fff;box-shadow:0 14px 30px rgba(30,42,32,.12)} .hds-kit-beauty .k-float-badge>.k-icon{width:34px;height:34px;padding:7px;border-radius:50%;background:var(--k-primary);color:#fff} .hds-kit-beauty .k-float-badge b{display:block;font-size:.84rem} .hds-kit-beauty .k-float-badge small{display:block;color:var(--k-muted);font-size:.72rem} .hds-kit-beauty .k-beauty-bar{padding:6px 0 10px} .hds-kit-beauty .k-green-bar{display:flex;flex-wrap:wrap;justify-content:space-around;gap:10px 20px;padding:18px 26px;border-radius:10px;background:var(--k-dark);color:#fff} .hds-kit-beauty .k-green-bar a{display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:.92rem;opacity:.92} .hds-kit-beauty .k-green-bar a:hover{opacity:1} .hds-kit-beauty .k-green-bar .k-icon{font-size:1.3rem} .hds-kit-beauty .k-ornament-head{text-align:center;margin-bottom:34px} .hds-kit-beauty .k-ornament-head small{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;color:var(--k-muted);margin-bottom:6px} .hds-kit-beauty .k-ornament-head small i{width:30px;height:1px;background:var(--k-accent)} .hds-kit-beauty .k-ornament-head h2{font-size:clamp(30px,3.4vw,44px)} .hds-kit-beauty .k-cat-circles{display:flex;flex-wrap:wrap;justify-content:center;gap:24px} .hds-kit-beauty .k-cat-circles a{flex:0 1 160px;display:grid;align-content:start;justify-items:center;gap:6px;text-align:center} .hds-kit-beauty .k-cat-circle{width:100%;max-width:150px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--k-surface);box-shadow:0 0 0 6px #fff,0 0 0 7px color-mix(in srgb,var(--k-primary) 18%,transparent);transition:transform .25s} .hds-kit-beauty .k-cat-circles a:hover .k-cat-circle{transform:scale(1.04)} .hds-kit-beauty .k-cat-circle img,.hds-kit-beauty .k-cat-circle .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-beauty .k-cat-circles strong{margin-top:8px;font-size:.98rem} .hds-kit-beauty .k-cat-circles small{color:var(--k-muted);font-size:.78rem} .hds-kit-beauty .k-promo-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px} .hds-kit-beauty .k-promo-card{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:14px;min-height:260px;padding:28px;border-radius:14px;overflow:hidden;transition:transform .25s} .hds-kit-beauty .k-promo-card:hover{transform:translateY(-4px)} .hds-kit-beauty .k-promo-card.is-light{background:linear-gradient(135deg,#eef2ea,#e2e9dc)} .hds-kit-beauty .k-promo-card.is-dark{background:var(--k-dark);color:#fff} .hds-kit-beauty .k-tag{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--k-primary);color:#fff;font-size:.72rem;font-weight:600;margin-bottom:12px} .hds-kit-beauty .k-promo-card.is-dark .k-tag{background:rgba(255,255,255,.14)} .hds-kit-beauty .k-promo-copy strong{display:block;font-family:var(--k-font-heading);font-size:clamp(22px,2.4vw,30px);line-height:1.12} .hds-kit-beauty .k-promo-copy strong em{font-style:normal;color:var(--k-primary)} .hds-kit-beauty .k-promo-card.is-dark .k-promo-copy strong em{color:var(--k-accent)} .hds-kit-beauty .k-promo-copy>em{display:block;margin:10px 0 14px;font-style:normal;font-size:.86rem;opacity:.75} .hds-kit-beauty .k-promo-copy b{display:inline-block;padding:8px 14px;border-radius:8px;background:var(--k-dark);color:#fff;font-size:.8rem} .hds-kit-beauty .k-promo-card.is-dark .k-promo-copy b{background:#fff;color:var(--k-dark)} .hds-kit-beauty .k-promo-img img,.hds-kit-beauty .k-promo-img .k-ph{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px} .hds-kit-beauty .k-beige-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;padding:18px 24px;border-radius:10px;background:var(--k-surface)} .hds-kit-beauty .k-beige-strip>span{display:flex;align-items:center;gap:10px;font-size:.82rem} .hds-kit-beauty .k-beige-strip .k-icon{font-size:1.5rem;color:var(--k-primary)} .hds-kit-beauty .k-beige-strip b{display:block} .hds-kit-beauty .k-beige-strip small{display:block;color:var(--k-muted);font-size:.74rem} .hds-kit-beauty .k-journey{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center} .hds-kit-beauty .k-journey-media{position:relative;padding:0 0 40px 18px} .hds-kit-beauty .k-journey-media::before{content:"";position:absolute;left:0;top:30px;bottom:70px;width:60%;border-radius:30px;background:var(--k-primary)} .hds-kit-beauty .k-journey-media>img,.hds-kit-beauty .k-journey-media>.k-ph{position:relative;width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:30px} .hds-kit-beauty .k-journey-card{position:absolute;left:12%;right:4%;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px;border-radius:14px;background:#fff;box-shadow:0 18px 40px rgba(30,42,32,.14);text-align:center} .hds-kit-beauty .k-journey-card span{display:grid;justify-items:center;gap:6px;font-size:.78rem} .hds-kit-beauty .k-journey-card .k-icon{font-size:1.4rem;color:var(--k-primary)} .hds-kit-beauty .k-journey-copy .k-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--k-text);text-transform:none;letter-spacing:0;font-size:.86rem} .hds-kit-beauty .k-journey-copy .k-kicker i{width:40px;height:1px;background:var(--k-accent)} .hds-kit-beauty .k-journey-copy h2{font-size:clamp(28px,3.2vw,42px)} .hds-kit-beauty .k-journey-copy h2 em{color:var(--k-accent)} .hds-kit-beauty .k-journey-copy>p{margin:14px 0 22px;color:var(--k-muted)} .hds-kit-beauty .k-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px;border-radius:12px;background:var(--k-surface)} .hds-kit-beauty .k-stats span{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center} .hds-kit-beauty .k-stats .k-icon{grid-row:1/3;font-size:1.6rem;color:var(--k-primary)} .hds-kit-beauty .k-stats b{font-size:1.3rem} .hds-kit-beauty .k-stats small{color:var(--k-muted);font-size:.74rem} .hds-kit-beauty .k-signature{margin-top:20px;font-family:var(--k-font-script);font-size:1.8rem;color:var(--k-primary)} .hds-kit-beauty .k-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px} .hds-kit-beauty .k-shelf-item{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:#fff;border:1px solid #ebe7de;transition:transform .2s,box-shadow .2s} .hds-kit-beauty .k-shelf-item:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(30,42,32,.1)} .hds-kit-beauty .k-shelf-img img,.hds-kit-beauty .k-shelf-img .k-ph{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--k-surface)} .hds-kit-beauty .k-shelf-item strong{font-size:.86rem;line-height:1.3} .hds-kit-beauty .k-shelf-item small{color:var(--k-muted);font-size:.74rem} .hds-kit-beauty .k-shelf-item b{margin-top:auto;padding:7px;border-radius:6px;background:var(--k-dark);color:#fff;text-align:center;font-size:.78rem;font-weight:600} .hds-kit-beauty .k-head h2{font-size:clamp(28px,3vw,40px)} .hds-kit-beauty .k-newsletter-box{background:var(--k-dark);border-radius:0} .hds-kit-beauty .k-newsletter-form b{background:var(--k-accent);color:#1e2a20} .hds-kit-beauty .k-footer{background:var(--k-dark)} /* ===================================================================== KIT 20 · ÍNDIGO ELEGANTE ===================================================================== */ .hds-kit-indigo{--k-radius:18px} .hds-kit-indigo h1,.hds-kit-indigo h2,.hds-kit-indigo h3{font-weight:500;letter-spacing:-.01em} .hds-kit-indigo .k-hero{position:relative;padding:40px 0 80px;overflow:hidden} .hds-kit-indigo .k-spark{position:absolute;color:var(--k-accent);font-size:44px;opacity:.6} .hds-kit-indigo .k-spark.is-s1{right:6%;top:12%} .hds-kit-indigo .k-spark.is-s2{left:44%;bottom:10%;font-size:28px} .hds-kit-indigo .k-hero-grid{display:grid;grid-template-columns:1.1fr .9fr .8fr;gap:30px;align-items:center;min-height:max(var(--k-hero-h),520px)} .hds-kit-indigo .k-hero-copy h1{font-size:clamp(46px,6vw,86px);line-height:.98;color:var(--k-dark)} .hds-kit-indigo .k-sub{margin:18px 0 26px;font-size:1.3rem;font-family:var(--k-font-heading);color:var(--k-text)} .hds-kit-indigo .k-sub i{font-style:normal;color:var(--k-primary)} .hds-kit-indigo .k-round-photo{display:block;width:190px;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 20px 40px rgba(27,35,64,.18)} .hds-kit-indigo .k-round-photo img,.hds-kit-indigo .k-round-photo .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-indigo .k-round-photo.is-big{width:min(320px,100%)} .hds-kit-indigo .k-hero-media{position:relative;display:grid;place-items:center} .hds-kit-indigo .k-halo{position:absolute;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#e6eaf8 0%,transparent 70%)} .hds-kit-indigo .k-hero-media img,.hds-kit-indigo .k-hero-media .k-ph{position:relative;width:86%;aspect-ratio:3/4.4;object-fit:cover;object-position:var(--k-focus);border-radius:30px;box-shadow:0 40px 70px rgba(27,35,64,.25);transform:rotate(-3deg)} .hds-kit-indigo .k-hero-side{display:grid;gap:22px} .hds-kit-indigo .k-thin-perk{display:grid;grid-template-columns:28px 1fr;gap:12px} .hds-kit-indigo .k-thin-perk i{color:var(--k-primary);border-left:1px solid color-mix(in srgb,var(--k-primary) 40%,transparent);padding-left:6px} .hds-kit-indigo .k-thin-perk b{display:block;font-family:var(--k-font-heading);font-size:1.25rem;font-weight:600} .hds-kit-indigo .k-thin-perk small{display:block;color:var(--k-muted);font-size:.78rem} .hds-kit-indigo .k-hero-text{color:var(--k-muted);font-size:.9rem} .hds-kit-indigo .k-hero-side .k-btn{justify-self:start} .hds-kit-indigo .k-ribbons{position:relative;height:190px;margin:-20px 0 10px;overflow:hidden} .hds-kit-indigo .k-ribbon{position:absolute;left:-5%;right:-5%;padding:14px 0;font-family:var(--k-font-heading);font-style:italic;font-size:1.3rem;overflow:hidden} .hds-kit-indigo .k-ribbon.is-r1{top:24px;background:var(--k-accent);color:#fff;transform:rotate(-3deg);z-index:2} .hds-kit-indigo .k-ribbon.is-r2{top:104px;background:#c9d2f4;color:var(--k-dark);transform:rotate(2.5deg)} .hds-kit-indigo .k-ribbon.is-r2 .k-marquee-track{animation-direction:reverse} .hds-kit-indigo .k-swash{position:relative;display:block;width:max-content;max-width:100%;margin:0 auto 40px;font-size:clamp(32px,3.8vw,52px);color:var(--k-dark);text-align:center} .hds-kit-indigo .k-swash::after{content:"";position:absolute;left:30%;right:-4%;bottom:-6px;height:10px;border-bottom:2px solid var(--k-accent);border-radius:0 0 50% 50%} .hds-kit-indigo .k-collection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} .hds-kit-indigo .k-col-card{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:12px;background:#fff;border:1px solid #e7eaf6;transition:transform .25s,box-shadow .25s} .hds-kit-indigo .k-col-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(27,35,64,.1)} .hds-kit-indigo .k-col-media{position:relative;display:grid;place-items:center;margin-bottom:10px} .hds-kit-indigo .k-col-media i{position:absolute;width:86%;aspect-ratio:1;border-radius:50%;background:#e6eaf8} .hds-kit-indigo .k-col-media img,.hds-kit-indigo .k-col-media .k-ph{position:relative;width:70%;aspect-ratio:3/4;object-fit:cover;border-radius:14px;box-shadow:0 14px 28px rgba(27,35,64,.18)} .hds-kit-indigo .k-col-card strong{font-family:var(--k-font-heading);font-size:1.25rem;font-weight:600;line-height:1.2} .hds-kit-indigo .k-col-card small{color:var(--k-muted);font-size:.8rem} .hds-kit-indigo .k-col-card em{font-style:normal;margin-top:auto;color:var(--k-primary);font-size:.82rem} .hds-kit-indigo .k-why-ring{position:relative;display:grid;grid-template-columns:1fr minmax(240px,360px) 1fr;grid-template-rows:auto auto;gap:40px 50px;align-items:center} .hds-kit-indigo .k-why-center{grid-column:2;grid-row:1/3;position:relative;display:grid;place-items:center} .hds-kit-indigo .k-why-center i{position:absolute;width:100%;aspect-ratio:1;border-radius:50%;background:#eef1fb} .hds-kit-indigo .k-why-center img,.hds-kit-indigo .k-why-center .k-ph{position:relative;width:72%;aspect-ratio:3/4.2;object-fit:cover;border-radius:26px;transform:rotate(-12deg);box-shadow:0 40px 70px rgba(27,35,64,.25)} .hds-kit-indigo .k-why-item{position:relative;display:grid;gap:4px;max-width:260px} .hds-kit-indigo .k-why-item.is-tl{grid-column:1;grid-row:1;justify-self:end} .hds-kit-indigo .k-why-item.is-bl{grid-column:1;grid-row:2;justify-self:end} .hds-kit-indigo .k-why-item.is-tr{grid-column:3;grid-row:1} .hds-kit-indigo .k-why-item.is-br{grid-column:3;grid-row:2} .hds-kit-indigo .k-why-bubble{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#dfe5fb;color:var(--k-primary);font-size:1.2rem;margin-bottom:6px} .hds-kit-indigo .k-why-item b{font-family:var(--k-font-heading);font-size:1.35rem;font-weight:600} .hds-kit-indigo .k-why-item small{color:var(--k-muted);font-size:.8rem} .hds-kit-indigo .k-curl{width:70px;height:36px;margin-top:6px;fill:none;stroke:var(--k-dark);stroke-width:1.3;opacity:.55} .hds-kit-indigo .k-why-item.is-tr .k-curl,.hds-kit-indigo .k-why-item.is-br .k-curl{transform:scaleX(-1)} .hds-kit-indigo .k-strong{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:60px;align-items:center;max-width:960px;margin:0 auto 70px} .hds-kit-indigo .k-strong h2{font-size:clamp(32px,3.8vw,52px);color:var(--k-dark);margin-bottom:12px} .hds-kit-indigo .k-strong p{color:var(--k-muted);margin-bottom:22px;max-width:460px} .hds-kit-indigo .k-indigo-cta{padding-bottom:0} .hds-kit-indigo .k-night-band{position:relative;padding:50px 0;background:radial-gradient(circle at 30% 50%,#2b3a76,var(--k-dark) 70%);color:#e6eaf8;overflow:hidden} .hds-kit-indigo .k-night-band .k-wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center} .hds-kit-indigo .k-night-left,.hds-kit-indigo .k-night-right{font-family:var(--k-font-heading);font-weight:500;font-size:clamp(26px,3vw,42px);line-height:1.05} .hds-kit-indigo .k-night-right{text-align:right} .hds-kit-indigo .k-night-row{display:flex;gap:12px;align-items:flex-end} .hds-kit-indigo .k-night-row span{width:84px;aspect-ratio:3/4;border-radius:14px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.4)} .hds-kit-indigo .k-night-row span:nth-child(2n){width:100px} .hds-kit-indigo .k-night-row img,.hds-kit-indigo .k-night-row .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-indigo .k-card a{border:1px solid #e7eaf6} .hds-kit-indigo .k-card-body h3{font-family:var(--k-font-heading);font-size:1.3rem;font-weight:600} .hds-kit-indigo .k-newsletter-box{background:var(--k-dark)} .hds-kit-indigo .k-footer{background:var(--k-dark)} /* ===================================================================== KIT 21 · MONOCROMO SUIZO ===================================================================== */ .hds-kit-mono{--k-radius:0px} .hds-kit-mono h1,.hds-kit-mono h2{letter-spacing:-.04em;line-height:.92} .hds-kit-mono .k-hero{padding:30px 0 0;border-bottom:4px solid #0d0d0d} .hds-kit-mono .k-mono-meta{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-top:4px solid #0d0d0d;border-bottom:1px solid #0d0d0d;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em} .hds-kit-mono .k-hero h1{margin:26px 0;font-size:clamp(54px,9.4vw,150px);text-transform:uppercase;max-width:1200px} .hds-kit-mono .k-mono-split{display:grid;grid-template-columns:1fr auto 1.1fr;gap:30px;align-items:end;padding:26px 0 40px;border-top:1px solid #0d0d0d} .hds-kit-mono .k-mono-split p{font-size:1.06rem;max-width:380px} .hds-kit-mono .k-mono-split .k-actions{margin:0} .hds-kit-mono .k-btn{border-radius:0} .hds-kit-mono .k-btn.is-primary{box-shadow:none} .hds-kit-mono .k-mono-img{position:relative;display:block} .hds-kit-mono .k-mono-img img,.hds-kit-mono .k-mono-img .k-ph{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:var(--k-focus);filter:grayscale(1) contrast(1.1)} .hds-kit-mono .k-mono-img i{position:absolute;right:-14px;top:-14px;width:56px;height:56px;background:var(--k-primary);mix-blend-mode:multiply} .hds-kit-mono .k-mono-ticker{padding:12px 0;background:#0d0d0d;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.92rem;overflow:hidden} .hds-kit-mono .k-mono-ticker i{color:var(--k-primary)} .hds-kit-mono .k-mono-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:16px;margin-bottom:0;border-bottom:4px solid #0d0d0d} .hds-kit-mono .k-mono-head h2{font-size:clamp(36px,5vw,72px);text-transform:uppercase} .hds-kit-mono .k-mono-head p{max-width:360px;color:var(--k-muted)} .hds-kit-mono .k-mono-head a{font-weight:700;text-transform:uppercase;font-size:.84rem;border-bottom:2px solid var(--k-primary)} .hds-kit-mono .k-index{list-style:none} .hds-kit-mono .k-index a{display:grid;grid-template-columns:70px 1fr 1fr 40px;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid #0d0d0d;transition:background .2s,color .2s,padding .2s} .hds-kit-mono .k-index a:hover{background:var(--k-primary);color:#fff;padding-left:14px} .hds-kit-mono .k-index span{font-weight:800;font-size:1.1rem} .hds-kit-mono .k-index strong{font-family:var(--k-font-heading);font-size:clamp(22px,2.6vw,36px);text-transform:uppercase;letter-spacing:-.02em;line-height:1} .hds-kit-mono .k-index small{color:inherit;opacity:.7} .hds-kit-mono .k-index i{font-style:normal;font-size:1.6rem} .hds-kit-mono .k-mono-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto;border-left:1px solid #0d0d0d} .hds-kit-mono .k-mono-card{display:flex;flex-direction:column;gap:10px;padding:20px;border-right:1px solid #0d0d0d;border-bottom:1px solid #0d0d0d;transition:background .2s} .hds-kit-mono .k-mono-card:hover{background:var(--k-surface)} .hds-kit-mono .k-mono-card.is-big{grid-row:1/3} .hds-kit-mono .k-mono-card-img img,.hds-kit-mono .k-mono-card-img .k-ph{width:100%;aspect-ratio:16/10;object-fit:cover;filter:grayscale(1)} .hds-kit-mono .k-mono-card:hover .k-mono-card-img img{filter:none} .hds-kit-mono .k-mono-card small{color:var(--k-primary);font-weight:700;text-transform:uppercase;font-size:.74rem;letter-spacing:.08em} .hds-kit-mono .k-mono-card strong{font-family:var(--k-font-heading);font-size:1.4rem;line-height:1.05;letter-spacing:-.02em} .hds-kit-mono .k-mono-card.is-big strong{font-size:clamp(28px,3.4vw,46px)} .hds-kit-mono .k-mono-card p{color:var(--k-muted)} .hds-kit-mono .k-mono-cta{padding:70px 0;background:var(--k-primary);color:#fff} .hds-kit-mono .k-mono-cta .k-wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:30px} .hds-kit-mono .k-mono-cta h2{font-size:clamp(40px,6vw,96px);text-transform:uppercase;max-width:900px} .hds-kit-mono .k-card a{border:1px solid #0d0d0d;border-radius:0;box-shadow:none} .hds-kit-mono .k-card-media img{filter:grayscale(1)} .hds-kit-mono .k-topic,.hds-kit-mono .k-links-grid a,.hds-kit-mono .k-faq details{border-radius:0;border:1px solid #0d0d0d} .hds-kit-mono .k-head h2{text-transform:uppercase;font-size:clamp(32px,4vw,56px)} .hds-kit-mono .k-newsletter-box,.hds-kit-mono .k-banner-box{border-radius:0;background:#0d0d0d} .hds-kit-mono .k-footer{background:#0d0d0d} /* ===================================================================== KIT 22 · ATARDECER ===================================================================== */ .hds-kit-sunset{--k-radius:26px;background:linear-gradient(180deg,#fff1e6 0%,#ffe4ec 40%,#f3e6ff 100%)} .hds-kit-sunset .k-hero{position:relative;padding:40px 0 60px;overflow:hidden} .hds-kit-sunset .k-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.75;pointer-events:none} .hds-kit-sunset .k-orb.is-o1{width:420px;height:420px;left:-120px;top:-80px;background:#ffb35c} .hds-kit-sunset .k-orb.is-o2{width:380px;height:380px;right:-80px;top:20%;background:#e8456b} .hds-kit-sunset .k-orb.is-o3{width:300px;height:300px;left:40%;bottom:-120px;background:#8a5cf6} .hds-kit-sunset .k-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:max(var(--k-hero-h),500px)} .hds-kit-sunset .k-glass-pill{display:inline-block;padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.8);font-size:.82rem;font-weight:600;margin-bottom:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)} .hds-kit-sunset .k-hero-copy h1{font-size:clamp(34px,4.6vw,62px);line-height:1.04;background:linear-gradient(120deg,#c2185b,#e8456b 40%,#ff8a3d 80%);-webkit-background-clip:text;background-clip:text;color:transparent} .hds-kit-sunset .k-hero-copy p{margin:20px 0 28px;color:var(--k-muted);max-width:460px} .hds-kit-sunset .k-hero-media{position:relative} .hds-kit-sunset .k-glass-frame{display:block;padding:12px;border-radius:36px;background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px rgba(139,60,120,.2)} .hds-kit-sunset .k-glass-frame img,.hds-kit-sunset .k-glass-frame .k-ph{width:100%;aspect-ratio:4/3.6;object-fit:cover;object-position:var(--k-focus);border-radius:26px} .hds-kit-sunset .k-glass-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 36px rgba(139,60,120,.18)} .hds-kit-sunset .k-glass-chip>.k-icon{width:36px;height:36px;padding:8px;border-radius:12px;background:linear-gradient(135deg,var(--k-primary),var(--k-accent));color:#fff} .hds-kit-sunset .k-glass-chip b{display:block;font-size:.84rem} .hds-kit-sunset .k-glass-chip small{display:block;font-size:.72rem;color:var(--k-muted)} .hds-kit-sunset .k-glass-chip.is-g1{left:-30px;bottom:14%} .hds-kit-sunset .k-glass-chip.is-g2{right:-20px;top:10%} .hds-kit-sunset .k-sunset-pills{padding:0 0 20px} .hds-kit-sunset .k-pill-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px} .hds-kit-sunset .k-pill-row a{display:inline-flex;align-items:center;gap:10px;padding:6px 18px 6px 6px;border-radius:999px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);font-weight:600;font-size:.9rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s} .hds-kit-sunset .k-pill-row a:hover{transform:translateY(-3px)} .hds-kit-sunset .k-pill-row img,.hds-kit-sunset .k-pill-row .k-ph{width:36px;height:36px;border-radius:50%;object-fit:cover;min-height:0} .hds-kit-sunset .k-glass-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .hds-kit-sunset .k-sun-card{display:flex;flex-direction:column;gap:10px;padding:12px 12px 22px;border-radius:26px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 40px rgba(139,60,120,.12);transition:transform .25s} .hds-kit-sunset .k-sun-card:hover{transform:translateY(-6px)} .hds-kit-sunset .k-sun-img{position:relative} .hds-kit-sunset .k-sun-img img,.hds-kit-sunset .k-sun-img .k-ph{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:18px} .hds-kit-sunset .k-sun-img em{position:absolute;left:12px;top:12px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.85);font-style:normal;font-size:.74rem;font-weight:700} .hds-kit-sunset .k-sun-card strong,.hds-kit-sunset .k-sun-card small,.hds-kit-sunset .k-sun-card b{padding:0 10px} .hds-kit-sunset .k-sun-card strong{font-size:1.1rem;line-height:1.3} .hds-kit-sunset .k-sun-card small{color:var(--k-muted);font-size:.86rem} .hds-kit-sunset .k-sun-card b{margin-top:auto;color:var(--k-primary)} .hds-kit-sunset .k-dusk{position:relative;padding:clamp(40px,6vw,80px);border-radius:36px;background:linear-gradient(135deg,#2b1a4a,#4a1f5c 60%,#7a2a6a);color:#fff;text-align:center;overflow:hidden} .hds-kit-sunset .k-dusk .k-orb.is-o1{opacity:.45} .hds-kit-sunset .k-dusk .k-orb.is-o2{opacity:.4} .hds-kit-sunset .k-dusk h2,.hds-kit-sunset .k-dusk p,.hds-kit-sunset .k-dusk .k-btn{position:relative} .hds-kit-sunset .k-dusk h2{font-size:clamp(28px,3.6vw,48px);max-width:760px;margin:0 auto 14px} .hds-kit-sunset .k-dusk p{opacity:.85;max-width:560px;margin:0 auto 26px} .hds-kit-sunset .k-head h2{font-size:clamp(26px,3vw,40px)} .hds-kit-sunset .k-card a,.hds-kit-sunset .k-topic,.hds-kit-sunset .k-links-grid a,.hds-kit-sunset .k-faq details{background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)} .hds-kit-sunset .k-newsletter-box{background:linear-gradient(135deg,#2b1a4a,#7a2a6a)} .hds-kit-sunset .k-banner-box{background:linear-gradient(135deg,#2b1a4a,#7a2a6a)} .hds-kit-sunset .k-footer{background:var(--k-dark)} /* ===================================================================== KIT 23 · CUADERNO KRAFT ===================================================================== */ .hds-kit-kraft{--k-radius:6px;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.18) 0,transparent 40%),repeating-linear-gradient(45deg,rgba(120,90,50,.035) 0 2px,transparent 2px 6px) var(--k-background)} .hds-kit-kraft .k-hand{display:inline-block;font-family:var(--k-font-script);font-size:1.6rem;color:var(--k-primary);transform:rotate(-3deg);margin-bottom:10px} .hds-kit-kraft .k-hero{padding:40px 0 60px} .hds-kit-kraft .k-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:max(var(--k-hero-h),500px)} .hds-kit-kraft .k-hero-copy h1{font-size:clamp(38px,5vw,66px);line-height:1.04} .hds-kit-kraft h1 em,.hds-kit-kraft h2 em{font-style:normal;background:linear-gradient(transparent 58%,var(--k-accent) 58%,var(--k-accent) 88%,transparent 88%)} .hds-kit-kraft .k-hero-copy p{margin:18px 0 26px;color:var(--k-muted);max-width:460px} .hds-kit-kraft .k-btn{border-radius:4px} .hds-kit-kraft .k-btn.is-primary{box-shadow:4px 4px 0 var(--k-dark)} .hds-kit-kraft .k-btn.is-accent{color:#2a1d10} .hds-kit-kraft .k-hero-media{position:relative;min-height:440px} .hds-kit-kraft .k-polaroid{position:absolute;margin:0;padding:12px 12px 46px;background:#fff;box-shadow:0 18px 36px rgba(60,40,20,.25)} .hds-kit-kraft .k-polaroid img,.hds-kit-kraft .k-polaroid .k-ph{width:100%;aspect-ratio:1;object-fit:cover;object-position:var(--k-focus)} .hds-kit-kraft .k-polaroid figcaption{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-family:var(--k-font-script);font-size:1.3rem;color:var(--k-dark)} .hds-kit-kraft .k-polaroid.is-p1{width:68%;right:4%;top:0;transform:rotate(4deg);z-index:2} .hds-kit-kraft .k-polaroid.is-p2{width:44%;left:0;bottom:0;transform:rotate(-8deg)} .hds-kit-kraft .k-tape{position:absolute;left:50%;top:-14px;width:110px;height:30px;background:rgba(235,215,150,.75);transform:translateX(-50%) rotate(-4deg);box-shadow:0 2px 4px rgba(0,0,0,.08)} .hds-kit-kraft .k-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px} .hds-kit-kraft .k-note{position:relative;display:grid;gap:8px;align-content:start;min-height:180px;padding:30px 22px 22px;box-shadow:0 14px 26px rgba(60,40,20,.18);transition:transform .25s} .hds-kit-kraft .k-note:nth-child(odd){transform:rotate(-1.5deg)} .hds-kit-kraft .k-note:nth-child(even){transform:rotate(1.5deg)} .hds-kit-kraft .k-note:hover{transform:rotate(0) translateY(-4px)} .hds-kit-kraft .k-note.is-yellow{background:#fff1a8} .hds-kit-kraft .k-note.is-pink{background:#ffd3d8} .hds-kit-kraft .k-note.is-blue{background:#d4e9ff} .hds-kit-kraft .k-note.is-green{background:#d6f2cf} .hds-kit-kraft .k-pin{position:absolute;left:50%;top:10px;width:16px;height:16px;border-radius:50%;background:var(--k-primary);box-shadow:0 2px 3px rgba(0,0,0,.3);transform:translateX(-50%)} .hds-kit-kraft .k-note strong{font-family:var(--k-font-heading);font-size:1.3rem;line-height:1.15} .hds-kit-kraft .k-note small{color:#4a3f30;font-size:.88rem} .hds-kit-kraft .k-note em{font-family:var(--k-font-script);font-style:normal;font-size:1.3rem;color:var(--k-primary);margin-top:auto} .hds-kit-kraft .k-notebook{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px} .hds-kit-kraft .k-page{position:relative;display:flex;flex-direction:column;gap:6px;padding:26px 22px 22px 44px;background:#fffdf6 repeating-linear-gradient(180deg,transparent 0 27px,#d9e4f2 27px 28px);box-shadow:0 14px 26px rgba(60,40,20,.15);transition:transform .25s} .hds-kit-kraft .k-page::before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:#e8a0a0} .hds-kit-kraft .k-page:hover{transform:translateY(-4px) rotate(-.5deg)} .hds-kit-kraft .k-page-photo{position:relative;display:block;width:70%;margin:6px 0 10px;padding:8px;background:#fff;box-shadow:0 8px 16px rgba(60,40,20,.2);transform:rotate(-2deg)} .hds-kit-kraft .k-page-photo .k-tape{width:70px;height:22px;top:-10px} .hds-kit-kraft .k-page-photo img,.hds-kit-kraft .k-page-photo .k-ph{width:100%;aspect-ratio:4/3;object-fit:cover;min-height:0} .hds-kit-kraft .k-page small{color:var(--k-primary);font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em} .hds-kit-kraft .k-page strong{font-family:var(--k-font-heading);font-size:1.2rem;line-height:1.25} .hds-kit-kraft .k-page p{color:var(--k-muted);font-size:.88rem;line-height:28px} .hds-kit-kraft .k-page em{font-family:var(--k-font-script);font-style:normal;font-size:1.3rem;color:var(--k-primary);margin-top:auto} .hds-kit-kraft .k-letter{position:relative;max-width:820px;margin:0 auto;padding:clamp(34px,5vw,60px);background:#fffdf6;box-shadow:0 20px 40px rgba(60,40,20,.2);text-align:center;transform:rotate(-.6deg)} .hds-kit-kraft .k-letter .k-tape.is-left{left:12%} .hds-kit-kraft .k-letter .k-tape.is-right{left:88%;transform:translateX(-50%) rotate(5deg)} .hds-kit-kraft .k-letter h2{font-size:clamp(26px,3.2vw,40px);margin-bottom:12px} .hds-kit-kraft .k-letter p{color:var(--k-muted);margin-bottom:22px} .hds-kit-kraft .k-card a{background:#fffdf6;border-radius:4px;box-shadow:0 10px 22px rgba(60,40,20,.14)} .hds-kit-kraft .k-topic,.hds-kit-kraft .k-links-grid a,.hds-kit-kraft .k-faq details{background:#fffdf6;border-radius:4px} .hds-kit-kraft .k-head h2{font-size:clamp(28px,3.2vw,42px)} .hds-kit-kraft .k-newsletter-box,.hds-kit-kraft .k-banner-box{background:var(--k-dark);border-radius:4px} .hds-kit-kraft .k-footer{background:var(--k-dark)} /* ===================================================================== KIT 24 · NEÓN NOCTURNO ===================================================================== */ .hds-kit-night{--k-radius:20px;--k-hbox:rgba(19,26,51,.85);background:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1.5px) 0 0/26px 26px var(--k-background)} .hds-kit-night h1,.hds-kit-night h2,.hds-kit-night h3{color:#fff} .hds-kit-night .k-hero{position:relative;padding:50px 0 70px;overflow:hidden} .hds-kit-night .k-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45;pointer-events:none} .hds-kit-night .k-glow.is-g1{width:420px;height:420px;left:-120px;top:-80px;background:var(--k-primary)} .hds-kit-night .k-glow.is-g2{width:380px;height:380px;right:-60px;bottom:-120px;background:#7b5cff} .hds-kit-night .k-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:max(var(--k-hero-h),500px)} .hds-kit-night .k-neon-tag{display:inline-block;padding:6px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--k-accent) 60%,transparent);color:var(--k-accent);font-size:.8rem;font-weight:600;margin-bottom:22px;box-shadow:0 0 18px color-mix(in srgb,var(--k-accent) 30%,transparent)} .hds-kit-night .k-hero-copy h1{font-size:clamp(34px,4.6vw,62px);line-height:1.04;background:linear-gradient(110deg,#fff 30%,var(--k-primary) 70%,var(--k-accent));-webkit-background-clip:text;background-clip:text;color:transparent} .hds-kit-night .k-hero-copy p{margin:20px 0 28px;color:var(--k-muted);max-width:470px} .hds-kit-night .k-btn.is-ghost{color:#fff;border-color:rgba(255,255,255,.35)} .hds-kit-night .k-neon-stats{display:flex;gap:30px;margin-top:36px} .hds-kit-night .k-neon-stats span{display:grid} .hds-kit-night .k-neon-stats b{font-family:var(--k-font-heading);font-size:1.8rem;color:var(--k-primary);text-shadow:0 0 16px color-mix(in srgb,var(--k-primary) 60%,transparent)} .hds-kit-night .k-neon-stats small{color:var(--k-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em} .hds-kit-night .k-neon-frame{position:relative;display:block;padding:2px;border-radius:30px;background:linear-gradient(135deg,var(--k-primary),#7b5cff,var(--k-accent));box-shadow:0 0 40px color-mix(in srgb,var(--k-primary) 35%,transparent)} .hds-kit-night .k-neon-frame img,.hds-kit-night .k-neon-frame .k-ph{width:100%;aspect-ratio:4/3.4;object-fit:cover;object-position:var(--k-focus);border-radius:28px;display:block} .hds-kit-night .k-neon-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .hds-kit-night .k-neon-cell{position:relative;display:grid;gap:6px;align-content:end;min-height:200px;padding:22px;border-radius:20px;background:var(--k-surface);border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s} .hds-kit-night .k-neon-cell.is-wide{grid-column:span 2} .hds-kit-night .k-neon-cell:hover{border-color:var(--k-primary);box-shadow:0 0 0 1px var(--k-primary),0 0 30px color-mix(in srgb,var(--k-primary) 30%,transparent);transform:translateY(-3px)} .hds-kit-night .k-neon-thumb{position:absolute;inset:0;opacity:.28} .hds-kit-night .k-neon-thumb img,.hds-kit-night .k-neon-thumb .k-ph{width:100%;height:100%;object-fit:cover} .hds-kit-night .k-neon-cell>*:not(.k-neon-thumb){position:relative} .hds-kit-night .k-neon-cell small{color:var(--k-accent);font-weight:700;font-size:.78rem} .hds-kit-night .k-neon-cell strong{font-family:var(--k-font-heading);font-size:1.2rem;color:#fff} .hds-kit-night .k-neon-cell em{font-style:normal;color:var(--k-muted);font-size:.84rem} .hds-kit-night .k-neon-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .hds-kit-night .k-neon-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 14px 22px;border-radius:20px;background:var(--k-surface);border:1px solid rgba(255,255,255,.08);transition:transform .25s,box-shadow .25s} .hds-kit-night .k-neon-card::before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;background:linear-gradient(90deg,var(--k-primary),var(--k-accent));box-shadow:0 0 12px var(--k-primary)} .hds-kit-night .k-neon-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 24px color-mix(in srgb,var(--k-primary) 22%,transparent)} .hds-kit-night .k-neon-img img,.hds-kit-night .k-neon-img .k-ph{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px} .hds-kit-night .k-neon-card small{color:var(--k-primary);font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;padding:0 6px} .hds-kit-night .k-neon-card strong{color:#fff;font-size:1.08rem;line-height:1.3;padding:0 6px} .hds-kit-night .k-neon-card p{color:var(--k-muted);font-size:.86rem;padding:0 6px} .hds-kit-night .k-neon-card b{margin-top:auto;color:var(--k-accent);padding:0 6px} .hds-kit-night .k-neon-box{padding:clamp(34px,5vw,64px);border-radius:28px;background:var(--k-surface);border:1px solid color-mix(in srgb,var(--k-primary) 50%,transparent);box-shadow:0 0 50px color-mix(in srgb,var(--k-primary) 20%,transparent),inset 0 0 40px rgba(53,224,208,.06);text-align:center} .hds-kit-night .k-neon-box h2{font-size:clamp(26px,3.4vw,44px);max-width:760px;margin:0 auto 12px} .hds-kit-night .k-neon-box p{color:var(--k-muted);max-width:560px;margin:0 auto 24px} .hds-kit-night .k-card a,.hds-kit-night .k-topic,.hds-kit-night .k-links-grid a,.hds-kit-night .k-faq details{background:var(--k-surface);border:1px solid rgba(255,255,255,.08)} .hds-kit-night .k-card-body h3,.hds-kit-night .k-topic-copy strong,.hds-kit-night .k-links-grid strong,.hds-kit-night .k-faq summary,.hds-kit-night .k-list-copy strong{color:#fff} .hds-kit-night .k-card-body p,.hds-kit-night .k-topic-copy small,.hds-kit-night .k-links-grid small,.hds-kit-night .k-list-copy small,.hds-kit-night .k-faq details p,.hds-kit-night .k-head p{color:var(--k-muted)} .hds-kit-night .k-card-body .k-btn,.hds-kit-night .k-btn.is-primary{color:#04121a} .hds-kit-night .k-links-icon,.hds-kit-night .k-faq summary span,.hds-kit-night .k-trust-icon{background:rgba(53,224,208,.12);color:var(--k-primary)} .hds-kit-night .k-banner-box,.hds-kit-night .k-newsletter-box{background:var(--k-surface);border:1px solid rgba(255,255,255,.08)} .hds-kit-night .k-newsletter-form b{color:#04121a} .hds-kit-night .k-menu ul{background:var(--k-surface);color:var(--k-text)} .hds-kit-night .k-menu ul a{color:var(--k-text)} .hds-kit-night .k-footer{background:var(--k-dark);color:var(--k-text)} /* ---------- 8 kits v0.35.1 · responsive ---------- */ @media (max-width:1100px){ .hds-kit-georgia .k-dish-row{grid-template-columns:repeat(3,minmax(0,1fr))} .hds-kit-georgia .k-hits,.hds-kit-beauty .k-shelf{grid-template-columns:repeat(3,minmax(0,1fr))} .hds-kit-indigo .k-hero-grid{grid-template-columns:1fr 1fr} .hds-kit-indigo .k-hero-side{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))} .hds-kit-indigo .k-collection{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:900px){ .hds-kit-leaf .k-hero-grid,.hds-kit-beauty .k-hero-grid,.hds-kit-sunset .k-hero-grid,.hds-kit-kraft .k-hero-grid,.hds-kit-night .k-hero-grid,.hds-kit-indigo .k-hero-grid{grid-template-columns:1fr} .hds-kit-leaf .k-hero-media{min-height:340px} .hds-kit-leaf .k-leaf-panel{grid-template-columns:1fr 1fr} .hds-kit-leaf .k-tiles,.hds-kit-sunset .k-glass-grid,.hds-kit-kraft .k-notes,.hds-kit-kraft .k-notebook,.hds-kit-night .k-neon-cards,.hds-kit-night .k-neon-bento{grid-template-columns:1fr 1fr} .hds-kit-georgia .k-hero-inner{grid-template-columns:1fr;padding:90px 0 80px} .hds-kit-georgia .k-oven,.hds-kit-georgia .k-peach-banner,.hds-kit-beauty .k-promo-pair,.hds-kit-beauty .k-journey,.hds-kit-indigo .k-strong{grid-template-columns:1fr} .hds-kit-georgia .k-peach-media{margin:0 -48px -48px;max-height:260px} .hds-kit-georgia .k-stamp{left:0;top:-30px;width:96px;height:96px} .hds-kit-beauty .k-mini-trust,.hds-kit-beauty .k-beige-strip{grid-template-columns:1fr 1fr} .hds-kit-beauty .k-arch-frame{width:100%} .hds-kit-beauty .k-float-badges{display:none} .hds-kit-indigo .k-hero-side{grid-template-columns:1fr} .hds-kit-indigo .k-round-photo{width:140px} .hds-kit-indigo .k-why-ring{grid-template-columns:1fr 1fr} .hds-kit-indigo .k-why-center{grid-column:1/-1;grid-row:auto;max-width:300px;margin:0 auto} .hds-kit-indigo .k-why-item.is-tl,.hds-kit-indigo .k-why-item.is-bl,.hds-kit-indigo .k-why-item.is-tr,.hds-kit-indigo .k-why-item.is-br{grid-column:auto;grid-row:auto;justify-self:start} .hds-kit-indigo .k-curl{display:none} .hds-kit-indigo .k-night-band .k-wrap{grid-template-columns:1fr} .hds-kit-indigo .k-night-right{text-align:left} .hds-kit-mono .k-mono-split{grid-template-columns:1fr} .hds-kit-mono .k-index a{grid-template-columns:50px 1fr 30px} .hds-kit-mono .k-index small{display:none} .hds-kit-mono .k-mono-grid{grid-template-columns:1fr} .hds-kit-mono .k-mono-card.is-big{grid-row:auto} .hds-kit-mono .k-mono-head,.hds-kit-mono .k-mono-cta .k-wrap{flex-direction:column;align-items:flex-start} .hds-kit-sunset .k-glass-chip.is-g1{left:0} .hds-kit-sunset .k-glass-chip.is-g2{right:0} .hds-kit-kraft .k-hero-media{min-height:380px} .hds-kit-night .k-neon-cell.is-wide{grid-column:span 2} } @media (max-width:600px){ .hds-kit-leaf .k-leaf-panel,.hds-kit-leaf .k-tiles,.hds-kit-sunset .k-glass-grid,.hds-kit-kraft .k-notes,.hds-kit-kraft .k-notebook,.hds-kit-night .k-neon-cards,.hds-kit-night .k-neon-bento,.hds-kit-beauty .k-mini-trust,.hds-kit-beauty .k-beige-strip,.hds-kit-indigo .k-collection,.hds-kit-indigo .k-why-ring{grid-template-columns:1fr} .hds-kit-night .k-neon-cell.is-wide{grid-column:auto} .hds-kit-georgia .k-dish-row,.hds-kit-georgia .k-hits,.hds-kit-beauty .k-shelf{grid-template-columns:1fr 1fr} .hds-kit-beauty .k-cat-circles a{flex-basis:42%} .hds-kit-georgia .k-perks{grid-template-columns:1fr 1fr} .hds-kit-georgia .k-hot-cards{flex-wrap:wrap} .hds-kit-georgia .k-hot-card{width:100%} .hds-kit-beauty .k-promo-card{grid-template-columns:1fr} .hds-kit-beauty .k-journey-card{position:static;margin-top:12px;grid-template-columns:1fr 1fr 1fr} .hds-kit-beauty .k-journey-media{padding:0} .hds-kit-beauty .k-journey-media::before{display:none} .hds-kit-beauty .k-stats{grid-template-columns:1fr} .hds-kit-mono .k-mono-meta{flex-direction:column;gap:4px} .hds-kit-night .k-neon-stats{gap:18px;flex-wrap:wrap} .hds-kit-kraft .k-polaroid.is-p1{width:78%} } /* ===================================================================== KIT 25 · HOGAR ACOGEDOR (v0.35.4) ===================================================================== */ .hds-kit-nest{--k-radius:14px} .hds-kit-nest h1,.hds-kit-nest h2{font-weight:500;letter-spacing:-.01em;line-height:1.05} .hds-kit-nest .k-kicker{color:var(--k-primary);font-size:.7rem;letter-spacing:.2em} .hds-kit-nest .k-btn{padding:12px 24px} .hds-kit-nest .k-btn.is-primary{box-shadow:0 10px 22px rgba(168,81,58,.25)} .hds-kit-nest .k-btn.is-ghost{color:var(--k-primary);border-color:color-mix(in srgb,var(--k-primary) 55%,transparent)} .hds-kit-nest .k-btn.is-dark{background:var(--k-dark);color:#fff} .hds-kit-nest .k-btn.is-cream{background:#fff;color:var(--k-dark)} .hds-kit-nest .k-nest-go{display:inline-grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:1px solid color-mix(in srgb,var(--k-text) 30%,transparent);font-style:normal} .hds-kit-nest .k-nest-go .k-icon{width:14px;height:14px} .hds-kit-nest .k-nest-note{position:relative;display:inline-block;margin-top:34px;padding-left:36px;font-family:var(--k-font-script);font-size:1.3rem;line-height:1.3;color:var(--k-muted);transform:rotate(-5deg);max-width:280px} .hds-kit-nest .k-nest-note svg{position:absolute;left:30px;bottom:-14px;width:70px;height:20px;fill:none;stroke:var(--k-primary);stroke-width:1.4;stroke-linecap:round} .hds-kit-nest .k-nest-note.is-corner{position:absolute;right:max(24px,calc((100% - var(--k-wrap))/2));top:26px;margin:0;padding:0;font-size:1.2rem} /* Hero */ .hds-kit-nest .k-hero{position:relative;min-height:max(var(--k-hero-h),540px);display:flex;align-items:center;overflow:hidden;background:var(--k-background)} .hds-kit-nest .k-nest-leaf{position:absolute;left:-110px;top:4%;width:150px;height:220px;border-radius:0 100% 0 100%;background:radial-gradient(circle at 30% 30%,#7f9a6a,#3d5537);filter:blur(1.5px);opacity:.75;transform:rotate(-24deg)} .hds-kit-nest .k-hero-grid{position:relative;z-index:2;display:block;padding:70px 0} .hds-kit-nest .k-hero-copy{max-width:min(46%,560px)} .hds-kit-nest .k-hero-copy h1{font-size:clamp(40px,4.6vw,66px)} .hds-kit-nest .k-hero-copy p{margin:16px 0 26px;color:var(--k-muted);max-width:430px} .hds-kit-nest .k-nest-photo{position:absolute;top:0;right:0;bottom:0;width:54%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M20 0H100V100H6C1 84 13 70 9 52C5 34 23 18 20 0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M20 0H100V100H6C1 84 13 70 9 52C5 34 23 18 20 0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat} .hds-kit-nest .k-nest-photo img,.hds-kit-nest .k-nest-photo .k-ph{width:100%;height:100%;object-fit:cover;object-position:var(--k-focus)} .hds-kit-nest .k-nest-seal{position:absolute;right:5%;bottom:9%;display:grid;place-items:center;align-content:center;gap:6px;width:118px;height:118px;padding:14px;border-radius:50%;background:var(--k-dark);color:#f3ebe0;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-align:center;line-height:1.3;box-shadow:0 14px 30px rgba(0,0,0,.25)} .hds-kit-nest .k-nest-seal i{width:26px;height:1px;background:currentColor;opacity:.7} /* Franja de confianza */ .hds-kit-nest .k-nest-strip{background:var(--k-surface);border-block:1px solid color-mix(in srgb,var(--k-text) 10%,transparent)} .hds-kit-nest .k-nest-perks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))} .hds-kit-nest .k-nest-perk{display:flex;align-items:center;gap:14px;padding:20px 18px;border-left:1px solid color-mix(in srgb,var(--k-text) 10%,transparent)} .hds-kit-nest .k-nest-perk:first-child{border-left:0;padding-left:0} .hds-kit-nest .k-nest-perk>.k-icon{flex:0 0 auto;width:30px;height:30px;color:var(--k-text);stroke-width:1.3} .hds-kit-nest .k-nest-perk b{display:block;font-size:.84rem} .hds-kit-nest .k-nest-perk small{display:block;color:var(--k-muted);font-size:.74rem;line-height:1.35} /* Mosaico de categorías */ .hds-kit-nest .k-nest-intro{position:relative} .hds-kit-nest .k-nest-mosaic{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:150px 120px 180px;grid-template-areas:"h h t3 t4 t5" "t1 t2 t3 t4 t5" "t1 t2 t3 t6 t6";gap:12px} .hds-kit-nest .k-nest-head{grid-area:h;align-self:end;padding-right:20px} .hds-kit-nest .k-nest-head h2{font-size:clamp(28px,2.8vw,40px)} .hds-kit-nest .k-nest-head p{margin:10px 0 12px;color:var(--k-muted);font-size:.92rem} .hds-kit-nest .k-nest-link{font-weight:600;font-size:.86rem;color:var(--k-primary);text-decoration:underline;text-underline-offset:4px} .hds-kit-nest .k-nest-tile{position:relative;display:block;border-radius:16px;overflow:hidden;min-height:0;background:var(--k-surface)} .hds-kit-nest .k-nest-tile.is-t1{grid-area:t1}.hds-kit-nest .k-nest-tile.is-t2{grid-area:t2;margin-top:-30px}.hds-kit-nest .k-nest-tile.is-t3{grid-area:t3;border-radius:40px 16px 16px 16px}.hds-kit-nest .k-nest-tile.is-t4{grid-area:t4}.hds-kit-nest .k-nest-tile.is-t5{grid-area:t5;border-radius:16px 40px 16px 16px}.hds-kit-nest .k-nest-tile.is-t6{grid-area:t6} .hds-kit-nest .k-nest-tile img,.hds-kit-nest .k-nest-tile .k-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s} .hds-kit-nest .k-nest-tile:hover img{transform:scale(1.05)} .hds-kit-nest .k-nest-tile>span:last-child{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:40px 14px 14px;background:linear-gradient(0deg,rgba(25,20,15,.7),transparent);color:#fff} .hds-kit-nest .k-nest-tile strong{font-family:var(--k-font-heading);font-weight:500;font-size:1.35rem;line-height:1.05} .hds-kit-nest .k-nest-tile .k-nest-go{background:#fff;color:var(--k-text);border:0} .hds-kit-nest .k-nest-mosaic.is-few{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;grid-template-areas:none;grid-auto-rows:220px} .hds-kit-nest .k-nest-mosaic.is-few>*{grid-area:auto!important;margin:0!important} .hds-kit-nest .k-nest-mosaic.is-few .k-nest-head{grid-column:1/-1!important;align-self:auto} /* Bloques texto + tarjetas */ .hds-kit-nest .k-nest-guides{background:var(--k-secondary);overflow:hidden} .hds-kit-nest .k-nest-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:40px;align-items:center} .hds-kit-nest .k-nest-side h2{font-size:clamp(28px,2.8vw,40px)} .hds-kit-nest .k-nest-side p{margin:12px 0 22px;color:var(--k-muted);font-size:.94rem} .hds-kit-nest .k-nest-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .hds-kit-nest .k-nest-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 26px rgba(60,40,25,.08);transition:transform .25s,box-shadow .25s} .hds-kit-nest .k-nest-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(60,40,25,.12)} .hds-kit-nest .k-nest-card-img img,.hds-kit-nest .k-nest-card-img .k-ph{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;min-height:0} .hds-kit-nest .k-nest-card-body{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px;padding:14px;flex:1} .hds-kit-nest .k-nest-card strong{flex:1 1 70%;font-size:.94rem;font-weight:500;line-height:1.35} .hds-kit-nest .k-nest-compare .k-nest-card{background:transparent;box-shadow:none;border-radius:0} .hds-kit-nest .k-nest-compare .k-nest-card-img img{border-radius:12px} .hds-kit-nest .k-nest-compare .k-nest-card-body{display:block;padding:0} .hds-kit-nest .k-nest-compare em{display:inline-block;margin:-14px 0 8px 10px;position:relative;padding:4px 10px;border-radius:4px;background:var(--k-primary);color:#fff;font-style:normal;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase} .hds-kit-nest .k-nest-compare strong{display:block;font-family:var(--k-font-heading);font-size:1.3rem;line-height:1.15} .hds-kit-nest .k-nest-compare small{display:block;margin-top:8px;color:var(--k-muted);font-size:.8rem;line-height:1.5} /* Populares */ .hds-kit-nest .k-nest-featured{background:var(--k-surface)} .hds-kit-nest .k-nest-featured .k-head h2{font-size:clamp(26px,2.6vw,36px)} .hds-kit-nest .k-nest-featured .k-head-link{color:var(--k-primary);text-decoration:underline;text-underline-offset:4px} .hds-kit-nest .k-nest-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px} .hds-kit-nest .k-nest-card.is-mini strong{font-size:.86rem} /* Panel «¿qué necesitas?» */ .hds-kit-nest .k-nest-need{padding:0;background:var(--k-surface);overflow:hidden} .hds-kit-nest .k-nest-need-grid{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,3fr)} .hds-kit-nest .k-nest-panel{position:relative;padding:60px 36px 60px 0;background:var(--k-dark);color:#f3ebe0} .hds-kit-nest .k-nest-panel::before{content:"";position:absolute;top:0;bottom:0;right:100%;width:100vw;background:var(--k-dark)} .hds-kit-nest .k-nest-panel .k-kicker{color:#d9c7ae} .hds-kit-nest .k-nest-panel h2{color:#fff;font-size:clamp(28px,2.8vw,40px)} .hds-kit-nest .k-nest-panel p{margin:14px 0 24px;opacity:.85;font-size:.92rem} .hds-kit-nest .k-nest-sprig{position:absolute;right:20px;bottom:10px;width:90px;height:140px;border-radius:0 100% 0 100%;border:1px solid rgba(255,255,255,.35);transform:rotate(35deg);pointer-events:none} .hds-kit-nest .k-nest-need-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:28px 0 28px 22px;align-items:stretch;align-content:center} .hds-kit-nest .k-nest-card.is-topic .k-nest-card-body{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:6px} .hds-kit-nest .k-nest-card.is-topic strong{flex:0 0 auto;font-weight:600;font-size:.86rem} .hds-kit-nest .k-nest-card.is-topic .k-nest-go{margin-top:auto;align-self:flex-end} .hds-kit-nest .k-nest-card.is-topic small{color:var(--k-muted);font-size:.74rem;line-height:1.4} /* Banda final */ .hds-kit-nest .k-nest-band{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:300px;background:var(--k-primary);overflow:hidden} .hds-kit-nest .k-nest-band-img img,.hds-kit-nest .k-nest-band-img .k-ph{width:100%;height:100%;object-fit:cover;display:block} .hds-kit-nest .k-nest-band-copy{position:relative;width:min(100%,calc(var(--k-wrap)/2 + 40px));padding:56px 24px 56px 60px;color:#fff;align-self:center} .hds-kit-nest .k-nest-band-copy::before{content:"";position:absolute;left:-80px;top:-20%;bottom:-20%;width:160px;border-radius:50%;background:var(--k-primary)} .hds-kit-nest .k-nest-band-copy>*{position:relative} .hds-kit-nest .k-nest-band .k-kicker{color:#f6d9c8} .hds-kit-nest .k-nest-band h2{color:#fff;font-size:clamp(28px,3vw,44px)} .hds-kit-nest .k-nest-band p{margin:12px 0 22px;opacity:.9;max-width:460px} /* Genéricas con el estilo del kit */ .hds-kit-nest .k-card a,.hds-kit-nest .k-topic,.hds-kit-nest .k-links-grid a,.hds-kit-nest .k-faq details{background:#fff;border-radius:12px;box-shadow:0 8px 22px rgba(60,40,25,.06)} .hds-kit-nest .k-banner-box{background:var(--k-dark)} .hds-kit-nest .k-newsletter-box{background:var(--k-primary)} .hds-kit-nest .k-footer{background:var(--k-dark);color:#efe5d8} @media (max-width:1100px){ .hds-kit-nest .k-nest-row{grid-template-columns:repeat(3,minmax(0,1fr))} .hds-kit-nest .k-nest-need-grid{grid-template-columns:1fr} .hds-kit-nest .k-nest-panel{padding:44px 0} .hds-kit-nest .k-nest-panel::after{content:"";position:absolute;top:0;bottom:0;left:100%;width:100vw;background:var(--k-dark)} .hds-kit-nest .k-nest-need-cards{grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 0} .hds-kit-nest .k-nest-note.is-corner{display:none} } @media (max-width:900px){ .hds-kit-nest .k-hero{display:block;min-height:0} .hds-kit-nest .k-hero-grid{padding:40px 0 30px} .hds-kit-nest .k-hero-copy{max-width:none} .hds-kit-nest .k-nest-photo{position:relative;width:100%;height:340px;-webkit-mask:none;mask:none;border-radius:40px 0 0 0;margin-left:auto} .hds-kit-nest .k-nest-leaf{display:none} .hds-kit-nest .k-nest-perks{grid-template-columns:1fr 1fr} .hds-kit-nest .k-nest-perk{border-left:0;padding-left:0} .hds-kit-nest .k-nest-mosaic,.hds-kit-nest .k-nest-mosaic.is-few{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-template-areas:none;grid-auto-rows:200px} .hds-kit-nest .k-nest-mosaic>*{grid-area:auto!important;margin:0!important} .hds-kit-nest .k-nest-mosaic .k-nest-head{grid-column:1/-1!important} .hds-kit-nest .k-nest-split{grid-template-columns:1fr} .hds-kit-nest .k-nest-band{grid-template-columns:1fr} .hds-kit-nest .k-nest-band-img{height:240px} .hds-kit-nest .k-nest-band-copy{padding:40px 24px} .hds-kit-nest .k-nest-band-copy::before{display:none} } @media (max-width:600px){ .hds-kit-nest .k-nest-perks,.hds-kit-nest .k-nest-cards,.hds-kit-nest .k-nest-row,.hds-kit-nest .k-nest-need-cards{grid-template-columns:1fr 1fr} .hds-kit-nest .k-nest-cards>:nth-child(3):last-child,.hds-kit-nest .k-nest-row>:nth-child(5):last-child,.hds-kit-nest .k-nest-need-cards>:nth-child(5):last-child{grid-column:1/-1} .hds-kit-nest .k-nest-photo{height:260px} } /* ===================================================================== v0.36.0 · 7 KITS NUEVOS Pro amarillo, Brasa, Cielo cristal y Galería gris (de las referencias) + Gaceta, Plano técnico y Neobrutal (propios). ===================================================================== */ .hds-kit .k-btn.is-dark{background:var(--k-dark);color:#fff} .hds-kit .k-btn.is-yellow{background:var(--k-accent);color:var(--k-dark)} /* ---------- KIT 26 · PRO AMARILLO ---------- */ .hds-kit-pro{--k-radius:14px} .hds-kit-pro h1,.hds-kit-pro h2{font-weight:700;letter-spacing:-.025em} .hds-kit-pro .k-btn{border-radius:10px;padding:13px 22px} .hds-kit-pro .k-btn.is-ghost{border-color:color-mix(in srgb,var(--k-text) 30%,transparent);color:var(--k-text)} .hds-kit-pro .k-pro-tag{display:inline-block;padding:4px 12px;border:1.5px solid color-mix(in srgb,var(--k-text) 35%,transparent);border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px} .hds-kit-pro .k-hero{position:relative;min-height:max(var(--k-hero-h),560px);display:flex;align-items:center;background:linear-gradient(180deg,#f5f8fb,#fff);overflow:hidden} .hds-kit-pro .k-pro-photo{position:absolute;top:0;right:0;bottom:0;width:58%;-webkit-mask:linear-gradient(90deg,transparent,#000 22%);mask:linear-gradient(90deg,transparent,#000 22%)} .hds-kit-pro .k-pro-photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(0deg,#fff,transparent)} .hds-kit-pro .k-pro-photo img,.hds-kit-pro .k-pro-photo .k-ph{width:100%;height:100%;object-fit:cover;object-position:var(--k-focus)} .hds-kit-pro .k-hero-grid{position:relative;z-index:2;padding:60px 0 130px} .hds-kit-pro .k-hero-copy{max-width:min(50%,580px)} .hds-kit-pro .k-hero-copy h1{font-size:clamp(38px,4.8vw,66px);line-height:1.02} .hds-kit-pro .k-hero-copy h1 em{font-style:normal;color:#1f7a6b} .hds-kit-pro .k-hero-copy p{margin:18px 0 0;color:var(--k-muted);max-width:480px} .hds-kit-pro .k-pro-perks{display:flex;flex-wrap:wrap;gap:16px 26px;margin-top:30px} .hds-kit-pro .k-pro-perk{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:600;max-width:150px;line-height:1.3} .hds-kit-pro .k-pro-perk i{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--k-text) 25%,transparent);background:#fff} .hds-kit-pro .k-pro-cats{position:relative;z-index:3;margin-top:-90px;padding-bottom:20px} .hds-kit-pro .k-pro-cat-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} .hds-kit-pro .k-pro-cat-row.is-n4{grid-template-columns:repeat(4,minmax(0,1fr))} .hds-kit-pro .k-pro-cat-row.is-n3{grid-template-columns:repeat(3,minmax(0,1fr))} .hds-kit-pro .k-pro-cat,.hds-kit-pro .k-pro-type{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 14px 34px rgba(15,31,51,.10);transition:transform .25s,box-shadow .25s} .hds-kit-pro .k-pro-cat:hover,.hds-kit-pro .k-pro-type:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(15,31,51,.16)} .hds-kit-pro .k-pro-cat-img{display:block;aspect-ratio:4/3;overflow:hidden;margin:8px 8px 0;border-radius:10px} .hds-kit-pro .k-pro-cat-img img,.hds-kit-pro .k-pro-cat-img .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-pro .k-pro-cat-body{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 14px;flex:1} .hds-kit-pro .k-pro-cat-body strong{display:block;font-size:.95rem;line-height:1.25} .hds-kit-pro .k-pro-cat-body small{display:block;margin-top:3px;color:var(--k-muted);font-size:.74rem;line-height:1.35} .hds-kit-pro .k-pro-go{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--k-dark);color:#fff;font-style:normal} .hds-kit-pro .k-pro-go .k-icon{width:15px;height:15px} .hds-kit-pro .k-pro-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .hds-kit-pro .k-pro-type{background:var(--k-surface);box-shadow:none;border:1px solid color-mix(in srgb,var(--k-text) 7%,transparent)} .hds-kit-pro .k-pro-type-img{display:block;aspect-ratio:1/1;max-height:220px;overflow:hidden} .hds-kit-pro .k-pro-type-img img,.hds-kit-pro .k-pro-type-img .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-pro .k-head-link{color:var(--k-text);border:1.5px solid color-mix(in srgb,var(--k-text) 25%,transparent);border-radius:999px;padding:8px 16px;font-size:.84rem} .hds-kit-pro .k-pro-band{display:grid;grid-template-columns:1.1fr 1fr;padding:0;background:var(--k-dark);color:#fff;overflow:hidden} .hds-kit-pro .k-pro-band-media{position:relative;min-height:440px} .hds-kit-pro .k-pro-band-media>img,.hds-kit-pro .k-pro-band-media>.k-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .hds-kit-pro .k-pro-badge{position:absolute;left:7%;top:16%;max-width:180px;padding:16px 18px;border-radius:12px;background:rgba(40,52,40,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:800;font-size:1rem;line-height:1.15;text-transform:uppercase} .hds-kit-pro .k-pro-inset{position:absolute;left:7%;bottom:8%;width:36%;aspect-ratio:4/3;border:3px solid #fff;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.35)} .hds-kit-pro .k-pro-inset img{width:100%;height:100%;object-fit:cover} .hds-kit-pro .k-pro-band-copy{position:relative;padding:clamp(36px,5vw,72px);display:flex;flex-direction:column;justify-content:center;gap:14px} .hds-kit-pro .k-pro-band-copy::before{content:"";position:absolute;left:-80px;top:0;bottom:0;width:120px;background:var(--k-dark);clip-path:polygon(70% 0,100% 0,100% 100%,0 100%)} .hds-kit-pro .k-pro-band .k-kicker{color:#9fb3c8} .hds-kit-pro .k-pro-band h2{color:#fff;font-size:clamp(30px,3.4vw,46px);line-height:1.05} .hds-kit-pro .k-pro-band p{opacity:.82;max-width:480px} .hds-kit-pro .k-pro-checks{list-style:none;display:grid;gap:12px;margin:6px 0 10px} .hds-kit-pro .k-pro-checks li{display:flex;align-items:center;gap:12px;font-size:.9rem} .hds-kit-pro .k-pro-checks i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.12)} .hds-kit-pro .k-pro-checks .k-icon{width:15px;height:15px} .hds-kit-pro .k-pro-band .k-btn{align-self:flex-start} .hds-kit-pro .k-pro-learn{display:grid;grid-template-columns:.8fr 1fr .62fr;padding:0;background:var(--k-secondary);align-items:stretch} .hds-kit-pro .k-pro-learn-media{position:relative;min-height:340px} .hds-kit-pro .k-pro-learn-media img,.hds-kit-pro .k-pro-learn-media .k-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .hds-kit-pro .k-pro-learn-copy{padding:clamp(32px,4vw,56px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start} .hds-kit-pro .k-pro-learn-copy h2{font-size:clamp(28px,2.8vw,40px);line-height:1.08} .hds-kit-pro .k-pro-learn-copy p{margin:14px 0 22px;color:var(--k-muted);font-size:.95rem} .hds-kit-pro .k-pro-learn-links{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:30px clamp(20px,3vw,40px) 30px 0} .hds-kit-pro .k-pro-learn-links a{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:.86rem;font-weight:500;border-bottom:1px solid color-mix(in srgb,var(--k-text) 9%,transparent)} .hds-kit-pro .k-pro-learn-links a:hover{color:#1f7a6b} .hds-kit-pro .k-pro-learn-links i{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:8px;background:#fff;color:var(--k-primary)} .hds-kit-pro .k-pro-learn-links .k-icon{width:16px;height:16px} .hds-kit-pro .k-pro-how{overflow:hidden} .hds-kit-pro .k-pro-head{border-left:5px solid var(--k-accent);padding-left:16px;margin-bottom:34px} .hds-kit-pro .k-pro-head h2{font-size:clamp(28px,3vw,40px)} .hds-kit-pro .k-pro-head p{color:var(--k-muted);margin-top:6px} .hds-kit-pro .k-pro-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;position:relative;z-index:1} .hds-kit-pro .k-pro-steps a{display:flex;flex-direction:column;gap:8px} .hds-kit-pro .k-pro-step-img{position:relative;display:block;aspect-ratio:16/9;border-radius:10px;overflow:visible} .hds-kit-pro .k-pro-step-img img,.hds-kit-pro .k-pro-step-img .k-ph{width:100%;height:100%;object-fit:cover;border-radius:10px;min-height:0} .hds-kit-pro .k-pro-step-img b{position:absolute;left:-10px;top:-12px;z-index:2;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#1f6fe5;color:#fff;font-size:1rem;box-shadow:0 6px 14px rgba(31,111,229,.35)} .hds-kit-pro .k-pro-steps strong{font-size:1.02rem;margin-top:6px} .hds-kit-pro .k-pro-steps small{color:var(--k-muted);font-size:.84rem;line-height:1.45} .hds-kit-pro .k-pro-drops{position:absolute;right:-30px;top:20px;width:160px;height:260px;pointer-events:none} .hds-kit-pro .k-pro-drops i{position:absolute;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:radial-gradient(circle at 35% 30%,#fff,#9fd0ff 45%,#3f8fe6);opacity:.55} .hds-kit-pro .k-pro-drops i:nth-child(1){width:70px;height:84px;right:30px;top:0}.hds-kit-pro .k-pro-drops i:nth-child(2){width:40px;height:48px;right:100px;top:110px}.hds-kit-pro .k-pro-drops i:nth-child(3){width:90px;height:108px;right:0;top:140px} .hds-kit-pro .k-pro-compare{padding:0;background:linear-gradient(90deg,#eef7e9,#f6faf3 40%,#eef3f8)} .hds-kit-pro .k-pro-compare-grid{display:grid;grid-template-columns:1fr 1.1fr .9fr;align-items:center;gap:24px;min-height:340px} .hds-kit-pro .k-pro-compare-copy{padding:44px 0} .hds-kit-pro .k-pro-compare-copy h2{font-size:clamp(28px,2.8vw,40px);line-height:1.08} .hds-kit-pro .k-pro-compare-copy p{margin:14px 0 22px;color:var(--k-muted);font-size:.94rem} .hds-kit-pro .k-pro-compare .k-kicker{color:#3c7a32} .hds-kit-pro .k-pro-compare-media{align-self:stretch;position:relative;min-height:260px} .hds-kit-pro .k-pro-compare-media img,.hds-kit-pro .k-pro-compare-media .k-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .hds-kit-pro .k-pro-compare-list{display:grid;gap:12px;padding:24px;background:#fff;border-radius:14px;box-shadow:0 18px 40px rgba(15,31,51,.12)} .hds-kit-pro .k-pro-compare-list a{display:flex;gap:10px;align-items:center;font-size:.84rem;line-height:1.3} .hds-kit-pro .k-pro-compare-list i{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#2f9e44;color:#fff} .hds-kit-pro .k-pro-compare-list .k-icon{width:13px;height:13px;stroke-width:2.6} .hds-kit-pro .k-pro-cta{position:relative;overflow:hidden;background:var(--k-dark);color:#fff} .hds-kit-pro .k-pro-cta-img{position:absolute;top:0;right:0;bottom:0;width:60%} .hds-kit-pro .k-pro-cta-img img,.hds-kit-pro .k-pro-cta-img .k-ph{width:100%;height:100%;object-fit:cover} .hds-kit-pro .k-pro-cta-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--k-dark),color-mix(in srgb,var(--k-dark) 50%,transparent) 45%,transparent)} .hds-kit-pro .k-pro-cta .k-wrap{position:relative;padding:64px 0} .hds-kit-pro .k-pro-cta-copy{max-width:520px} .hds-kit-pro .k-pro-cta h2{color:#fff;font-size:clamp(28px,3vw,42px)} .hds-kit-pro .k-pro-cta p{margin:12px 0 24px;opacity:.85} .hds-kit-pro .k-card a,.hds-kit-pro .k-topic,.hds-kit-pro .k-links-grid a,.hds-kit-pro .k-faq details{background:#fff;border-radius:14px;box-shadow:0 10px 28px rgba(15,31,51,.08)} .hds-kit-pro .k-newsletter-box{background:var(--k-dark)} .hds-kit-pro .k-newsletter-form b{background:var(--k-accent);color:var(--k-dark)} .hds-kit-pro .k-footer{background:var(--k-dark)} .hds-kit-pro .k-header.k-h-clean{background:#fff} .hds-kit-pro .k-menu>li>a::before{background:var(--k-accent);height:3px} @media (max-width:1100px){ .hds-kit-pro .k-pro-cat-row,.hds-kit-pro .k-pro-cat-row.is-n4{grid-template-columns:repeat(3,minmax(0,1fr))} .hds-kit-pro .k-pro-learn{grid-template-columns:1fr 1fr} .hds-kit-pro .k-pro-learn-links{grid-column:1/-1;padding:0 32px 32px} .hds-kit-pro .k-pro-compare-grid{grid-template-columns:1fr 1fr} .hds-kit-pro .k-pro-compare-list{grid-column:1/-1;margin-bottom:32px} } @media (max-width:900px){ .hds-kit-pro .k-hero{display:block;min-height:0} .hds-kit-pro .k-pro-photo{position:relative;width:100%;height:320px;-webkit-mask:linear-gradient(0deg,transparent,#000 30%);mask:linear-gradient(0deg,transparent,#000 30%)} .hds-kit-pro .k-hero-grid{padding:10px 0 110px} .hds-kit-pro .k-hero-copy{max-width:none} .hds-kit-pro .k-pro-types,.hds-kit-pro .k-pro-steps{grid-template-columns:repeat(2,minmax(0,1fr))} .hds-kit-pro .k-pro-band,.hds-kit-pro .k-pro-learn,.hds-kit-pro .k-pro-compare-grid{grid-template-columns:1fr} .hds-kit-pro .k-pro-band-media{min-height:320px} .hds-kit-pro .k-pro-band-copy::before{display:none} .hds-kit-pro .k-pro-learn-media{min-height:240px} .hds-kit-pro .k-pro-learn-links{padding:0 24px 28px} .hds-kit-pro .k-pro-compare-copy{padding:40px 0 0} .hds-kit-pro .k-pro-cta-img{width:100%;opacity:.45} .hds-kit-pro .k-pro-drops{display:none} } @media (max-width:600px){ .hds-kit-pro .k-pro-cat-row,.hds-kit-pro .k-pro-cat-row.is-n4,.hds-kit-pro .k-pro-cat-row.is-n3{grid-template-columns:1fr 1fr} .hds-kit-pro .k-pro-cat-row>:last-child:nth-child(odd){grid-column:1/-1} .hds-kit-pro .k-pro-types,.hds-kit-pro .k-pro-steps{grid-template-columns:1fr} } /* ---------- KIT 27 · BRASA ---------- */ .hds-kit-ember{--k-radius:18px;--k-hbox:rgba(33,21,13,.9);background:radial-gradient(ellipse 60% 40% at 50% 0,rgba(255,106,19,.16),transparent 70%),var(--k-background)} .hds-kit-ember h1,.hds-kit-ember h2,.hds-kit-ember h3{color:#fff;font-weight:400;letter-spacing:.005em;text-transform:none} .hds-kit-ember .k-menu ul{background:var(--k-surface)} .hds-kit-ember .k-menu ul a{color:var(--k-text)} .hds-kit-ember .k-btn.is-ember{border-radius:4px;background:linear-gradient(180deg,#a64612,#6b2c0b);border:1px solid #ff8a3d;color:#fff;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:14px 30px;box-shadow:0 0 0 4px rgba(255,106,19,.08),0 14px 30px rgba(0,0,0,.4)} .hds-kit-ember .k-btn.is-ember:hover{box-shadow:0 0 0 4px rgba(255,106,19,.18),0 0 34px rgba(255,106,19,.35)} .hds-kit-ember .k-hero{position:relative;overflow:hidden;padding:30px 0 40px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px)} .hds-kit-ember .k-ember-scroll{position:absolute;left:22px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--k-muted)} .hds-kit-ember .k-ember-scroll::after{content:"";display:block;width:1px;height:80px;margin:18px auto 0;background:var(--k-muted);opacity:.5} .hds-kit-ember .k-ember-stage{position:relative;display:grid;justify-items:center;text-align:center;min-height:max(var(--k-hero-h),600px);padding-top:10px} .hds-kit-ember .k-ember-kicker{position:relative;z-index:3;font-size:clamp(18px,1.8vw,26px);color:#fff;font-weight:400;letter-spacing:.01em} .hds-kit-ember .k-ember-word{position:relative;z-index:1;display:block;max-width:100%;font-family:var(--k-font-heading);font-size:min(clamp(84px,15.5vw,230px),calc(min(100vw - 48px,1200px) * 2.05 / var(--k-chars,8)));line-height:.86;letter-spacing:-.01em;background:linear-gradient(180deg,#ff8a2a,#ff5a00 60%,#b33a00);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;overflow:hidden;text-overflow:clip} .hds-kit-ember .k-ember-photo{position:relative;z-index:2;width:min(500px,62%);aspect-ratio:5/4;margin-top:clamp(-120px,-8vw,-50px);border-radius:26px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.6),0 0 90px rgba(255,106,19,.28)} .hds-kit-ember .k-ember-photo img,.hds-kit-ember .k-ember-photo .k-ph{width:100%;height:100%;object-fit:cover;object-position:var(--k-focus)} .hds-kit-ember .k-ember-note{position:absolute;z-index:3;right:0;top:46%;width:min(300px,26%);text-align:left;padding-left:22px} .hds-kit-ember .k-ember-note i{position:absolute;left:-90px;top:12px;width:100px;height:60px;border-top:1px solid #ff8a3d;border-right:1px solid #ff8a3d;transform:scaleX(-1)} .hds-kit-ember .k-ember-note i::after{content:"";position:absolute;left:-5px;top:-5px;width:9px;height:9px;border-radius:50%;background:#ff8a3d;box-shadow:0 0 12px #ff6a13} .hds-kit-ember .k-ember-note h1{font-family:var(--k-font-body);font-size:clamp(17px,1.4vw,21px);line-height:1.3;font-weight:600;color:#fff} .hds-kit-ember .k-ember-note p{margin-top:8px;font-size:.8rem;color:var(--k-muted)} .hds-kit-ember .k-ember-stage>.k-btn{position:relative;z-index:3;margin-top:-26px} .hds-kit-ember .k-ember-links{position:absolute;right:0;bottom:30px;display:grid;gap:4px;text-align:left;font-size:.7rem;color:var(--k-muted)} .hds-kit-ember .k-ember-links a:hover{color:#ff8a3d} .hds-kit-ember .k-ember-perks{padding:44px 0;border-top:1px solid rgba(255,255,255,.06)} .hds-kit-ember .k-ember-perk-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} .hds-kit-ember .k-ember-perk{display:flex;align-items:center;gap:16px} .hds-kit-ember .k-ember-perk i{display:grid;place-items:center;flex:0 0 auto;width:62px;height:62px;border-radius:50%;border:1px solid rgba(255,138,61,.6);color:#ff8a3d;box-shadow:inset 0 0 20px rgba(255,106,19,.15)} .hds-kit-ember .k-ember-perk .k-icon{width:26px;height:26px;stroke-width:1.3} .hds-kit-ember .k-ember-perk b{font-family:var(--k-font-heading);font-weight:400;font-size:1.15rem;line-height:1.1;color:#fff;letter-spacing:.02em} .hds-kit-ember .k-ember-perk em{display:block;font-style:normal;color:#ff8a3d} .hds-kit-ember .k-ember-intro{overflow:hidden} .hds-kit-ember .k-ember-head{text-align:center;max-width:760px;margin:0 auto 40px;position:relative;z-index:2} .hds-kit-ember .k-ember-head.is-left{text-align:left;margin-left:0} .hds-kit-ember .k-ember-head h2{font-size:clamp(34px,4vw,58px);line-height:1} .hds-kit-ember .k-ember-head h2 em,.hds-kit-ember .k-ember-about h2 em{font-style:normal;color:#ff6a13} .hds-kit-ember .k-ember-head p{margin-top:12px;color:var(--k-muted);font-size:.92rem} .hds-kit-ember .k-ember-cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .hds-kit-ember .k-ember-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:80px;min-height:230px;padding:18px;border-radius:16px;background:rgba(24,15,9,.9);border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:border-color .25s,transform .25s} .hds-kit-ember .k-ember-card:hover{transform:translateY(-4px);border-color:rgba(255,138,61,.6)} .hds-kit-ember .k-ember-card.is-lit::before{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(255,106,19,.6),transparent 65%);z-index:1} .hds-kit-ember .k-ember-card-img{position:absolute;inset:0;opacity:.42;transition:opacity .3s} .hds-kit-ember .k-ember-card:hover .k-ember-card-img{opacity:.6} .hds-kit-ember .k-ember-card-img img,.hds-kit-ember .k-ember-card-img .k-ph{width:100%;height:100%;object-fit:cover;filter:grayscale(.6) sepia(.4)} .hds-kit-ember .k-ember-card-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,12,7,.4),rgba(20,12,7,.95))} .hds-kit-ember .k-ember-card em{position:relative;z-index:2;align-self:flex-start;padding:6px 12px;border-radius:6px;background:#3a2213;color:#fff;font-family:var(--k-font-heading);font-style:normal;font-size:1rem;letter-spacing:.04em} .hds-kit-ember .k-ember-card small{position:relative;z-index:2;color:#fff;font-size:.86rem;line-height:1.4} .hds-kit-ember .k-ember-dots{position:absolute;left:-10%;right:-10%;bottom:-30px;height:240px;background:radial-gradient(circle,rgba(255,120,40,.55) 1px,transparent 1.6px) 0 0/9px 9px;-webkit-mask:radial-gradient(ellipse 60% 50% at 50% 100%,#000,transparent 70%);mask:radial-gradient(ellipse 60% 50% at 50% 100%,#000,transparent 70%);transform:skewY(-4deg);pointer-events:none} .hds-kit-ember .k-ember-about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,70px);align-items:center} .hds-kit-ember .k-ember-about-media{position:relative;aspect-ratio:1/1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(255,138,61,.4),0 0 80px rgba(255,106,19,.3)} .hds-kit-ember .k-ember-about-media img,.hds-kit-ember .k-ember-about-media .k-ph{width:100%;height:100%;object-fit:cover} .hds-kit-ember .k-ember-about h2{font-size:clamp(40px,5.4vw,84px);line-height:.98} .hds-kit-ember .k-ember-about p{margin:20px 0 28px;color:var(--k-muted);max-width:500px} .hds-kit-ember .k-ember-list{display:grid;border-top:1px solid rgba(255,255,255,.1)} .hds-kit-ember .k-ember-list a{display:grid;grid-template-columns:60px 120px minmax(0,1fr) auto;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:background .2s} .hds-kit-ember .k-ember-list a:hover{background:rgba(255,106,19,.06)} .hds-kit-ember .k-ember-list b{font-family:var(--k-font-heading);font-weight:400;font-size:2rem;color:#ff6a13} .hds-kit-ember .k-ember-list-img{display:block;height:76px;border-radius:10px;overflow:hidden} .hds-kit-ember .k-ember-list-img img,.hds-kit-ember .k-ember-list-img .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-ember .k-ember-list strong{display:block;color:#fff;font-size:1.05rem} .hds-kit-ember .k-ember-list small{display:block;color:var(--k-muted);font-size:.84rem;margin-top:4px} .hds-kit-ember .k-go{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,138,61,.5);color:#ff8a3d;font-style:normal} .hds-kit-ember .k-go .k-icon{width:16px;height:16px} .hds-kit-ember .k-ember-cta-box{text-align:center;padding:clamp(44px,6vw,80px) 24px;border-radius:24px;border:1px solid rgba(255,138,61,.3);background:radial-gradient(ellipse at 50% 120%,rgba(255,106,19,.35),transparent 60%),var(--k-surface)} .hds-kit-ember .k-ember-cta h2{font-size:clamp(34px,4.4vw,64px);line-height:1} .hds-kit-ember .k-ember-cta p{margin:14px auto 28px;max-width:520px;color:var(--k-muted)} .hds-kit-ember .k-head h2{color:#fff} .hds-kit-ember .k-kicker,.hds-kit-ember .k-head-link{color:#ff8a3d} .hds-kit-ember .k-card a,.hds-kit-ember .k-topic,.hds-kit-ember .k-links-grid a,.hds-kit-ember .k-faq details{background:var(--k-surface);border:1px solid rgba(255,255,255,.07);box-shadow:none;color:var(--k-text)} .hds-kit-ember .k-card-body h3,.hds-kit-ember .k-faq summary{color:#fff} .hds-kit-ember .k-links-icon,.hds-kit-ember .k-faq summary span{background:#3a2213;color:#ff8a3d} .hds-kit-ember .k-list li a{border-color:rgba(255,255,255,.1)} .hds-kit-ember .k-list{border-color:rgba(255,255,255,.1)} .hds-kit-ember .k-banner-box{background:var(--k-surface);border:1px solid rgba(255,255,255,.07)} .hds-kit-ember .k-newsletter-box{background:linear-gradient(135deg,#8a3510,#4a1d08)} .hds-kit-ember .k-footer{background:#0b0604;border-top:1px solid rgba(255,255,255,.06)} .hds-kit-ember .k-footer .k-foot-name{font-family:var(--k-font-heading);font-weight:400;color:#ff8a3d} @media (max-width:1100px){ .hds-kit-ember .k-ember-note{position:relative;right:auto;top:auto;width:min(520px,100%);margin:22px auto 30px;padding:0;text-align:center} .hds-kit-ember .k-ember-note i{display:none} .hds-kit-ember .k-ember-stage>.k-btn{margin-top:0} .hds-kit-ember .k-ember-links{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:22px} .hds-kit-ember .k-ember-perk-row,.hds-kit-ember .k-ember-cards{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:900px){ .hds-kit-ember .k-ember-scroll{display:none} .hds-kit-ember .k-ember-photo{width:86%;margin-top:6px} .hds-kit-ember .k-ember-about-grid{grid-template-columns:1fr} .hds-kit-ember .k-ember-about-media{max-width:360px;margin:0 auto} .hds-kit-ember .k-ember-list a{grid-template-columns:44px 90px minmax(0,1fr);gap:14px} .hds-kit-ember .k-ember-list .k-go{display:none} } @media (max-width:600px){ .hds-kit-ember .k-ember-perk-row,.hds-kit-ember .k-ember-cards{grid-template-columns:1fr} .hds-kit-ember .k-ember-card{min-height:170px;gap:40px} .hds-kit-ember .k-ember-list a{grid-template-columns:40px minmax(0,1fr)} .hds-kit-ember .k-ember-list-img{display:none} } /* ---------- KIT 28 · CIELO CRISTAL ---------- */ .hds-kit-sky{--k-radius:22px;background:linear-gradient(180deg,#a9c8f3 0,#cfe1fb 300px,#e8f1ff 420px,#f3f7ff 1200px,#e8f1ff)} .hds-kit-sky h1,.hds-kit-sky h2{font-weight:700;letter-spacing:-.01em} .hds-kit-sky .k-hero{position:relative;padding:20px 0 40px;overflow:hidden} .hds-kit-sky .k-sky-word{display:block;text-align:center;font-family:var(--k-font-heading);font-size:min(clamp(60px,15vw,230px),calc(min(100vw - 48px,1200px) * 1.2 / var(--k-chars,8)));line-height:.9;letter-spacing:.02em;color:transparent;background:linear-gradient(180deg,#fff 20%,rgba(255,255,255,.25));-webkit-background-clip:text;background-clip:text;white-space:nowrap;overflow:hidden;text-shadow:0 0 0 transparent;user-select:none} .hds-kit-sky .k-sky-stage{position:relative;height:clamp(340px,34vw,460px);margin-top:-30px} .hds-kit-sky .k-sky-glow{position:absolute;left:50%;top:10%;width:min(560px,60%);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(255,255,255,0) 65%)} .hds-kit-sky .k-sky-photo{position:absolute;left:50%;bottom:0;width:min(400px,40%);height:92%;transform:translateX(-50%);border-radius:220px 220px 26px 26px;overflow:hidden;box-shadow:0 30px 60px rgba(13,35,70,.22)} .hds-kit-sky .k-sky-photo img,.hds-kit-sky .k-sky-photo .k-ph{width:100%;height:100%;object-fit:cover;object-position:var(--k-focus)} .hds-kit-sky .k-sky-float{position:absolute;z-index:3;display:grid;gap:4px;padding:14px;border-radius:16px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 40px rgba(13,35,70,.12);font-size:.78rem;line-height:1.35;transition:transform .25s} .hds-kit-sky a.k-sky-float:hover{transform:translateY(-4px)} .hds-kit-sky .k-sky-float.is-left{left:6%;top:18%;width:180px} .hds-kit-sky .k-sky-float.is-left strong{font-size:.9rem} .hds-kit-sky .k-sky-float.is-left small{color:var(--k-muted)} .hds-kit-sky .k-sky-orb{display:block;width:68px;height:68px;border-radius:50%;overflow:hidden;box-shadow:0 10px 24px rgba(13,35,70,.2);margin-bottom:6px} .hds-kit-sky .k-sky-orb img,.hds-kit-sky .k-sky-orb .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-sky .k-sky-float.is-top{left:58%;top:10%;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px} .hds-kit-sky .k-sky-faces{display:flex} .hds-kit-sky .k-sky-faces span{width:28px;height:28px;border-radius:50%;overflow:hidden;border:2px solid #fff;margin-left:-8px} .hds-kit-sky .k-sky-faces span:first-child{margin-left:0} .hds-kit-sky .k-sky-faces img,.hds-kit-sky .k-sky-faces .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-sky .k-sky-float.is-top b{font-size:1rem} .hds-kit-sky .k-sky-float.is-right{right:5%;top:26%;width:210px;background:linear-gradient(135deg,rgba(31,95,224,.92),rgba(13,58,140,.92));color:#fff;border-color:rgba(255,255,255,.3)} .hds-kit-sky .k-sky-float.is-right small{opacity:.8;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem} .hds-kit-sky .k-sky-float-img{display:block;height:70px;border-radius:10px;overflow:hidden;margin-top:6px} .hds-kit-sky .k-sky-float-img img,.hds-kit-sky .k-sky-float-img .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-sky .k-sky-panel{position:relative;z-index:4;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:24px;align-items:center;padding:30px 34px;margin-top:-30px;background:#fff;border-radius:30px;box-shadow:0 24px 60px rgba(13,35,70,.1)} .hds-kit-sky .k-sky-panel::before{content:"";position:absolute;left:50%;top:-34px;width:min(380px,40%);height:60px;transform:translateX(-50%);background:#fff;border-radius:40px 40px 0 0} .hds-kit-sky .k-sky-intro p{font-size:.86rem;color:var(--k-muted)} .hds-kit-sky .k-sky-intro a,.hds-kit-sky .k-sky-stat a,.hds-kit-sky .k-sky-link{display:inline-block;margin-top:12px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--k-text);border-bottom:2px solid currentColor} .hds-kit-sky .k-sky-center{position:relative;text-align:center;margin-top:-50px} .hds-kit-sky .k-sky-pill{display:inline-flex;gap:8px;align-items:center;padding:8px 18px;border-radius:999px;border:1px solid color-mix(in srgb,var(--k-text) 20%,transparent);background:#fff;font-size:.8rem;font-weight:600;margin-bottom:16px} .hds-kit-sky .k-sky-center h1{font-size:clamp(22px,2.5vw,36px);line-height:1.1;background:linear-gradient(180deg,#1f5fe0,#0d2346);-webkit-background-clip:text;background-clip:text;color:transparent} .hds-kit-sky .k-sky-stat{text-align:right} .hds-kit-sky .k-sky-stat small{display:inline-block;padding:3px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--k-text) 20%,transparent);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase} .hds-kit-sky .k-sky-stat b{display:block;font-family:var(--k-font-heading);font-size:clamp(40px,4vw,58px);line-height:1;margin-top:8px;color:var(--k-primary)} .hds-kit-sky .k-sky-stat span{display:block;font-size:.8rem;color:var(--k-muted)} .hds-kit-sky .k-sky-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center} .hds-kit-sky .k-sky-about h2{font-size:clamp(26px,3vw,40px);line-height:1.1} .hds-kit-sky .k-sky-about p{margin:16px 0 10px;color:var(--k-muted)} .hds-kit-sky .k-sky-about-media{position:relative;padding:20px} .hds-kit-sky .k-sky-blob{position:absolute;inset:8% 12% 0 4%;border-radius:40% 60% 50% 50%/50% 40% 60% 50%;background:linear-gradient(135deg,#bcd6ff,#e8f1ff)} .hds-kit-sky .k-sky-about-media>img,.hds-kit-sky .k-sky-about-media>.k-ph{position:relative;width:78%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;margin-left:auto;box-shadow:0 30px 60px rgba(13,35,70,.18)} .hds-kit-sky .k-sky-chip{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(13,35,70,.14);font-size:.78rem;color:var(--k-primary)} .hds-kit-sky .k-sky-chip b{color:var(--k-text);font-size:.8rem} .hds-kit-sky .k-sky-chip.is-c0{left:0;top:16%}.hds-kit-sky .k-sky-chip.is-c1{right:0;bottom:10%} .hds-kit-sky .k-sky-deep{position:relative;margin-top:70px;padding:110px clamp(24px,4vw,56px) clamp(32px,4vw,50px);border-radius:34px;background:radial-gradient(ellipse at 50% 0,#1e4b8f,transparent 60%),var(--k-dark);color:#fff;text-align:center} .hds-kit-sky .k-sky-notch{position:absolute;left:50%;top:-70px;width:150px;height:150px;transform:translateX(-50%);border-radius:50%;overflow:hidden;border:10px solid #eef4ff;box-shadow:0 18px 40px rgba(0,0,0,.25)} .hds-kit-sky .k-sky-notch img,.hds-kit-sky .k-sky-notch .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-sky .k-sky-deep h2{color:#fff;font-size:clamp(24px,3vw,40px)} .hds-kit-sky .k-sky-deep>p{margin:12px auto 22px;max-width:560px;opacity:.75;font-size:.92rem} .hds-kit-sky .k-btn.is-outline-light{border:1px solid rgba(255,255,255,.5);color:#fff;padding:10px 22px;font-size:.84rem} .hds-kit-sky .k-sky-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px;text-align:left} .hds-kit-sky .k-sky-card{display:flex;flex-direction:column;gap:8px;padding:12px 12px 18px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);transition:background .25s,transform .25s} .hds-kit-sky .k-sky-card:hover{background:rgba(255,255,255,.13);transform:translateY(-4px)} .hds-kit-sky .k-sky-card-img{display:block;aspect-ratio:16/10;border-radius:14px;overflow:hidden} .hds-kit-sky .k-sky-card-img img,.hds-kit-sky .k-sky-card-img .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-sky .k-sky-card strong{padding:4px 6px 0;font-size:1rem} .hds-kit-sky .k-sky-card small{padding:0 6px;opacity:.7;font-size:.82rem} .hds-kit-sky .k-sky-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .hds-kit-sky .k-sky-topics a{display:flex;align-items:center;gap:14px;padding:12px 18px 12px 12px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid #fff;box-shadow:0 10px 26px rgba(13,35,70,.07);transition:transform .2s} .hds-kit-sky .k-sky-topics a:hover{transform:translateY(-3px)} .hds-kit-sky .k-sky-topics .k-sky-orb{width:54px;height:54px;margin:0;flex:0 0 auto} .hds-kit-sky .k-sky-topics strong{flex:1;font-size:.95rem} .hds-kit-sky .k-sky-topics em{font-style:normal;color:var(--k-primary)} .hds-kit-sky .k-head h2{font-size:clamp(24px,2.8vw,38px)} .hds-kit-sky .k-card a,.hds-kit-sky .k-topic,.hds-kit-sky .k-links-grid a,.hds-kit-sky .k-faq details{background:rgba(255,255,255,.75);border:1px solid #fff;box-shadow:0 10px 26px rgba(13,35,70,.07)} .hds-kit-sky .k-banner-box,.hds-kit-sky .k-newsletter-box{background:var(--k-dark);border-radius:30px} .hds-kit-sky .k-newsletter-form b{background:var(--k-primary)} .hds-kit-sky .k-footer{background:var(--k-dark)} @media (max-width:1100px){ .hds-kit-sky .k-sky-float.is-left{left:2%}.hds-kit-sky .k-sky-float.is-right{right:2%} .hds-kit-sky .k-sky-panel{grid-template-columns:1fr 1fr} .hds-kit-sky .k-sky-center{grid-column:1/-1;grid-row:1;margin-top:-40px} .hds-kit-sky .k-sky-stat{text-align:right} } @media (max-width:900px){ .hds-kit-sky .k-sky-stage{height:auto;margin-top:14px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px} .hds-kit-sky .k-sky-photo{position:relative;left:auto;transform:none;width:min(360px,80%);height:380px;order:-1} .hds-kit-sky .k-sky-float{position:relative;left:auto!important;right:auto!important;top:auto!important} .hds-kit-sky .k-sky-float.is-top{order:-2} .hds-kit-sky .k-sky-glow{display:none} .hds-kit-sky .k-sky-panel{margin-top:20px;grid-template-columns:1fr;text-align:center} .hds-kit-sky .k-sky-panel::before{display:none} .hds-kit-sky .k-sky-center{margin-top:0} .hds-kit-sky .k-sky-stat{text-align:center} .hds-kit-sky .k-sky-about-grid,.hds-kit-sky .k-sky-cards{grid-template-columns:1fr} .hds-kit-sky .k-sky-topics{grid-template-columns:1fr 1fr} } @media (max-width:600px){.hds-kit-sky .k-sky-topics{grid-template-columns:1fr}} /* ---------- KIT 29 · GALERÍA GRIS ---------- */ .hds-kit-gallery{--k-radius:26px;--k-hbox:#f7f7f7} .hds-kit-gallery h1,.hds-kit-gallery h2{font-weight:500;letter-spacing:-.035em} .hds-kit-gallery .k-btn{padding:12px 24px} .hds-kit-gallery .k-btn.is-primary{background:var(--k-dark);box-shadow:none} .hds-kit-gallery .k-btn.is-ghost{border-color:color-mix(in srgb,var(--k-text) 25%,transparent)} .hds-kit-gallery .k-hero{padding:34px 0 50px} .hds-kit-gallery .k-hero>.k-wrap{background:var(--k-surface);border-radius:30px;padding:clamp(24px,3.4vw,46px);box-shadow:0 40px 80px rgba(0,0,0,.08)} .hds-kit-gallery .k-gal-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;position:relative;z-index:3} .hds-kit-gallery .k-gal-top h1{font-size:clamp(36px,4.8vw,70px);line-height:1.04;max-width:760px} .hds-kit-gallery .k-gal-bubbles{display:inline-flex;vertical-align:middle;margin-left:10px} .hds-kit-gallery .k-gal-bubbles i{display:grid;place-items:center;width:clamp(36px,3.6vw,50px);height:clamp(36px,3.6vw,50px);border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.12);font-size:clamp(14px,1.4vw,20px);color:#c58b2a} .hds-kit-gallery .k-gal-bubbles i+i{margin-left:-8px;background:#151515;color:#ffd84d} .hds-kit-gallery .k-gal-proof{display:grid;gap:6px;justify-items:start;max-width:170px;font-size:.76rem;color:var(--k-muted);margin-top:14px} .hds-kit-gallery .k-gal-faces{display:flex} .hds-kit-gallery .k-gal-faces span,.hds-kit-gallery .k-gal-faces i{width:34px;height:34px;border-radius:50%;overflow:hidden;border:2px solid var(--k-surface);margin-left:-9px;display:grid;place-items:center;background:#fff;font-style:normal;font-weight:700} .hds-kit-gallery .k-gal-faces span:first-child{margin-left:0} .hds-kit-gallery .k-gal-faces img,.hds-kit-gallery .k-gal-faces .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-gallery .k-gal-stage{position:relative;margin-top:26px;min-height:clamp(380px,36vw,500px)} .hds-kit-gallery .k-gal-stage::before{content:"";position:absolute;left:0;right:0;bottom:0;top:22%;background:var(--k-secondary);border-radius:30px} .hds-kit-gallery .k-gal-tab{position:absolute;right:0;top:0;width:44%;height:30%;background:var(--k-secondary);border-radius:30px 30px 0 0} .hds-kit-gallery .k-gal-tab::before{content:"";position:absolute;left:-30px;bottom:0;width:30px;height:30px;background:radial-gradient(circle at 0 0,transparent 29px,var(--k-secondary) 30px)} .hds-kit-gallery .k-gal-photo{position:absolute;z-index:2;left:24%;right:24%;top:0;bottom:6%;border-radius:26px;overflow:hidden;box-shadow:0 40px 70px rgba(0,0,0,.25)} .hds-kit-gallery .k-gal-photo img,.hds-kit-gallery .k-gal-photo .k-ph{width:100%;height:100%;object-fit:cover;object-position:var(--k-focus)} .hds-kit-gallery .k-gal-info{position:absolute;z-index:3;left:0;bottom:0;width:22%;min-width:190px;padding:22px 22px 26px;background:var(--k-surface);border-radius:0 30px 0 26px} .hds-kit-gallery .k-gal-info b{display:block;font-size:clamp(26px,2.4vw,38px);font-weight:500;letter-spacing:-.03em;line-height:1} .hds-kit-gallery .k-gal-info small{display:block;margin:4px 0 14px;font-size:.72rem;color:var(--k-muted)} .hds-kit-gallery .k-gal-info p{font-size:.8rem;line-height:1.5;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--k-text) 30%,transparent);text-underline-offset:3px} .hds-kit-gallery .k-gal-go{position:absolute;z-index:4;left:calc(22% - 10px);bottom:30px;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--k-accent);color:#fff;box-shadow:0 14px 30px color-mix(in srgb,var(--k-accent) 45%,transparent);transition:transform .25s} .hds-kit-gallery .k-gal-go:hover{transform:rotate(-45deg)} .hds-kit-gallery .k-gal-go .k-icon{width:22px;height:22px;transform:rotate(-45deg)} .hds-kit-gallery .k-gal-mini{position:absolute;z-index:3;right:22px;bottom:26px;display:grid;grid-template-columns:70px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;width:min(250px,20%);min-width:200px;padding:10px;border-radius:20px;background:var(--k-surface);box-shadow:0 12px 26px rgba(0,0,0,.08)} .hds-kit-gallery .k-gal-mini span{grid-row:1/3;width:70px;height:70px;border-radius:14px;overflow:hidden;background:#fff} .hds-kit-gallery .k-gal-mini img,.hds-kit-gallery .k-gal-mini .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-gallery .k-gal-mini b{font-size:.84rem;line-height:1.25;align-self:end} .hds-kit-gallery .k-gal-mini small{font-size:.7rem;color:var(--k-muted);align-self:start} .hds-kit-gallery .k-gal-under{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 40px;margin-top:28px} .hds-kit-gallery .k-gal-under p{max-width:560px;color:var(--k-muted)} .hds-kit-gallery .k-gal-under .k-actions{margin:0} .hds-kit-gallery .k-gal-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .hds-kit-gallery .k-gal-card{display:flex;flex-direction:column;gap:10px;padding:10px 10px 18px;border-radius:24px;background:var(--k-surface);transition:transform .25s,box-shadow .25s} .hds-kit-gallery .k-gal-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(0,0,0,.08)} .hds-kit-gallery .k-gal-card-img{display:block;aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:var(--k-secondary)} .hds-kit-gallery .k-gal-card-img img,.hds-kit-gallery .k-gal-card-img .k-ph{width:100%;height:100%;object-fit:cover;min-height:0;transition:transform .5s} .hds-kit-gallery .k-gal-card:hover img{transform:scale(1.05)} .hds-kit-gallery .k-gal-card-meta{display:flex;justify-content:space-between;padding:0 6px;font-size:.72rem;color:var(--k-muted)} .hds-kit-gallery .k-gal-card-meta b{color:var(--k-accent)} .hds-kit-gallery .k-gal-card strong{padding:0 6px;font-weight:500;font-size:1rem;line-height:1.3} .hds-kit-gallery .k-gal-split{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:start} .hds-kit-gallery .k-gal-split-copy{position:sticky;top:100px} .hds-kit-gallery .k-gal-split-copy h2{font-size:clamp(30px,3.4vw,48px);line-height:1.04} .hds-kit-gallery .k-gal-split-copy p{margin-top:14px;color:var(--k-muted)} .hds-kit-gallery .k-gal-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 12px;padding-bottom:26px} .hds-kit-gallery .k-gal-tiles a{position:relative;display:block;aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:var(--k-secondary)} .hds-kit-gallery .k-gal-tiles a:nth-child(3n+2){transform:translateY(26px)} .hds-kit-gallery .k-gal-tiles span{position:absolute;inset:0} .hds-kit-gallery .k-gal-tiles img,.hds-kit-gallery .k-gal-tiles .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-gallery .k-gal-tiles strong{position:absolute;left:10px;right:10px;bottom:10px;padding:10px 12px;border-radius:14px;background:rgba(247,247,247,.92);font-weight:500;font-size:.88rem;line-height:1.25} .hds-kit-gallery .k-gal-tiles i{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--k-accent);color:#fff;font-style:normal} .hds-kit-gallery .k-gal-about-box{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:30px;overflow:hidden;background:var(--k-surface)} .hds-kit-gallery .k-gal-about-media{min-height:400px;background:var(--k-secondary)} .hds-kit-gallery .k-gal-about-media img,.hds-kit-gallery .k-gal-about-media .k-ph{width:100%;height:100%;object-fit:cover} .hds-kit-gallery .k-gal-about-copy{padding:clamp(30px,4vw,60px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px} .hds-kit-gallery .k-gal-about-copy h2{font-size:clamp(28px,3vw,42px)} .hds-kit-gallery .k-gal-about-copy p{color:var(--k-muted)} .hds-kit-gallery .k-gal-specs{list-style:none;width:100%;margin:6px 0 10px;border-top:1px solid color-mix(in srgb,var(--k-text) 12%,transparent)} .hds-kit-gallery .k-gal-specs li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--k-text) 12%,transparent);font-size:.88rem} .hds-kit-gallery .k-gal-specs small{color:var(--k-muted);text-align:right} .hds-kit-gallery .k-head-link{color:var(--k-text);padding:8px 16px;border-radius:999px;background:var(--k-surface)} .hds-kit-gallery .k-kicker{color:var(--k-accent)} .hds-kit-gallery .k-card a,.hds-kit-gallery .k-topic,.hds-kit-gallery .k-links-grid a,.hds-kit-gallery .k-faq details{background:var(--k-surface);border:0;box-shadow:none} .hds-kit-gallery .k-banner-box{background:var(--k-dark)} .hds-kit-gallery .k-newsletter-box{background:var(--k-dark)} .hds-kit-gallery .k-footer{background:var(--k-dark)} @media (max-width:1100px){ .hds-kit-gallery .k-gal-photo{left:18%;right:4%} .hds-kit-gallery .k-gal-mini{display:none} .hds-kit-gallery .k-gal-row{grid-template-columns:repeat(2,minmax(0,1fr))} .hds-kit-gallery .k-gal-split{grid-template-columns:1fr} .hds-kit-gallery .k-gal-split-copy{position:static} } @media (max-width:900px){ .hds-kit-gallery .k-gal-top{flex-direction:column} .hds-kit-gallery .k-gal-stage{margin-top:20px;min-height:0;display:grid;gap:12px;padding:12px;background:var(--k-secondary);border-radius:24px} .hds-kit-gallery .k-gal-stage::before,.hds-kit-gallery .k-gal-tab{display:none} .hds-kit-gallery .k-gal-photo,.hds-kit-gallery .k-gal-info,.hds-kit-gallery .k-gal-go{position:relative;left:auto;right:auto;top:auto;bottom:auto} .hds-kit-gallery .k-gal-photo{height:320px} .hds-kit-gallery .k-gal-info{width:auto;border-radius:20px} .hds-kit-gallery .k-gal-go{position:absolute;right:24px;top:282px;left:auto} .hds-kit-gallery .k-gal-about-box{grid-template-columns:1fr} .hds-kit-gallery .k-gal-about-media{min-height:260px} } @media (max-width:600px){ .hds-kit-gallery .k-gal-tiles{grid-template-columns:1fr 1fr} .hds-kit-gallery .k-gal-tiles a:nth-child(3n+2){transform:none} .hds-kit-gallery .k-gal-row{grid-template-columns:1fr} } /* ---------- KIT 30 · GACETA ---------- */ .hds-kit-gazette{--k-radius:0px;--k-ink:#171512;background:var(--k-background) radial-gradient(rgba(0,0,0,.035) 1px,transparent 1.2px) 0 0/4px 4px} .hds-kit-gazette h1,.hds-kit-gazette h2,.hds-kit-gazette h3{letter-spacing:-.015em;color:var(--k-ink)} .hds-kit-gazette .k-btn{border-radius:0} .hds-kit-gazette .k-btn.is-ink{background:var(--k-ink);color:var(--k-background);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;padding:14px 22px} .hds-kit-gazette .k-btn.is-link{color:var(--k-primary)} .hds-kit-gazette .k-gz-kicker{display:inline-block;margin-bottom:10px;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--k-primary)} .hds-kit-gazette .k-hero{padding:22px 0 40px} .hds-kit-gazette .k-gz-dateline{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;padding:8px 0;border-top:3px double var(--k-ink);border-bottom:1px solid var(--k-ink);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase} .hds-kit-gazette .k-gz-dateline span:last-child{text-align:right} .hds-kit-gazette .k-gz-dateline b{font-family:var(--k-font-heading);font-size:1rem;letter-spacing:.02em;text-transform:none;font-style:italic} .hds-kit-gazette .k-gz-front{display:grid;grid-template-columns:1.05fr 1.35fr .8fr;gap:0;margin-top:24px} .hds-kit-gazette .k-gz-front>*{padding:0 22px;border-left:1px solid color-mix(in srgb,var(--k-ink) 30%,transparent)} .hds-kit-gazette .k-gz-front>*:first-child{padding-left:0;border-left:0} .hds-kit-gazette .k-gz-front>*:last-child{padding-right:0} .hds-kit-gazette .k-gz-lead h1{font-size:clamp(36px,4vw,60px);line-height:.98;font-weight:700} .hds-kit-gazette .k-gz-dek{margin-top:16px;font-size:1rem;line-height:1.6;color:#2c2924;column-count:1} .hds-kit-gazette .k-gz-dek::first-letter{float:left;font-family:var(--k-font-heading);font-size:3.6em;line-height:.82;padding:4px 8px 0 0;color:var(--k-primary)} .hds-kit-gazette .k-gz-figure{margin:0} .hds-kit-gazette .k-gz-figure img,.hds-kit-gazette .k-gz-figure .k-ph{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:var(--k-focus);filter:grayscale(.85) contrast(1.1) sepia(.15)} .hds-kit-gazette .k-gz-figure figcaption{margin-top:8px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--k-ink) 30%,transparent);font-size:.76rem;font-style:italic;color:var(--k-muted)} .hds-kit-gazette .k-gz-side h2{font-family:var(--k-font-body);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;padding-bottom:8px;border-bottom:2px solid var(--k-ink)} .hds-kit-gazette .k-gz-side ol{list-style:none;counter-reset:gz} .hds-kit-gazette .k-gz-side li{counter-increment:gz;border-bottom:1px solid color-mix(in srgb,var(--k-ink) 22%,transparent)} .hds-kit-gazette .k-gz-side a{display:grid;grid-template-columns:28px 1fr;gap:2px 8px;padding:12px 0} .hds-kit-gazette .k-gz-side a::before{content:counter(gz);grid-row:1/3;font-family:var(--k-font-heading);font-size:1.6rem;line-height:1;color:var(--k-primary)} .hds-kit-gazette .k-gz-side small{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--k-muted)} .hds-kit-gazette .k-gz-side strong{font-family:var(--k-font-heading);font-size:1rem;line-height:1.2} .hds-kit-gazette .k-gz-side a:hover strong{text-decoration:underline} .hds-kit-gazette .k-gz-ticker{display:flex;align-items:stretch;background:var(--k-ink);color:var(--k-background);overflow:hidden;font-size:.84rem} .hds-kit-gazette .k-gz-ticker>b{flex:0 0 auto;display:grid;place-items:center;padding:10px 18px;background:var(--k-primary);text-transform:uppercase;letter-spacing:.14em;font-size:.68rem} .hds-kit-gazette .k-gz-ticker-win{flex:1;overflow:hidden;padding:10px 0} .hds-kit-gazette .k-gz-ticker i{color:var(--k-primary);font-size:.6rem} .hds-kit-gazette .k-gz-rule{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-top:4px solid var(--k-ink);border-bottom:1px solid var(--k-ink);padding:8px 0;margin-bottom:26px} .hds-kit-gazette .k-gz-rule h2{font-size:clamp(24px,2.6vw,34px);font-style:italic} .hds-kit-gazette .k-gz-rule span{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--k-muted)} .hds-kit-gazette .k-gz-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr} .hds-kit-gazette .k-gz-story{display:flex;flex-direction:column;gap:8px;padding:0 18px;border-left:1px solid color-mix(in srgb,var(--k-ink) 25%,transparent)} .hds-kit-gazette .k-gz-story:first-child{padding-left:0;border-left:0} .hds-kit-gazette .k-gz-story:last-child{padding-right:0} .hds-kit-gazette .k-gz-story-img img,.hds-kit-gazette .k-gz-story-img .k-ph{width:100%;aspect-ratio:3/2;object-fit:cover;min-height:0;filter:grayscale(.85) contrast(1.1) sepia(.15);transition:filter .4s} .hds-kit-gazette .k-gz-story:hover img{filter:none} .hds-kit-gazette .k-gz-story small{font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--k-primary)} .hds-kit-gazette .k-gz-story strong{font-family:var(--k-font-heading);font-size:1.15rem;line-height:1.15} .hds-kit-gazette .k-gz-story.is-wide strong{font-size:1.7rem} .hds-kit-gazette .k-gz-story p{font-size:.86rem;color:#3e3a33;line-height:1.55} .hds-kit-gazette .k-gz-box{max-width:900px;margin:0 auto;padding:clamp(28px,4vw,48px);border:1px solid var(--k-ink);outline:1px solid var(--k-ink);outline-offset:5px;background:var(--k-surface)} .hds-kit-gazette .k-gz-box h2{font-size:clamp(28px,3.4vw,46px);font-style:italic;margin-bottom:18px} .hds-kit-gazette .k-gz-columns{font-size:1.06rem;line-height:1.7;hyphens:auto} .hds-kit-gazette .k-gz-columns.is-two{column-count:2;column-gap:36px;column-rule:1px solid color-mix(in srgb,var(--k-ink) 25%,transparent);text-align:justify} .hds-kit-gazette .k-gz-columns::first-letter{float:left;font-family:var(--k-font-heading);font-size:3.4em;line-height:.82;padding:4px 8px 0 0} .hds-kit-gazette .k-gz-sign{display:block;margin-top:18px;text-align:right;font-family:var(--k-font-heading);font-style:italic;color:var(--k-muted)} .hds-kit-gazette .k-gz-ads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .hds-kit-gazette .k-gz-ad{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--k-ink);background:var(--k-surface);transition:background .2s} .hds-kit-gazette .k-gz-ad:hover{background:#fff} .hds-kit-gazette .k-gz-ad.is-boxed{background:var(--k-ink);color:var(--k-background)} .hds-kit-gazette .k-gz-ad.is-boxed strong{color:#fff} .hds-kit-gazette .k-gz-ad b{font-size:.62rem;letter-spacing:.2em;color:var(--k-primary)} .hds-kit-gazette .k-gz-ad.is-boxed b{color:#ff8a80} .hds-kit-gazette .k-gz-ad strong{font-family:var(--k-font-heading);font-size:1.2rem;line-height:1.15} .hds-kit-gazette .k-gz-ad small{font-size:.82rem;opacity:.8} .hds-kit-gazette .k-gz-ad em{margin-top:auto;padding-top:8px;font-size:.72rem;font-style:italic;opacity:.75} .hds-kit-gazette .k-gz-coupon{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:30px;align-items:center;padding:34px;border:2px dashed var(--k-ink);background:var(--k-surface)} .hds-kit-gazette .k-gz-scissors{position:absolute;left:30px;top:-15px;padding:0 6px;background:var(--k-background);font-size:1.3rem} .hds-kit-gazette .k-gz-coupon h2{font-size:clamp(26px,3vw,38px)} .hds-kit-gazette .k-gz-coupon p{margin-top:8px;color:var(--k-muted)} .hds-kit-gazette .k-gz-field{display:grid;gap:12px;font-family:var(--k-font-heading);font-style:italic;color:var(--k-muted)} .hds-kit-gazette .k-gz-field b{justify-self:start;padding:12px 22px;background:var(--k-primary);color:#fff;font-family:var(--k-font-body);font-style:normal;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem} .hds-kit-gazette .k-head h2{font-style:italic} .hds-kit-gazette .k-card a,.hds-kit-gazette .k-topic,.hds-kit-gazette .k-links-grid a,.hds-kit-gazette .k-faq details{background:var(--k-surface);border:1px solid color-mix(in srgb,var(--k-ink) 30%,transparent);border-radius:0;box-shadow:none} .hds-kit-gazette .k-card-media img,.hds-kit-gazette .k-topic-media img{filter:grayscale(.85) sepia(.15)} .hds-kit-gazette .k-topic-media,.hds-kit-gazette .k-links-icon,.hds-kit-gazette .k-faq summary span{border-radius:0} .hds-kit-gazette .k-banner-box,.hds-kit-gazette .k-newsletter-box{border-radius:0;background:var(--k-ink)} .hds-kit-gazette .k-newsletter-form,.hds-kit-gazette .k-newsletter-form b{border-radius:0} .hds-kit-gazette .k-newsletter-form b{background:var(--k-primary)} .hds-kit-gazette .k-footer{background:var(--k-ink);color:var(--k-background)} .hds-kit-gazette .k-footer .k-foot-name{font-style:italic} .hds-kit-gazette .k-header .k-brand-copy b{font-style:italic;font-size:1.7rem} .hds-kit-gazette .k-header.k-h-centered{border-bottom:3px double var(--k-ink)} @media (max-width:1100px){ .hds-kit-gazette .k-gz-front{grid-template-columns:1fr 1.2fr} .hds-kit-gazette .k-gz-side{grid-column:1/-1;padding:24px 0 0!important;border-left:0!important;margin-top:24px;border-top:1px solid var(--k-ink)} .hds-kit-gazette .k-gz-side ol{display:grid;grid-template-columns:1fr 1fr;column-gap:24px} .hds-kit-gazette .k-gz-cols{grid-template-columns:1fr 1fr;row-gap:28px} .hds-kit-gazette .k-gz-story:nth-child(3){padding-left:0;border-left:0} } @media (max-width:900px){ .hds-kit-gazette .k-gz-dateline{grid-template-columns:1fr;text-align:center;gap:4px} .hds-kit-gazette .k-gz-dateline span:last-child{text-align:center} .hds-kit-gazette .k-gz-front{grid-template-columns:1fr} .hds-kit-gazette .k-gz-front>*{padding:0!important;border-left:0!important} .hds-kit-gazette .k-gz-figure{margin-top:24px} .hds-kit-gazette .k-gz-ads{grid-template-columns:1fr 1fr} .hds-kit-gazette .k-gz-columns.is-two{column-count:1} .hds-kit-gazette .k-gz-coupon{grid-template-columns:1fr} } @media (max-width:600px){ .hds-kit-gazette .k-gz-cols,.hds-kit-gazette .k-gz-ads,.hds-kit-gazette .k-gz-side ol{grid-template-columns:1fr} .hds-kit-gazette .k-gz-story{padding:0!important;border-left:0!important} } /* ---------- KIT 31 · PLANO TÉCNICO ---------- */ .hds-kit-blueprint{--k-radius:0px;--k-line:rgba(160,210,255,.32);--k-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--k-hbox:rgba(18,58,107,.92);background:linear-gradient(rgba(143,211,255,.07) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(143,211,255,.07) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(rgba(143,211,255,.14) 1px,transparent 1px) 0 0/120px 120px,linear-gradient(90deg,rgba(143,211,255,.14) 1px,transparent 1px) 0 0/120px 120px,var(--k-background)} .hds-kit-blueprint h1,.hds-kit-blueprint h2,.hds-kit-blueprint h3{color:#fff;font-weight:500;letter-spacing:-.01em} .hds-kit-blueprint .k-menu ul{background:var(--k-surface)} .hds-kit-blueprint .k-menu ul a{color:var(--k-text)} .hds-kit-blueprint .k-kicker,.hds-kit-blueprint .k-bp-label{font-family:var(--k-mono);font-size:.72rem;letter-spacing:.14em;color:var(--k-accent);font-weight:400} .hds-kit-blueprint .k-btn{border-radius:0} .hds-kit-blueprint .k-btn.is-line{border:1.5px solid var(--k-primary);color:#fff;background:rgba(143,211,255,.08);font-family:var(--k-mono);font-size:.82rem;letter-spacing:.04em} .hds-kit-blueprint .k-btn.is-line:hover{background:var(--k-primary);color:var(--k-dark)} .hds-kit-blueprint .k-btn.is-link{color:var(--k-primary)} .hds-kit-blueprint .k-hero{padding:50px 0 60px} .hds-kit-blueprint .k-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,5vw,80px);align-items:center;min-height:max(var(--k-hero-h),520px)} .hds-kit-blueprint .k-hero-copy h1{font-size:clamp(36px,4.4vw,62px);line-height:1.04;margin-top:14px} .hds-kit-blueprint .k-hero-copy p{margin-top:18px;color:var(--k-muted);max-width:480px;border-left:1px dashed var(--k-line);padding-left:16px} .hds-kit-blueprint .k-bp-draw{position:relative;padding:40px 0 0 46px} .hds-kit-blueprint .k-bp-frame{position:relative;border:1.5px solid var(--k-primary);padding:10px;background:rgba(18,58,107,.6)} .hds-kit-blueprint .k-bp-frame::before,.hds-kit-blueprint .k-bp-frame::after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--k-accent)} .hds-kit-blueprint .k-bp-frame::before{left:-8px;top:-8px;border-right:0;border-bottom:0} .hds-kit-blueprint .k-bp-frame::after{right:-8px;bottom:-8px;border-left:0;border-top:0} .hds-kit-blueprint .k-bp-frame img,.hds-kit-blueprint .k-bp-frame .k-ph{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:var(--k-focus);filter:saturate(.75) contrast(1.05)} .hds-kit-blueprint .k-bp-cross{position:absolute;left:50%;top:50%;width:46px;height:46px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.7);border-radius:50%;pointer-events:none} .hds-kit-blueprint .k-bp-cross::before,.hds-kit-blueprint .k-bp-cross::after{content:"";position:absolute;background:rgba(255,255,255,.7)} .hds-kit-blueprint .k-bp-cross::before{left:50%;top:-14px;bottom:-14px;width:1px} .hds-kit-blueprint .k-bp-cross::after{top:50%;left:-14px;right:-14px;height:1px} .hds-kit-blueprint .k-bp-dim{position:absolute;font-family:var(--k-mono);font-size:.68rem;color:var(--k-primary)} .hds-kit-blueprint .k-bp-dim.is-h{left:46px;right:0;top:10px;height:14px;border-left:1px solid var(--k-primary);border-right:1px solid var(--k-primary)} .hds-kit-blueprint .k-bp-dim.is-h::before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:var(--k-primary)} .hds-kit-blueprint .k-bp-dim.is-h i{position:absolute;left:50%;top:-4px;transform:translateX(-50%);padding:0 8px;background:var(--k-background);font-style:normal} .hds-kit-blueprint .k-bp-dim.is-v{left:10px;top:40px;bottom:0;width:14px;border-top:1px solid var(--k-primary);border-bottom:1px solid var(--k-primary)} .hds-kit-blueprint .k-bp-dim.is-v::before{content:"";position:absolute;top:0;bottom:0;left:7px;width:1px;background:var(--k-primary)} .hds-kit-blueprint .k-bp-dim.is-v i{position:absolute;top:50%;left:7px;transform:translate(-50%,-50%) rotate(-90deg);padding:0 8px;background:var(--k-background);font-style:normal;white-space:nowrap} .hds-kit-blueprint .k-bp-callout{position:absolute;display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--k-dark);border:1px solid var(--k-line);font-family:var(--k-mono);font-size:.7rem;color:#fff;white-space:nowrap} .hds-kit-blueprint .k-bp-callout b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--k-accent);color:var(--k-dark);font-size:.68rem} .hds-kit-blueprint .k-bp-callout::before{content:"";position:absolute;height:1px;width:40px;background:var(--k-accent)} .hds-kit-blueprint .k-bp-callout.is-n1{right:-14px;top:22%}.hds-kit-blueprint .k-bp-callout.is-n1::before{right:100%} .hds-kit-blueprint .k-bp-callout.is-n2{left:14px;bottom:20%}.hds-kit-blueprint .k-bp-callout.is-n2::before{left:100%} .hds-kit-blueprint .k-bp-callout.is-n3{right:10%;bottom:-16px} .hds-kit-blueprint .k-bp-callout.is-n3::before{display:none} .hds-kit-blueprint .k-bp-specs{border-block:1px solid var(--k-line);background:rgba(11,37,71,.55)} .hds-kit-blueprint .k-bp-spec-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))} .hds-kit-blueprint .k-bp-spec-row span{display:grid;gap:4px;padding:18px 20px;border-left:1px solid var(--k-line)} .hds-kit-blueprint .k-bp-spec-row span:first-child{border-left:0;padding-left:0} .hds-kit-blueprint .k-bp-spec-row small{font-family:var(--k-mono);font-size:.64rem;letter-spacing:.12em;color:var(--k-muted)} .hds-kit-blueprint .k-bp-spec-row b{font-family:var(--k-font-heading);font-size:clamp(24px,2.4vw,34px);font-weight:500;color:#fff} .hds-kit-blueprint .k-head h2{color:#fff} .hds-kit-blueprint .k-head p{color:var(--k-muted)} .hds-kit-blueprint .k-head-link{color:var(--k-accent);font-family:var(--k-mono);font-size:.82rem} .hds-kit-blueprint .k-bp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .hds-kit-blueprint .k-bp-card{display:flex;flex-direction:column;gap:10px;padding:0 0 18px;border:1px dashed var(--k-line);background:rgba(11,37,71,.55);transition:border-color .2s,transform .2s} .hds-kit-blueprint .k-bp-card:hover{border-style:solid;border-color:var(--k-primary);transform:translateY(-3px)} .hds-kit-blueprint .k-bp-card-top{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px dashed var(--k-line);font-family:var(--k-mono);font-size:.68rem} .hds-kit-blueprint .k-bp-card-top b{color:var(--k-accent);font-weight:400} .hds-kit-blueprint .k-bp-card-top small{color:var(--k-muted)} .hds-kit-blueprint .k-bp-card-img{position:relative;display:block;margin:0 14px;aspect-ratio:16/10;overflow:hidden} .hds-kit-blueprint .k-bp-card-img::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(143,211,255,.18) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(90deg,rgba(143,211,255,.18) 1px,transparent 1px) 0 0/20px 20px;mix-blend-mode:screen} .hds-kit-blueprint .k-bp-card-img img,.hds-kit-blueprint .k-bp-card-img .k-ph{width:100%;height:100%;object-fit:cover;min-height:0;filter:saturate(.7)} .hds-kit-blueprint .k-bp-card strong{padding:0 14px;color:#fff;font-size:1.05rem;line-height:1.3} .hds-kit-blueprint .k-bp-card>small{padding:0 14px;color:var(--k-muted);font-size:.84rem} .hds-kit-blueprint .k-bp-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;position:relative} .hds-kit-blueprint .k-bp-steps::before{content:"";position:absolute;left:0;right:0;top:9px;border-top:1px dashed var(--k-primary)} .hds-kit-blueprint .k-bp-steps a{position:relative;display:flex;flex-direction:column;gap:10px;padding-top:30px} .hds-kit-blueprint .k-bp-steps a::before{content:"";position:absolute;left:0;top:2px;width:14px;height:14px;border-radius:50%;background:var(--k-background);border:2px solid var(--k-accent)} .hds-kit-blueprint .k-bp-steps small{font-family:var(--k-mono);font-size:.7rem;color:var(--k-accent);letter-spacing:.12em} .hds-kit-blueprint .k-bp-step-img{display:block;aspect-ratio:4/3;border:1px solid var(--k-line);padding:6px} .hds-kit-blueprint .k-bp-step-img img,.hds-kit-blueprint .k-bp-step-img .k-ph{width:100%;height:100%;object-fit:cover;min-height:0;filter:saturate(.7)} .hds-kit-blueprint .k-bp-steps strong{color:#fff;line-height:1.3} .hds-kit-blueprint .k-bp-block{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;border:2px solid var(--k-primary);background:rgba(11,37,71,.7)} .hds-kit-blueprint .k-bp-block>*{padding:16px 20px;border:1px solid var(--k-line)} .hds-kit-blueprint .k-bp-block small{display:block;font-family:var(--k-mono);font-size:.62rem;letter-spacing:.16em;color:var(--k-muted);margin-bottom:6px} .hds-kit-blueprint .k-bp-block-main{grid-row:1/3} .hds-kit-blueprint .k-bp-block-main h2{font-size:clamp(26px,3vw,40px)} .hds-kit-blueprint .k-bp-block-main p{margin-top:10px;color:var(--k-muted)} .hds-kit-blueprint .k-bp-block b{color:#fff;font-weight:500} .hds-kit-blueprint .k-bp-block-go{grid-column:2/4;background:var(--k-accent);transition:filter .2s} .hds-kit-blueprint .k-bp-block-go small{color:rgba(11,37,71,.7)} .hds-kit-blueprint .k-bp-block-go b{color:var(--k-dark);font-size:1.15rem} .hds-kit-blueprint .k-bp-block-go:hover{filter:brightness(1.08)} .hds-kit-blueprint .k-card a,.hds-kit-blueprint .k-topic,.hds-kit-blueprint .k-links-grid a,.hds-kit-blueprint .k-faq details{background:rgba(11,37,71,.55);border:1px dashed var(--k-line);border-radius:0;box-shadow:none;color:var(--k-text)} .hds-kit-blueprint .k-card-body h3,.hds-kit-blueprint .k-faq summary,.hds-kit-blueprint .k-topic-copy strong,.hds-kit-blueprint .k-links-grid strong{color:#fff} .hds-kit-blueprint .k-topic-media,.hds-kit-blueprint .k-links-icon,.hds-kit-blueprint .k-faq summary span{border-radius:0;background:var(--k-surface);color:var(--k-accent)} .hds-kit-blueprint .k-list,.hds-kit-blueprint .k-list li a{border-color:var(--k-line)} .hds-kit-blueprint .k-banner-box,.hds-kit-blueprint .k-newsletter-box{border-radius:0;background:var(--k-dark);border:1px solid var(--k-line)} .hds-kit-blueprint .k-newsletter-form,.hds-kit-blueprint .k-newsletter-form b{border-radius:0} .hds-kit-blueprint .k-newsletter-form b{background:var(--k-accent);color:var(--k-dark)} .hds-kit-blueprint .k-footer{background:var(--k-dark);border-top:1px solid var(--k-line)} .hds-kit-blueprint .k-footer .k-foot-name{font-family:var(--k-mono);font-size:1.1rem;letter-spacing:.06em} @media (max-width:900px){ .hds-kit-blueprint .k-hero-grid{grid-template-columns:1fr} .hds-kit-blueprint .k-bp-spec-row{grid-template-columns:1fr 1fr} .hds-kit-blueprint .k-bp-spec-row span:nth-child(3){border-left:0;padding-left:0} .hds-kit-blueprint .k-bp-cards,.hds-kit-blueprint .k-bp-steps{grid-template-columns:1fr 1fr} .hds-kit-blueprint .k-bp-steps::before{display:none} .hds-kit-blueprint .k-bp-block{grid-template-columns:1fr 1fr} .hds-kit-blueprint .k-bp-block-main{grid-row:auto;grid-column:1/-1} .hds-kit-blueprint .k-bp-block-go{grid-column:1/-1} } @media (max-width:600px){ .hds-kit-blueprint .k-bp-draw{padding:34px 0 20px 30px} .hds-kit-blueprint .k-bp-dim.is-h{left:30px} .hds-kit-blueprint .k-bp-callout.is-n1{right:0} .hds-kit-blueprint .k-bp-cards,.hds-kit-blueprint .k-bp-steps{grid-template-columns:1fr} } /* ---------- KIT 32 · NEOBRUTAL ---------- */ .hds-kit-brutal{--k-radius:14px;--k-b:2.5px solid #111;--k-sh:6px 6px 0 #111} .hds-kit-brutal h1,.hds-kit-brutal h2,.hds-kit-brutal h3{font-weight:800;letter-spacing:-.03em} .hds-kit-brutal .k-btn{border-radius:12px;border:var(--k-b);font-weight:700;transition:transform .15s,box-shadow .15s} .hds-kit-brutal .k-btn.is-brutal{background:var(--k-primary);color:#111;box-shadow:4px 4px 0 #111} .hds-kit-brutal .k-btn.is-brutal-alt{background:#fff;color:#111;box-shadow:4px 4px 0 #111} .hds-kit-brutal .k-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #111} .hds-kit-brutal .k-btn.is-primary{background:var(--k-primary);color:#111;box-shadow:4px 4px 0 #111} .hds-kit-brutal .k-br-tag{display:inline-block;padding:6px 14px;border:var(--k-b);border-radius:999px;background:var(--k-accent);color:#fff;font-size:.78rem;font-weight:700;transform:rotate(-2deg);margin-bottom:20px;box-shadow:3px 3px 0 #111} .hds-kit-brutal .k-hero{padding:56px 0 70px;overflow:hidden} .hds-kit-brutal .k-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,70px);align-items:center;min-height:max(var(--k-hero-h),500px)} .hds-kit-brutal .k-hero-copy h1{font-size:clamp(40px,5.4vw,80px);line-height:.98} .hds-kit-brutal .k-hero-copy mark{display:inline-block;padding:0 .18em;background:var(--k-secondary);color:#111;border:var(--k-b);border-radius:12px;transform:rotate(-2deg);box-shadow:5px 5px 0 #111} .hds-kit-brutal .k-hero-copy p{margin-top:22px;font-size:1.06rem;max-width:500px} .hds-kit-brutal .k-br-media{position:relative;min-height:420px} .hds-kit-brutal .k-br-card{position:absolute;z-index:1;display:block;border:var(--k-b);border-radius:18px;overflow:hidden;background:#fff;box-shadow:10px 10px 0 #111} .hds-kit-brutal .k-br-card.is-main{inset:0 12% 10% 0;transform:rotate(1.5deg)} .hds-kit-brutal .k-br-card.is-small{right:0;bottom:0;width:42%;aspect-ratio:1;transform:rotate(-5deg);box-shadow:6px 6px 0 #111} .hds-kit-brutal .k-br-card img,.hds-kit-brutal .k-br-card .k-ph{width:100%;height:100%;object-fit:cover;object-position:var(--k-focus)} .hds-kit-brutal .k-br-sticker{position:absolute;z-index:3;left:-26px;top:-20px;display:grid;place-items:center;width:126px;height:126px;padding:16px;text-align:center;background:var(--k-secondary);border:var(--k-b);font-weight:800;font-size:.86rem;line-height:1.15;transform:rotate(-12deg);clip-path:polygon(50% 0,61% 12%,76% 7%,79% 22%,94% 26%,88% 40%,100% 50%,88% 60%,94% 74%,79% 78%,76% 93%,61% 88%,50% 100%,39% 88%,24% 93%,21% 78%,6% 74%,12% 60%,0 50%,12% 40%,6% 26%,21% 22%,24% 7%,39% 12%)} .hds-kit-brutal .k-br-shape{position:absolute;z-index:0;right:-30px;top:-30px;width:180px;height:180px;border-radius:50%;background:var(--k-accent);border:var(--k-b)} .hds-kit-brutal .k-br-band{background:#111;color:var(--k-secondary);padding:16px 0;overflow:hidden;font-family:var(--k-font-heading);font-weight:800;font-size:1.3rem;transform:rotate(-1deg);margin:0 -10px;border-block:3px solid #111} .hds-kit-brutal .k-br-band i{color:var(--k-primary)} .hds-kit-brutal .k-head h2{font-size:clamp(32px,3.8vw,52px)} .hds-kit-brutal .k-kicker{color:#111;background:var(--k-secondary);padding:4px 10px;border:2px solid #111;border-radius:6px} .hds-kit-brutal .k-head-link{color:#111;padding:10px 18px;border:var(--k-b);border-radius:12px;background:#fff;box-shadow:4px 4px 0 #111} .hds-kit-brutal .k-br-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px} .hds-kit-brutal .k-br-post{position:relative;display:flex;flex-direction:column;gap:10px;padding:12px 12px 22px;border:var(--k-b);border-radius:18px;box-shadow:var(--k-sh);transition:transform .15s,box-shadow .15s} .hds-kit-brutal .k-br-post:hover{transform:translate(4px,4px);box-shadow:2px 2px 0 #111} .hds-kit-brutal .k-br-post.is-c0{background:#ffd3e0}.hds-kit-brutal .k-br-post.is-c1{background:#fff3b0}.hds-kit-brutal .k-br-post.is-c2{background:#d6e2ff} .hds-kit-brutal .k-br-post-img{position:relative;display:block;aspect-ratio:16/11;border:var(--k-b);border-radius:12px;overflow:hidden} .hds-kit-brutal .k-br-post-img img,.hds-kit-brutal .k-br-post-img .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-brutal .k-br-post-img em{position:absolute;left:10px;top:10px;padding:4px 10px;border:2px solid #111;border-radius:999px;background:#fff;font-style:normal;font-size:.72rem;font-weight:700} .hds-kit-brutal .k-br-post strong{font-family:var(--k-font-heading);font-weight:800;font-size:1.25rem;line-height:1.15;padding:0 4px} .hds-kit-brutal .k-br-post small{padding:0 4px;font-size:.88rem} .hds-kit-brutal .k-br-post b{position:absolute;right:-12px;bottom:-12px;display:grid;place-items:center;width:44px;height:44px;border:var(--k-b);border-radius:50%;background:var(--k-primary);font-size:1.2rem} .hds-kit-brutal .k-br-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .hds-kit-brutal .k-br-topics a{display:flex;align-items:center;gap:14px;padding:12px;border:var(--k-b);border-radius:16px;box-shadow:4px 4px 0 #111;font-weight:700;transition:transform .15s,box-shadow .15s} .hds-kit-brutal .k-br-topics a:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 #111} .hds-kit-brutal .k-br-topics a.is-c0{background:#fff}.hds-kit-brutal .k-br-topics a.is-c1{background:var(--k-secondary)}.hds-kit-brutal .k-br-topics a.is-c2{background:#ffd3e0}.hds-kit-brutal .k-br-topics a.is-c3{background:#d6e2ff} .hds-kit-brutal .k-br-topics span{flex:0 0 auto;width:58px;height:58px;border:2px solid #111;border-radius:12px;overflow:hidden} .hds-kit-brutal .k-br-topics img,.hds-kit-brutal .k-br-topics .k-ph{width:100%;height:100%;object-fit:cover;min-height:0} .hds-kit-brutal .k-br-topics strong{flex:1;line-height:1.2} .hds-kit-brutal .k-br-topics i{font-style:normal;font-size:1.3rem} .hds-kit-brutal .k-br-about-box{display:grid;grid-template-columns:1.1fr .9fr;border:var(--k-b);border-radius:24px;overflow:hidden;box-shadow:10px 10px 0 #111;background:var(--k-accent);color:#fff} .hds-kit-brutal .k-br-about-copy{padding:clamp(30px,4vw,56px);display:flex;flex-direction:column;align-items:flex-start;gap:16px} .hds-kit-brutal .k-br-about-copy h2{color:#fff;font-size:clamp(30px,3.4vw,48px);line-height:1} .hds-kit-brutal .k-br-about-copy ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px} .hds-kit-brutal .k-br-about-copy li{padding:6px 12px;border:2px solid #111;border-radius:999px;background:#fff;color:#111;font-size:.82rem;font-weight:700} .hds-kit-brutal .k-br-about-media{border-left:var(--k-b);min-height:360px} .hds-kit-brutal .k-br-about-media img,.hds-kit-brutal .k-br-about-media .k-ph{width:100%;height:100%;object-fit:cover} .hds-kit-brutal .k-br-cta-box{padding:clamp(34px,5vw,64px);border:var(--k-b);border-radius:24px;background:var(--k-primary);box-shadow:10px 10px 0 #111;text-align:center} .hds-kit-brutal .k-br-cta-box h2{font-size:clamp(32px,4vw,56px);line-height:1} .hds-kit-brutal .k-br-cta-box p{margin:14px auto 26px;max-width:520px;font-weight:500} .hds-kit-brutal .k-br-field{display:flex;align-items:center;gap:10px;max-width:520px;margin:0 auto;padding:6px 6px 6px 20px;border:var(--k-b);border-radius:14px;background:#fff;box-shadow:5px 5px 0 #111;text-align:left} .hds-kit-brutal .k-br-field span{flex:1;color:#555} .hds-kit-brutal .k-br-field b{padding:12px 20px;border:2px solid #111;border-radius:10px;background:var(--k-secondary)} .hds-kit-brutal .k-card a,.hds-kit-brutal .k-topic,.hds-kit-brutal .k-links-grid a,.hds-kit-brutal .k-faq details{background:#fff;border:var(--k-b);border-radius:16px;box-shadow:5px 5px 0 #111} .hds-kit-brutal .k-card a:hover,.hds-kit-brutal .k-topic:hover,.hds-kit-brutal .k-links-grid a:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 #111} .hds-kit-brutal .k-card-media{border-bottom:var(--k-b)} .hds-kit-brutal .k-links-icon,.hds-kit-brutal .k-faq summary span{background:var(--k-secondary);color:#111;border:2px solid #111} .hds-kit-brutal .k-list-num{color:var(--k-primary);-webkit-text-stroke:1px #111} .hds-kit-brutal .k-banner-box{background:#111;border:var(--k-b);box-shadow:10px 10px 0 var(--k-primary)} .hds-kit-brutal .k-banner-copy .k-btn{background:var(--k-secondary);color:#111} .hds-kit-brutal .k-newsletter-box{background:var(--k-accent);border:var(--k-b);box-shadow:8px 8px 0 #111} .hds-kit-brutal .k-newsletter-form b{background:var(--k-secondary);color:#111;border:2px solid #111} .hds-kit-brutal .k-footer{background:#111} .hds-kit-brutal .k-footer .k-foot-giant{color:var(--k-secondary)} .hds-kit-brutal .k-header.k-h-boxed .k-wrap{border:var(--k-b);box-shadow:5px 5px 0 #111} .hds-kit-brutal .k-header .k-brand-mark{border:2px solid #111} @media (max-width:900px){ .hds-kit-brutal .k-hero-grid{grid-template-columns:1fr} .hds-kit-brutal .k-br-media{min-height:340px;margin:20px 10px 0} .hds-kit-brutal .k-br-cards,.hds-kit-brutal .k-br-topics{grid-template-columns:1fr 1fr} .hds-kit-brutal .k-br-about-box{grid-template-columns:1fr} .hds-kit-brutal .k-br-about-media{border-left:0;border-top:var(--k-b);min-height:260px} } @media (max-width:600px){ .hds-kit-brutal .k-br-cards,.hds-kit-brutal .k-br-topics{grid-template-columns:1fr} .hds-kit-brutal .k-br-sticker{width:100px;height:100px;font-size:.72rem;left:-8px} .hds-kit-brutal .k-br-field{flex-direction:column;align-items:stretch;text-align:center} } @media (prefers-reduced-motion:reduce){ .hds-kit-brutal .k-btn,.hds-kit-brutal .k-br-post,.hds-kit-brutal .k-br-topics a{transition:none} } /* ===================================================================== v0.37.0 · RECETAS (mezclables en cualquier kit) Y SECCIONES NUEVAS Cada kit ajusta --k-card-* para que encajen con su estilo. ===================================================================== */ .hds-kit{--k-card-bg:#fff;--k-card-fg:var(--k-text);--k-card-muted:var(--k-muted);--k-card-radius:var(--k-radius);--k-card-border:1px solid color-mix(in srgb,var(--k-text) 8%,transparent);--k-card-shadow:0 12px 30px rgba(0,0,0,.07);--k-num:var(--k-primary);--k-rule:color-mix(in srgb,var(--k-text) 14%,transparent)} .hds-kit .k-r{--k-r-gap:20px} .hds-kit .k-r-img{display:block;overflow:hidden;background:var(--k-surface)} .hds-kit .k-r-img img,.hds-kit .k-r-img .k-ph,.hds-kit .k-r-thumb img,.hds-kit .k-r-thumb .k-ph{width:100%;height:100%;object-fit:cover;min-height:0;transition:transform .6s ease} .hds-kit a:hover>.k-r-img img,.hds-kit a:hover .k-r-img img{transform:scale(1.05)} .hds-kit .k-r-cat{display:inline-block;font-style:normal;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--k-num)} .hds-kit .k-r-card{display:flex;flex-direction:column;background:var(--k-card-bg);color:var(--k-card-fg);border:var(--k-card-border);border-radius:var(--k-card-radius);box-shadow:var(--k-card-shadow);overflow:hidden;transition:transform .25s,box-shadow .25s} .hds-kit .k-r-card:hover{transform:translateY(-4px)} .hds-kit .k-r-card .k-r-body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px} .hds-kit .k-r-card strong{font-family:var(--k-font-heading);font-size:1.08rem;line-height:1.25} .hds-kit .k-r-card small{color:var(--k-card-muted);font-size:.86rem;line-height:1.5} /* Revista */ .hds-kit .k-r-magazine{display:grid;grid-template-columns:1.35fr 1fr;gap:30px;align-items:start} .hds-kit .k-r-lead{display:block;color:inherit} .hds-kit .k-r-lead .k-r-img{aspect-ratio:16/11;border-radius:var(--k-card-radius)} .hds-kit .k-r-lead .k-r-body{display:grid;gap:8px;padding-top:18px} .hds-kit .k-r-lead strong{font-family:var(--k-font-heading);font-size:clamp(24px,2.4vw,34px);line-height:1.1} .hds-kit .k-r-lead small{color:var(--k-muted);font-size:.98rem;line-height:1.6} .hds-kit .k-r-side{list-style:none;display:grid;border-top:2px solid var(--k-text)} .hds-kit .k-r-side a{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--k-rule)} .hds-kit .k-r-side .k-r-thumb{display:block;width:96px;height:72px;border-radius:calc(var(--k-card-radius) * .5);overflow:hidden} .hds-kit .k-r-side strong{display:block;margin-top:4px;font-family:var(--k-font-heading);font-size:1rem;line-height:1.3} .hds-kit .k-r-side a:hover strong{text-decoration:underline;text-underline-offset:4px} /* Mosaico */ .hds-kit .k-r-masonry{columns:3 260px;column-gap:var(--k-r-gap)} .hds-kit .k-r-masonry .k-r-card{break-inside:avoid;margin-bottom:var(--k-r-gap)} .hds-kit .k-r-masonry .is-a0 .k-r-img{aspect-ratio:4/5}.hds-kit .k-r-masonry .is-a1 .k-r-img{aspect-ratio:1/1}.hds-kit .k-r-masonry .is-a2 .k-r-img{aspect-ratio:3/4}.hds-kit .k-r-masonry .is-a3 .k-r-img{aspect-ratio:16/10} /* Carrusel */ .hds-kit .k-r-rail{position:relative} .hds-kit .k-r-rail-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,calc((100% - 3 * var(--k-r-gap)) / 3.4));gap:var(--k-r-gap);overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 18px;scrollbar-width:thin} .hds-kit .k-r-rail .k-r-card{scroll-snap-align:start} .hds-kit .k-r-rail .k-r-img{position:relative;aspect-ratio:4/5} .hds-kit .k-r-num{position:absolute;left:12px;top:10px;font-family:var(--k-font-heading);font-size:2.4rem;line-height:1;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.45)} .hds-kit .k-r-rail-nav{display:flex;gap:10px;justify-content:flex-end;margin-top:8px} .hds-kit .k-r-rail-nav button{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--k-text);background:transparent;color:var(--k-text);font-size:1.1rem;cursor:pointer;transition:background .2s,color .2s} .hds-kit .k-r-rail-nav button:hover{background:var(--k-text);color:var(--k-background)} /* Pestañas */ .hds-kit .k-r-tablist{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid var(--k-rule)} .hds-kit .k-r-tablist button{padding:10px 18px;border-radius:999px;border:1px solid var(--k-rule);background:transparent;color:var(--k-text);font:inherit;font-weight:600;font-size:.9rem;cursor:pointer} .hds-kit .k-r-tablist button small{opacity:.6;margin-left:4px} .hds-kit .k-r-tablist button[aria-selected="true"]{background:var(--k-primary);border-color:var(--k-primary);color:#fff} .hds-kit .k-r-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--k-r-gap)} .hds-kit .k-r-panel[hidden]{display:none} .hds-kit .k-r-panel .k-r-img{aspect-ratio:4/3} /* Línea de tiempo */ .hds-kit .k-r-timeline{list-style:none;position:relative;display:grid;gap:10px;max-width:980px;margin:0 auto} .hds-kit .k-r-timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--k-rule);transform:translateX(-50%)} .hds-kit .k-r-timeline li{position:relative;width:50%} .hds-kit .k-r-timeline li.is-left{padding-right:44px} .hds-kit .k-r-timeline li.is-right{margin-left:50%;padding-left:44px} .hds-kit .k-r-timeline li::before{content:"";position:absolute;top:22px;width:16px;height:16px;border-radius:50%;background:var(--k-primary);box-shadow:0 0 0 5px var(--k-background)} .hds-kit .k-r-timeline li.is-left::before{right:-8px}.hds-kit .k-r-timeline li.is-right::before{left:-8px} .hds-kit .k-r-timeline a{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:16px;row-gap:4px;padding:14px;background:var(--k-card-bg);color:var(--k-card-fg);border:var(--k-card-border);border-radius:var(--k-card-radius);box-shadow:var(--k-card-shadow)} .hds-kit .k-r-timeline time{grid-column:2;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--k-num)} .hds-kit .k-r-timeline .k-r-img{grid-row:1/4;grid-column:1;aspect-ratio:1;border-radius:calc(var(--k-card-radius) * .6)} .hds-kit .k-r-timeline strong{grid-column:2;font-family:var(--k-font-heading);line-height:1.25} .hds-kit .k-r-timeline small{grid-column:2;color:var(--k-card-muted);font-size:.84rem} /* Lista con foto al pasar el ratón */ .hds-kit .k-r-hover{position:relative} .hds-kit .k-r-hover ol{list-style:none;width:62%;border-top:1px solid var(--k-rule)} .hds-kit .k-r-hover li{border-bottom:1px solid var(--k-rule)} .hds-kit .k-r-hover a{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 6px;transition:padding .3s,color .3s} .hds-kit .k-r-hover b{font-family:var(--k-font-heading);color:var(--k-num);font-size:1rem} .hds-kit .k-r-hover strong{font-family:var(--k-font-heading);font-size:clamp(20px,2vw,28px);line-height:1.15} .hds-kit .k-r-hover a:hover{padding-left:20px;color:var(--k-primary)} .hds-kit .k-r-peek{position:absolute;right:0;top:0;width:34%;aspect-ratio:4/5;border-radius:var(--k-card-radius);overflow:hidden;opacity:0;transform:scale(.96);transition:opacity .35s,transform .35s;pointer-events:none;box-shadow:var(--k-card-shadow)} .hds-kit .k-r-peek img,.hds-kit .k-r-peek .k-ph{width:100%;height:100%;object-fit:cover} .hds-kit .k-r-hover li.is-first .k-r-peek{opacity:1;transform:none} .hds-kit .k-r-hover ol:hover li.is-first:not(:hover) .k-r-peek{opacity:0} .hds-kit .k-r-hover li:hover .k-r-peek,.hds-kit .k-r-hover a:focus-visible .k-r-peek{opacity:1;transform:none;z-index:2} /* Acordeón */ .hds-kit .k-r-accordion{display:grid;gap:12px} .hds-kit .k-r-accordion details{background:var(--k-card-bg);color:var(--k-card-fg);border:var(--k-card-border);border-radius:var(--k-card-radius);box-shadow:var(--k-card-shadow);overflow:hidden} .hds-kit .k-r-accordion summary{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;list-style:none} .hds-kit .k-r-accordion summary::-webkit-details-marker{display:none} .hds-kit .k-r-accordion summary b{font-family:var(--k-font-heading);color:var(--k-num);font-size:1.2rem} .hds-kit .k-r-accordion summary strong{font-family:var(--k-font-heading);font-size:1.12rem} .hds-kit .k-r-accordion summary i{font-style:normal;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--k-surface);color:var(--k-primary);transition:transform .25s} .hds-kit .k-r-accordion details[open] summary i{transform:rotate(45deg)} .hds-kit .k-r-acc-body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:center;padding:0 22px 22px} .hds-kit .k-r-acc-body .k-r-img{aspect-ratio:16/10;border-radius:calc(var(--k-card-radius) * .7)} .hds-kit .k-r-acc-body p{color:var(--k-card-muted);margin-bottom:14px} /* Tarjetas que se voltean */ .hds-kit .k-r-flip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--k-r-gap)} .hds-kit .k-r-flipcard{position:relative;display:block;aspect-ratio:3/4;perspective:1200px} .hds-kit .k-r-face{position:absolute;inset:0;display:flex;flex-direction:column;border-radius:var(--k-card-radius);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .7s cubic-bezier(.2,.7,.2,1);border:var(--k-card-border);box-shadow:var(--k-card-shadow)} .hds-kit .k-r-face.is-front{background:var(--k-card-bg);color:var(--k-card-fg)} .hds-kit .k-r-face.is-front .k-r-img{flex:1} .hds-kit .k-r-face.is-front strong{padding:14px 16px 18px;font-family:var(--k-font-heading);line-height:1.25} .hds-kit .k-r-face.is-back{justify-content:center;gap:12px;padding:24px;background:var(--k-primary);color:#fff;transform:rotateY(180deg)} .hds-kit .k-r-face.is-back .k-r-cat{color:inherit;opacity:.8} .hds-kit .k-r-face.is-back strong{font-family:var(--k-font-heading);font-size:1.25rem;line-height:1.15} .hds-kit .k-r-face.is-back small{opacity:.9;line-height:1.5} .hds-kit .k-r-face.is-back b{margin-top:auto} .hds-kit .k-r-flipcard:hover .is-front,.hds-kit .k-r-flipcard:focus-visible .is-front{transform:rotateY(-180deg)} .hds-kit .k-r-flipcard:hover .is-back,.hds-kit .k-r-flipcard:focus-visible .is-back{transform:rotateY(0)} @media (hover:none){.hds-kit .k-r-flipcard{aspect-ratio:auto}.hds-kit .k-r-face{position:relative;transform:none!important}.hds-kit .k-r-face.is-front .k-r-img{aspect-ratio:4/3}.hds-kit .k-r-face.is-back{display:none}} /* Foto completa */ .hds-kit .k-r-overlay{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:240px 240px;gap:var(--k-r-gap)} .hds-kit .k-r-overlay .k-r-card{position:relative;display:block;border:0;box-shadow:none} .hds-kit .k-r-overlay .is-o0{grid-row:1/3} .hds-kit .k-r-overlay .is-o3{grid-column:2/4} .hds-kit .k-r-overlay .k-r-img{position:absolute;inset:0} .hds-kit .k-r-overlay .k-r-body{position:absolute;left:0;right:0;bottom:0;padding:60px 20px 20px;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent);color:#fff} .hds-kit .k-r-overlay .k-r-cat{color:#fff;opacity:.85} .hds-kit .k-r-overlay .is-o0 strong{font-size:clamp(22px,2.4vw,32px)} /* Números grandes */ .hds-kit .k-r-bignum{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px} .hds-kit .k-r-bignum a{display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px;align-items:start;padding:22px 0;border-top:1px solid var(--k-rule)} .hds-kit .k-r-bignum b{font-family:var(--k-font-heading);font-size:4.2rem;line-height:.85;color:transparent;-webkit-text-stroke:1.5px var(--k-num);transition:color .25s} .hds-kit .k-r-bignum a:hover b{color:var(--k-num)} .hds-kit .k-r-bignum strong{display:block;margin:6px 0;font-family:var(--k-font-heading);font-size:1.18rem;line-height:1.25} .hds-kit .k-r-bignum small{color:var(--k-muted);font-size:.86rem} /* Enlaces: índice, nube, baldosas */ .hds-kit .k-r-index{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;counter-reset:none} .hds-kit .k-r-index a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--k-rule);transition:padding .25s} .hds-kit .k-r-index a:hover{padding-left:10px;color:var(--k-primary)} .hds-kit .k-r-index b{font-family:var(--k-font-heading);color:var(--k-num)} .hds-kit .k-r-index strong{font-weight:600} .hds-kit .k-r-chips{display:flex;flex-wrap:wrap;gap:12px} .hds-kit .k-r-chips a{padding:12px 22px;border-radius:999px;font-weight:600;font-size:.95rem;background:var(--k-card-bg);border:var(--k-card-border);transition:transform .2s,background .2s,color .2s} .hds-kit .k-r-chips a.is-c1{background:var(--k-surface)}.hds-kit .k-r-chips a.is-c2{font-size:1.1rem}.hds-kit .k-r-chips a.is-c3{background:var(--k-primary);color:#fff;border-color:transparent} .hds-kit .k-r-chips a:hover{transform:translateY(-3px) rotate(-1deg);background:var(--k-text);color:var(--k-background)} .hds-kit .k-r-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--k-r-gap)} .hds-kit .k-r-tiles a{display:grid;gap:8px;padding:24px;background:var(--k-card-bg);color:var(--k-card-fg);border:var(--k-card-border);border-radius:var(--k-card-radius);box-shadow:var(--k-card-shadow);transition:transform .25s} .hds-kit .k-r-tiles a:hover{transform:translateY(-4px)} .hds-kit .k-r-tiles i{display:grid;place-items:center;width:48px;height:48px;border-radius:calc(var(--k-card-radius) * .6);background:var(--k-primary);color:#fff;margin-bottom:6px} .hds-kit .k-r-tiles strong{font-family:var(--k-font-heading);font-size:1.05rem;line-height:1.25} .hds-kit .k-r-tiles small{color:var(--k-card-muted)} /* Preguntas frecuentes */ .hds-kit .k-r-faq{display:grid;gap:30px} .hds-kit .k-r-faq.is-split{grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start} .hds-kit .k-r-faq.is-split .k-r-faq-head{position:sticky;top:110px} .hds-kit .k-r-faq-head h2{font-size:clamp(28px,3vw,42px);margin-top:4px} .hds-kit .k-r-faq-head p{margin-top:12px;color:var(--k-muted)} .hds-kit .k-r-faq-list{display:grid;gap:12px} .hds-kit .k-r-faq.is-grid .k-r-faq-head{text-align:center;max-width:640px;margin:0 auto} .hds-kit .k-r-faq.is-grid .k-r-faq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .hds-kit .k-r-faq.is-grid summary span{display:none} .hds-kit .k-r-faq.is-grid details{padding:22px 24px} .hds-kit .k-r-faq.is-grid summary{padding:0 0 10px;font-family:var(--k-font-heading);font-size:1.1rem} .hds-kit .k-r-faq.is-grid details p{padding:0} .hds-kit .k-faq .k-r-faq-list details{background:var(--k-card-bg);color:var(--k-card-fg);border:var(--k-card-border);border-radius:var(--k-card-radius)} /* Empieza aquí */ .hds-kit .k-r-start-head{text-align:center;max-width:620px;margin:0 auto 40px} .hds-kit .k-r-start-head h2{font-size:clamp(30px,3.6vw,48px)} .hds-kit .k-r-start-head p{margin-top:10px;color:var(--k-muted)} .hds-kit .k-r-start{list-style:none;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px} .hds-kit .k-r-start::before{content:"";position:absolute;left:16%;right:16%;top:26px;border-top:2px dashed var(--k-primary);opacity:.6} .hds-kit .k-r-start a{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center} .hds-kit .k-r-start b{position:relative;z-index:2;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--k-primary);color:#fff;font-family:var(--k-font-heading);font-size:1.4rem;box-shadow:0 0 0 8px var(--k-background)} .hds-kit .k-r-start .k-r-img{width:100%;aspect-ratio:16/10;border-radius:var(--k-card-radius);margin-top:10px} .hds-kit .k-r-start em{font-style:normal;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--k-num);margin-top:8px} .hds-kit .k-r-start strong{font-family:var(--k-font-heading);font-size:1.15rem;line-height:1.25} .hds-kit .k-r-start small{color:var(--k-muted);font-size:.86rem;max-width:300px} /* Elige según tu necesidad */ .hds-kit .k-r-picker-head{text-align:center;max-width:760px;margin:0 auto 30px} .hds-kit .k-r-picker-head h2{font-size:clamp(30px,3.6vw,48px)} .hds-kit .k-r-picker-head p{margin:10px 0 22px;color:var(--k-muted)} .hds-kit .k-r-picker-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px} .hds-kit .k-r-picker-chips button,.hds-kit .k-r-picker-chips a{padding:11px 20px;border-radius:999px;border:1.5px solid var(--k-text);background:transparent;color:var(--k-text);font:inherit;font-weight:600;font-size:.92rem;cursor:pointer;transition:background .2s,color .2s} .hds-kit .k-r-picker-chips [aria-pressed="true"],.hds-kit .k-r-picker-chips button:hover,.hds-kit .k-r-picker-chips a:hover{background:var(--k-text);color:var(--k-background)} .hds-kit .k-r-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--k-r-gap)} .hds-kit .k-r-picker .k-r-card[hidden]{display:none} .hds-kit .k-r-picker .k-r-img{aspect-ratio:4/3} /* Tabla comparativa */ .hds-kit .k-r-table-wrap{overflow-x:auto;border-radius:var(--k-card-radius);border:var(--k-card-border);background:var(--k-card-bg);box-shadow:var(--k-card-shadow)} .hds-kit .k-r-table{width:100%;border-collapse:collapse;color:var(--k-card-fg);font-size:.93rem} .hds-kit .k-r-table th,.hds-kit .k-r-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--k-rule);vertical-align:middle} .hds-kit .k-r-table thead th{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--k-card-muted);font-weight:700} .hds-kit .k-r-table tbody th a{display:flex;align-items:center;gap:14px;font-weight:600;font-family:var(--k-font-heading)} .hds-kit .k-r-table .k-r-thumb{flex:0 0 auto;width:64px;height:48px;border-radius:8px;overflow:hidden} .hds-kit .k-r-table tbody tr:hover{background:color-mix(in srgb,var(--k-primary) 6%,transparent)} .hds-kit .k-r-table tbody tr:last-child>*{border-bottom:0} /* Antes y después */ .hds-kit .k-r-ba-copy{text-align:center;margin-bottom:26px} .hds-kit .k-r-ba-copy h2{font-size:clamp(28px,3.4vw,46px)} .hds-kit .k-r-ba-copy p{margin-top:8px;color:var(--k-muted)} .hds-kit .k-r-ba{position:relative;max-width:980px;margin:0 auto;aspect-ratio:16/9;border-radius:var(--k-card-radius);overflow:hidden;box-shadow:var(--k-card-shadow);user-select:none} .hds-kit .k-r-ba>img,.hds-kit .k-r-ba-before img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .hds-kit .k-r-ba-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--k-ba)) 0 0)} .hds-kit .k-r-ba-line{position:absolute;top:0;bottom:0;left:var(--k-ba);width:3px;background:#fff;transform:translateX(-50%);pointer-events:none} .hds-kit .k-r-ba-line i{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:#111;font-style:normal;transform:translate(-50%,-50%);box-shadow:0 6px 20px rgba(0,0,0,.3)} .hds-kit .k-r-ba em{position:absolute;top:16px;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-style:normal;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;pointer-events:none} .hds-kit .k-r-ba em.is-before{left:16px}.hds-kit .k-r-ba em.is-after{right:16px} .hds-kit .k-r-ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0} .hds-kit .k-r-ba input:focus-visible+*,.hds-kit .k-r-ba:focus-within{outline:3px solid var(--k-primary);outline-offset:3px} /* Buscador grande */ .hds-kit .k-r-search{max-width:860px;margin:0 auto;text-align:center} .hds-kit .k-r-search h2{font-size:clamp(30px,4vw,54px);margin-bottom:24px} .hds-kit .k-r-search form{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 22px;border-radius:999px;background:var(--k-card-bg);border:2px solid var(--k-text);box-shadow:var(--k-card-shadow);color:var(--k-card-fg)} .hds-kit .k-r-search form .k-icon{width:24px;height:24px;opacity:.6} .hds-kit .k-r-search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:1.1rem;color:inherit;padding:12px 0;outline:0} .hds-kit .k-r-search button{padding:14px 28px;border-radius:999px;border:0;background:var(--k-primary);color:#fff;font:inherit;font-weight:700;cursor:pointer} .hds-kit .k-r-search-chips{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:18px} .hds-kit .k-r-search-chips small{color:var(--k-muted)} .hds-kit .k-r-search-chips a{padding:6px 14px;border-radius:999px;border:1px solid var(--k-rule);font-size:.86rem} .hds-kit .k-r-search-chips a:hover{border-color:var(--k-primary);color:var(--k-primary)} /* Autor */ .hds-kit .k-r-author{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center} .hds-kit .k-r-author-copy h2{font-size:clamp(28px,3.2vw,44px)} .hds-kit .k-r-author-copy p{margin-top:14px;color:var(--k-muted)} .hds-kit .k-r-people{display:grid;gap:14px} .hds-kit .k-r-person{display:grid;grid-template-columns:80px minmax(0,1fr);gap:18px;align-items:center;padding:18px;background:var(--k-card-bg);color:var(--k-card-fg);border:var(--k-card-border);border-radius:var(--k-card-radius);box-shadow:var(--k-card-shadow)} .hds-kit .k-r-person img{width:80px;height:80px;border-radius:50%;object-fit:cover} .hds-kit .k-r-person strong{display:block;font-family:var(--k-font-heading);font-size:1.15rem} .hds-kit .k-r-person small{color:var(--k-num);font-weight:600;font-size:.8rem} .hds-kit .k-r-person p{margin-top:6px;color:var(--k-card-muted);font-size:.88rem} /* Índice A-Z */ .hds-kit .k-r-az-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px} .hds-kit .k-r-az-nav a,.hds-kit .k-r-az-nav span{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;font-family:var(--k-font-heading);font-weight:700} .hds-kit .k-r-az-nav a{background:var(--k-card-bg);border:var(--k-card-border);color:var(--k-card-fg)} .hds-kit .k-r-az-nav a:hover{background:var(--k-primary);color:#fff} .hds-kit .k-r-az-nav span{opacity:.25} .hds-kit .k-r-az{columns:3 240px;column-gap:40px} .hds-kit .k-r-az-group{break-inside:avoid;margin-bottom:24px;scroll-margin-top:110px} .hds-kit .k-r-az-group b{display:block;font-family:var(--k-font-heading);font-size:2rem;line-height:1;color:var(--k-num);padding-bottom:8px;margin-bottom:8px;border-bottom:2px solid var(--k-text)} .hds-kit .k-r-az-group a{display:block;padding:5px 0;font-size:.94rem} .hds-kit .k-r-az-group a:hover{color:var(--k-primary);text-decoration:underline;text-underline-offset:3px} /* Video */ .hds-kit .k-r-video{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center} .hds-kit .k-r-video-frame{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:var(--k-card-radius);overflow:hidden;background:#000;cursor:pointer;box-shadow:var(--k-card-shadow)} .hds-kit .k-r-video-frame img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:opacity .3s,transform .5s} .hds-kit .k-r-video-frame:hover img{opacity:1;transform:scale(1.03)} .hds-kit .k-r-video-frame i{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--k-primary);color:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 12px color-mix(in srgb,var(--k-primary) 30%,transparent)} .hds-kit .k-r-video-frame i .k-icon{width:34px;height:34px;fill:currentColor} .hds-kit .k-r-video-iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--k-card-radius)} .hds-kit .k-r-video-copy h2{font-size:clamp(26px,2.8vw,38px)} .hds-kit .k-r-video-copy p{margin:12px 0 22px;color:var(--k-muted)} /* Acerca de: cita, foto + lista, cifras */ .hds-kit .k-r-quote{position:relative;max-width:900px;margin:0 auto;text-align:center} .hds-kit .k-r-quote>span{display:block;font-family:var(--k-font-heading);font-size:8rem;line-height:.6;color:var(--k-num);height:60px} .hds-kit .k-r-quote blockquote{margin:0;font-family:var(--k-font-heading);font-size:clamp(22px,2.8vw,38px);line-height:1.35} .hds-kit .k-r-quote figcaption{margin:22px 0 26px;font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--k-muted)} .hds-kit .k-r-stats{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center} .hds-kit .k-r-stats h2{font-size:clamp(28px,3.2vw,44px)} .hds-kit .k-r-stats p{margin:14px 0 24px;color:var(--k-muted)} .hds-kit .k-r-stats ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .hds-kit .k-r-stats li{display:grid;gap:6px;padding:26px 20px;background:var(--k-card-bg);color:var(--k-card-fg);border:var(--k-card-border);border-radius:var(--k-card-radius);box-shadow:var(--k-card-shadow)} .hds-kit .k-r-stats li:nth-child(2){transform:translateY(24px)} .hds-kit .k-r-stats b{font-family:var(--k-font-heading);font-size:clamp(38px,4.4vw,64px);line-height:1;color:var(--k-num)} .hds-kit .k-r-stats small{color:var(--k-card-muted);font-size:.84rem} .hds-kit .k-r-aboutsplit{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center} .hds-kit .k-r-aboutsplit .k-r-img{position:relative;aspect-ratio:4/3;border-radius:var(--k-card-radius);box-shadow:18px 18px 0 color-mix(in srgb,var(--k-primary) 22%,transparent)} .hds-kit .k-r-aboutsplit h2{font-size:clamp(28px,3.2vw,44px)} .hds-kit .k-r-aboutsplit p{margin:14px 0 18px;color:var(--k-muted)} .hds-kit .k-r-aboutsplit ul{list-style:none;display:grid;gap:10px;margin-bottom:24px} .hds-kit .k-r-aboutsplit li{display:flex;gap:10px;align-items:center;font-weight:600} .hds-kit .k-r-aboutsplit li .k-icon{color:var(--k-num)} @media (max-width:900px){.hds-kit .k-r-stats,.hds-kit .k-r-aboutsplit{grid-template-columns:1fr}.hds-kit .k-r-stats li:nth-child(2){transform:none}} @media (max-width:600px){.hds-kit .k-r-stats ul{grid-template-columns:1fr}} /* Los temas (Twenty Twenty-One, Astra…) pintan los