@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/Inter-Regular.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/fonts/Inter-Medium.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/Inter-SemiBold.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/fonts/Inter-Bold.woff2") format("woff2"); } :root { --red: #c8001a; --red-dark: #a00015; --red-soft: rgba(200, 0, 26, 0.08); --bg: #FFFFFF; --bg-soft: #F7F7F8; --text: #1A1A1A; --muted: #5C6370; --border: #E5E7EB; --gray-900: #1F2937; --white: #FFFFFF; --radius: 12px; --radius-sm: 8px; --shadow: 0 4px 20px rgba(0, 0, 0, 0.06); --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.08); --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; --container: min(1120px, calc(100% - 2.5rem)); --header-h: 68px; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: var(--font); color: var(--text); background: var(--bg); line-height: 1.6; -webkit-font-smoothing: antialiased; font-size: 16px; } img { max-width: 100%; height: auto; display: block; } a { color: inherit; text-decoration: none; } ul { list-style: none; } button, input, select, textarea { font: inherit; } .dk-container { width: var(--container); margin-inline: auto; } .dk-accent { color: var(--red); } .dk-muted { color: var(--muted); } .dk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: .75rem 1.35rem; min-height: 2.875rem; font-size: .9rem; line-height: 1.25; font-weight: 600; border-radius: var(--radius-sm); border: 1.5px solid transparent; cursor: pointer; transition: transform .2s, box-shadow .2s, background .2s, color .2s, border-color .2s; text-decoration: none; white-space: nowrap; } .dk-btn-sm { padding: .55rem 1.1rem; min-height: 2.35rem; font-size: .875rem; line-height: 1.25; } .dk-btn-lg { padding: .9rem 1.55rem; min-height: 3.05rem; font-size: .95rem; line-height: 1.25; } .dk-btn-red { background: var(--red); color: #fff !important; box-shadow: 0 4px 14px rgba(200, 0, 26, .28); } .dk-btn-red:hover { background: var(--red-dark); transform: translateY(-1px); color: #fff !important; } .dk-btn-ghost { background: #fff; color: var(--gray-900) !important; border-color: var(--border); } .dk-btn-ghost:hover { border-color: #9CA3AF; } .dk-btn-outline { background: transparent; color: var(--red) !important; border-color: var(--red); } .dk-btn-outline:hover { background: var(--red-soft); } .dk-btn-ink { background: #16212b; color: #fff !important; } .dk-btn-ink:hover { background: #0f1720; transform: translateY(-1px); color: #fff !important; } .dk-staging-bar { background: #1a1a1a; color: #f3f4f6; text-align: center; font-size: .8rem; font-weight: 600; letter-spacing: .02em; padding: .4rem 1rem; } .dk-header { position: sticky; top: 0; z-index: 100; overflow: visible; background: rgba(255,255,255,.96); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(0,0,0,.06); } .dk-header-inner { display: flex; align-items: center; gap: 1.25rem; min-height: var(--header-h); padding: .7rem 0; } .dk-logo img { height: 36px; width: auto; display: block; } .dk-nav { display: flex; align-items: center; gap: 1.35rem; margin-left: auto; font-size: .9rem; font-weight: 500; color: var(--muted); } .dk-nav a:hover, .dk-nav a[aria-current="page"], .dk-nav-btn:hover, .dk-nav-btn.is-current, .dk-nav-btn[aria-current="true"] { color: var(--text); } .dk-nav-group { position: relative; } .dk-nav-btn { display: inline-flex; align-items: center; gap: .25rem; background: none; border: 0; padding: 0; font: inherit; font-weight: 500; color: var(--muted); cursor: pointer; } .dk-nav-chevron { display: block; transition: transform .15s ease; } .dk-nav-group.is-open .dk-nav-chevron { transform: rotate(180deg); } .dk-nav-drop { display: none; position: absolute; top: 100%; left: 0; min-width: 12.5rem; padding: .55rem .4rem .4rem; background: #fff; border: 1px solid var(--border); border-radius: var(--radius-sm, 10px); box-shadow: 0 10px 28px rgba(15, 23, 42, .1); z-index: 120; } .dk-nav-drop a { display: block; padding: .55rem .7rem; border-radius: 8px; color: var(--text); font-weight: 500; } .dk-nav-drop a:hover, .dk-nav-drop a[aria-current="page"] { background: var(--bg-soft, #F7F7F8); } .dk-nav-group.is-open .dk-nav-drop { display: block; } .dk-header-cta { display: flex; gap: .6rem; align-items: center; } .dk-nav-toggle { display: none; flex-direction: column; gap: 5px; background: none; border: 0; padding: .4rem; margin-left: auto; cursor: pointer; } .dk-nav-toggle span { display: block; width: 22px; height: 2px; background: var(--text); border-radius: 2px; } .dk-page-hero { padding: 4.5rem 0 3.25rem; background: radial-gradient(ellipse 80% 60% at 100% 0%, rgba(225,27,34,.06), transparent 55%), var(--bg); } .dk-page-hero .dk-kicker { margin-bottom: .85rem; } .dk-page-hero h1 { font-size: clamp(2rem, 4vw, 2.75rem); line-height: 1.15; letter-spacing: -.02em; font-weight: 700; max-width: 18ch; margin-bottom: 1rem; } .dk-page-hero .dk-lead { max-width: 46ch; font-size: 1.1rem; color: var(--muted); margin-bottom: 1.75rem; } .dk-page-hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; } .dk-hero { padding: 3.75rem 0 3.5rem; background: radial-gradient(ellipse 70% 50% at 90% 10%, rgba(225,27,34,.07), transparent 50%), linear-gradient(180deg, #fff 0%, var(--bg-soft) 100%); } .dk-hero-grid { display: grid; grid-template-columns: 1.1fr minmax(300px, 576px); gap: 2.5rem; align-items: center; } .dk-kicker { display: inline-block; font-size: .8rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--red); } .dk-hero h1 { max-width: 18ch; font-size: clamp(2.05rem, 4vw, 2.85rem); line-height: 1.12; letter-spacing: -.025em; font-weight: 700; margin: .75rem 0 1rem; } .dk-lead { font-size: 1.1rem; color: var(--muted); max-width: 48ch; } .dk-trust { display: flex; align-items: flex-start; gap: .6rem; margin: 1.25rem 0 1.5rem; font-size: .92rem; color: var(--muted); } .dk-hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-bottom: 1.5rem; } .dk-hero-badges { display: flex; flex-wrap: wrap; gap: .85rem 1.25rem; font-size: .88rem; font-weight: 500; color: var(--gray-900); } .dk-hero-badges li { display: flex; align-items: center; gap: .45rem; } .dk-mockup-scene { position: relative; width: 100%; max-width: 576px; margin-inline: auto 0; } .dk-laptop { background: #1F2937; border-radius: 14px; padding: 10px 10px 14px; box-shadow: var(--shadow-lg); } .dk-laptop-lid { background: #111827; border-radius: 8px; overflow: hidden; } .dk-laptop-screen { background: #f4f4f5; min-height: 280px; } .dk-app-panel { padding: .85rem .9rem 1rem; } .dk-app-panel-top { display: flex; justify-content: space-between; gap: .5rem; margin-bottom: .75rem; font-size: .72rem; } .dk-app-panel-top span:first-child { font-weight: 700; color: #0f172a; font-size: .82rem; } .dk-app-panel-top span:last-child { color: #94a3b8; } .dk-app-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: .4rem; margin-bottom: .7rem; } .dk-app-kpis div { background: #fff; border-radius: 10px; padding: .5rem .35rem; text-align: center; box-shadow: 0 1px 2px rgba(0,0,0,.04); } .dk-app-kpis strong { display: block; font-size: 1.05rem; color: #0f172a; } .dk-app-kpis span { font-size: .62rem; color: #64748b; } .dk-app-kpis .is-ok strong { color: #15803d; } .dk-app-kpis .is-warn strong { color: #b45309; } .dk-app-kpis .is-bad strong { color: #b91c1c; } .dk-app-rows { display: grid; gap: .35rem; } .dk-app-row { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem; background: #fff; border-radius: 8px; padding: .45rem .6rem; border-left: 3px solid #94a3b8; font-size: .75rem; } .dk-app-row b { font-weight: 600; color: #0f172a; } .dk-app-row em { font-style: normal; color: #64748b; font-size: .68rem; } .dk-app-row.is-ok { border-left-color: #15803d; } .dk-app-row.is-warn { border-left-color: #b45309; } .dk-app-row.is-bad { border-left-color: #b91c1c; } .dk-phone { position: absolute; right: -8px; bottom: -18px; width: 116px; background: #111827; border-radius: 18px; padding: 8px; box-shadow: var(--shadow-lg); } .dk-phone-screen { background: #fff; border-radius: 12px; padding: .7rem .55rem .75rem; min-height: 188px; } .dk-phone-app { text-align: center; } .dk-phone-ring { position: relative; width: 92px; height: 92px; margin: 0 auto .45rem; } .dk-phone-ring-txt { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; } .dk-phone-ring-txt strong { font-size: .78rem; color: #1a1a18; } .dk-phone-ring-txt span { font-size: .52rem; color: #8a8a86; } .dk-phone-estado { font-size: .62rem; color: #5f5e5a; margin: 0 0 .55rem; } .dk-phone-btns { display: flex; gap: .3rem; } .dk-phone-btns span { flex: 1; border-radius: 8px; padding: .4rem .15rem; font-size: .58rem; font-weight: 600; } .dk-phone-btns .is-gris { background: #e7e5e4; color: #1a1a18; } .dk-phone-btns .is-negro { background: #1a1a18; color: #fff; } .dk-section { padding: 4.75rem 0; } .dk-section-soft { background: var(--bg-soft); } .dk-section-head { max-width: 40rem; margin-bottom: 2.5rem; } .dk-section-head.center, .dk-center { text-align: center; margin-inline: auto; } .dk-section-head h2, .dk-section h2 { font-size: clamp(1.55rem, 2.8vw, 2rem); letter-spacing: -.02em; line-height: 1.2; margin: .4rem 0 .75rem; } .dk-section-head p { color: var(--muted); font-size: 1.05rem; } .dk-card-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.15rem; } .dk-card-grid-3 { grid-template-columns: repeat(3, 1fr); } .dk-card-grid-2 { grid-template-columns: repeat(2, 1fr); } .dk-card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 1.35rem 1.25rem; box-shadow: var(--shadow); } .dk-card h3 { font-size: 1.05rem; margin: .7rem 0 .4rem; letter-spacing: -.01em; } .dk-card p { color: var(--muted); font-size: .95rem; } .dk-card-icon { width: 40px; height: 40px; border-radius: 10px; background: var(--red-soft); color: var(--red); display: grid; place-items: center; } .dk-benefit { text-align: left; } .dk-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; counter-reset: step; } .dk-step { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 1.5rem 1.35rem; position: relative; } .dk-step::before { counter-increment: step; content: counter(step); display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 999px; background: var(--red); color: #fff; font-weight: 700; font-size: .9rem; margin-bottom: .9rem; } .dk-step h3 { font-size: 1.05rem; margin-bottom: .4rem; } .dk-step p { color: var(--muted); font-size: .95rem; } .dk-price-table { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); } .dk-price-table th, .dk-price-table td { padding: .95rem 1.1rem; text-align: left; border-bottom: 1px solid var(--border); font-size: .95rem; } .dk-price-table th { background: var(--bg-soft); font-weight: 600; font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); } .dk-price-table tr:last-child td { border-bottom: 0; } .dk-price-table tr.is-highlight td { background: var(--bg-soft); font-weight: 600; } .dk-price-table .dk-price-year { font-weight: 700; color: var(--text); } .dk-price-table .dk-price-month { color: var(--muted); } .dk-price-note { margin-top: 1rem; font-size: .92rem; color: var(--muted); } .dk-plans-grid { display: grid; gap: 1.25rem; grid-template-columns: 1fr; align-items: stretch; } .dk-plan-card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 1.5rem 1.35rem 1.4rem; display: flex; flex-direction: column; gap: .85rem; box-shadow: var(--shadow); min-height: 100%; height: 100%; } .dk-plan-card-head h2 { font-size: 1.2rem; font-weight: 700; letter-spacing: -0.01em; margin-bottom: .35rem; } .dk-plan-empleados { color: var(--muted); font-size: .92rem; } .dk-plan-price { margin-top: .05rem; } .dk-plan-amount { font-size: clamp(2.1rem, 3.2vw, 2.7rem); font-weight: 700; line-height: 1.05; letter-spacing: -0.03em; color: var(--text); } .dk-plan-unit { font-size: .9rem; font-weight: 600; color: var(--muted); margin-left: .25rem; } .dk-plan-primer-anyo { margin-top: .65rem; font-size: .9rem; font-weight: 500; color: var(--text); line-height: 1.4; } .dk-plan-per-emp { margin-top: .4rem; font-size: .8rem; color: var(--muted); line-height: 1.4; } .dk-plan-cta { width: 100%; text-align: center; margin-top: auto; white-space: normal; } .dk-plan-limits { display: grid; gap: .35rem; padding-top: .75rem; border-top: 1px solid var(--border); font-size: .85rem; list-style: none; } .dk-plan-limits li { display: flex; justify-content: space-between; gap: .75rem; align-items: baseline; } .dk-plan-limit-label { color: var(--muted); } .dk-plan-limit-value { font-weight: 600; text-align: right; } .dk-plans-common { margin-top: 2.25rem; width: 100%; padding: 1.5rem 1.4rem 1.35rem; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); } .dk-plans-common-head { margin-bottom: 1.15rem; max-width: none; } .dk-plans-common-head h2 { font-size: clamp(1.35rem, 2.2vw, 1.65rem); letter-spacing: -.02em; margin-bottom: .4rem; } .dk-plans-common-head p { color: var(--muted); font-size: 1rem; max-width: 70ch; } .dk-plans-common .dk-price-note { margin-top: 1.15rem; margin-bottom: 0; } .dk-highlight-note { margin-top: 1.75rem; margin-bottom: 0; padding: 1.1rem 1.25rem; background: var(--red-soft); border-left: 3px solid var(--red); border-radius: var(--radius-sm); font-size: 1.02rem; line-height: 1.5; font-weight: 500; color: var(--text); max-width: none; width: 100%; } .dk-highlight-note + .dk-plans-common { margin-top: 1.5rem; } .dk-price-footnotes { display: grid; gap: .6rem; max-width: 74ch; padding-top: 1.5rem; border-top: 1px solid var(--border); } .dk-price-footnotes .dk-price-note { margin-top: 0; } .dk-section-foot { padding-top: 0; } @media (min-width: 768px) { .dk-plans-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .dk-plans-grid { grid-template-columns: repeat(4, 1fr); gap: 1.1rem; } .dk-plan-card { padding: 1.35rem 1.1rem 1.2rem; } .dk-plan-cta { font-size: .8rem; padding-inline: .55rem; } } .dk-badge { display: inline-flex; align-items: center; gap: .35rem; background: var(--red-soft); color: var(--red-dark); font-size: .75rem; font-weight: 700; padding: .3rem .65rem; border-radius: 999px; } .dk-check-list { display: grid; gap: .7rem; } .dk-check-list li { display: flex; gap: .65rem; align-items: flex-start; color: var(--gray-900); font-size: .98rem; line-height: 1.5; } .dk-check-list svg { flex-shrink: 0; margin-top: .3rem; color: var(--red); } @media (min-width: 860px) { .dk-check-list-2col { grid-template-columns: 1fr 1fr; column-gap: 2.25rem; } } .dk-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .dk-split { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; align-items: start; } .dk-faq-sections { display: grid; gap: 2.25rem; max-width: 760px; } .dk-faq-section-title { font-size: 1.15rem; letter-spacing: -.01em; margin: 0 0 0.85rem; } .dk-faq { display: grid; gap: .7rem; max-width: 760px; } .dk-faq details { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 0; overflow: hidden; } .dk-faq summary { cursor: pointer; font-weight: 600; list-style: none; display: flex; align-items: flex-start; justify-content: space-between; gap: .85rem; padding: 1rem 1.15rem; min-height: 44px; line-height: 1.35; overflow-wrap: anywhere; } .dk-faq summary::-webkit-details-marker { display: none; } .dk-faq summary::marker { content: ''; } .dk-faq summary::after { content: '+'; flex: 0 0 auto; width: 1.35rem; height: 1.35rem; margin-top: .05rem; display: inline-flex; align-items: center; justify-content: center; border: 1.5px solid currentColor; border-radius: 4px; font-size: 1.05rem; font-weight: 700; line-height: 1; color: var(--text); } .dk-faq details[open] summary::after { content: '−'; } .dk-faq details[open] summary { margin-bottom: 0; padding-bottom: .45rem; } .dk-faq details > p { color: var(--muted); font-size: .95rem; padding: 0 1.15rem 1rem; margin: 0; overflow-wrap: anywhere; } .dk-faq a { color: var(--red); text-decoration: underline; text-underline-offset: 2px; } .dk-faq a:hover { color: var(--red-dark); } .dk-faq summary:focus-visible { outline: 2px solid rgba(225, 27, 34, .45); outline-offset: 2px; } .dk-cta-band { background: linear-gradient(135deg, #1A1A1A 0%, #2A2A2A 100%); color: #fff; border-radius: 18px; padding: 2.5rem 2rem; display: flex; flex-wrap: wrap; gap: 1.25rem; align-items: center; justify-content: space-between; } .dk-cta-band h2 { color: #fff; font-size: clamp(1.4rem, 2.5vw, 1.8rem); margin: 0 0 .4rem; } .dk-cta-band p { color: rgba(255,255,255,.75); margin: 0; max-width: 40ch; } .dk-cta-band-actions { display: flex; flex-wrap: wrap; gap: .7rem; } .dk-cta-band-actions .dk-hp-fine { flex-basis: 100%; margin: 0; text-align: left; max-width: none; } .dk-form { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 1.75rem; box-shadow: var(--shadow); display: grid; gap: 1rem; } .dk-form label { display: grid; gap: .35rem; font-size: .88rem; font-weight: 600; } .dk-form input, .dk-form select, .dk-form textarea { width: 100%; border: 1px solid var(--border); border-radius: var(--radius-sm); padding: .75rem .85rem; background: #fff; color: var(--text); } .dk-form input:focus, .dk-form select:focus, .dk-form textarea:focus { outline: 2px solid rgba(225,27,34,.25); border-color: var(--red); } .dk-form textarea { min-height: 110px; resize: vertical; } .dk-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } .dk-form-note { font-size: .8rem; color: var(--muted); font-weight: 400; } .dk-form-note a { color: var(--red); text-decoration: underline; } .dk-hp { position: absolute; left: -9999px; height: 0; overflow: hidden; } .dk-form-clausula { font-size: .78rem; color: var(--muted); font-weight: 400; line-height: 1.45; margin: 0; } .dk-form-clausula a { color: var(--red); } .dk-form-check { display: flex; gap: .65rem; align-items: flex-start; font-weight: 400; font-size: .88rem; } .dk-form-check input[type="checkbox"] { width: auto; margin-top: .2rem; flex: 0 0 auto; } .dk-form-check a { color: var(--red); } .dk-form-error { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; border-radius: var(--radius-sm); padding: .75rem .9rem; font-size: .88rem; font-weight: 400; } .dk-form-error ul { margin: 0; padding-left: 1.1rem; } .dk-form-ok { background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; border-radius: var(--radius-sm); padding: .75rem .9rem; font-size: .88rem; font-weight: 500; } .dk-modal { border: none; padding: 1.25rem; margin: 0; width: 100%; max-width: 100%; height: 100%; max-height: 100%; background: transparent; color: inherit; } .dk-modal[open] { display: flex; align-items: center; justify-content: center; } .dk-modal::backdrop { background: rgba(26, 26, 26, 0.48); } .dk-modal-panel { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-lg); padding: 2rem 1.75rem 1.7rem; width: min(26.5rem, 100%); text-align: center; } .dk-modal-icon { width: 48px; height: 48px; margin: 0 auto 1.05rem; display: grid; place-items: center; } .dk-modal-title { font-size: 1.35rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.25; margin: 0 0 .6rem; color: var(--text); } .dk-modal-body { color: var(--muted); font-size: 1rem; line-height: 1.55; margin: 0 0 1.5rem; } .dk-modal-panel .dk-btn { width: 100%; } @media (prefers-reduced-motion: no-preference) { .dk-modal[open] .dk-modal-panel { animation: dk-modal-in .22s ease-out; } } @keyframes dk-modal-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } } .dk-trust-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; } .dk-trust-item { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 1.15rem 1rem; text-align: center; } .dk-trust-item strong { display: block; font-size: .95rem; margin-bottom: .25rem; } .dk-trust-item span { font-size: .85rem; color: var(--muted); } .dk-dakoku-uso { max-width: 40rem; margin: 0 auto 1.25rem; padding: 1rem 1.15rem; background: #fff; border: 1px solid var(--border); border-left: 3px solid var(--red); border-radius: var(--radius); font-size: .95rem; } .dk-rnova-trust { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.6fr) auto; gap: 1.25rem 1.5rem; align-items: center; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 1.35rem 1.4rem; } .dk-rnova-brand { display: flex; align-items: center; gap: .85rem; color: inherit; text-decoration: none; } .dk-rnova-brand img { width: 44px; height: auto; } .dk-rnova-brand strong { display: block; font-size: 1rem; } .dk-rnova-brand em { display: block; font-style: normal; font-size: .82rem; color: var(--muted); margin-top: .15rem; } .dk-rnova-brand:hover strong { color: var(--red); } .dk-rnova-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: .85rem; } .dk-rnova-stats strong { display: block; font-size: 1.15rem; letter-spacing: -.02em; } .dk-rnova-stats span { display: block; font-size: .8rem; color: var(--muted); margin-top: .2rem; } .dk-rnova-award { margin: 0; } .dk-rnova-award img { width: 72px; height: 72px; object-fit: contain; display: block; } .dk-soft-list { display: grid; gap: .8rem; } .dk-soft-list li { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 1rem 1.15rem; font-weight: 500; } .dk-footer { background: #1A1A1A; color: rgba(255,255,255,.78); padding: 3.5rem 0 1.5rem; margin-top: 0; } .dk-footer-grid { display: grid; grid-template-columns: 1.35fr repeat(4, 1fr); gap: 2rem; margin-bottom: 2rem; } .dk-footer-brand p { margin-top: .85rem; font-size: .9rem; max-width: 28ch; } .dk-footer h3 { color: #fff; font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; margin-bottom: .85rem; } .dk-footer ul { display: grid; gap: .45rem; font-size: .9rem; } .dk-footer a:hover { color: #fff; } .dk-footer-bottom { border-top: 1px solid rgba(255,255,255,.1); padding-top: 1.15rem; font-size: .82rem; } .dk-footer .dk-logo img, .dk-footer-brand img { height: 30px; width: auto; } .dk-reveal, .dk-reveal.is-visible { opacity: 1; transform: none; } @media (max-width: 960px) { .dk-hero-grid, .dk-split { grid-template-columns: 1fr; } .dk-card-grid, .dk-card-grid-3, .dk-trust-row, .dk-steps { grid-template-columns: 1fr 1fr; } .dk-rnova-trust { grid-template-columns: 1fr; } .dk-rnova-award { justify-self: start; } .dk-footer-grid { grid-template-columns: 1fr 1fr; } .dk-phone { display: none; } } @media (max-width: 900px) { .dk-nav-toggle { display: flex; } .dk-nav { display: none; position: absolute; left: 0; right: 0; top: var(--header-h); max-height: calc(100vh - var(--header-h)); overflow-y: auto; -webkit-overflow-scrolling: touch; background: #fff; border-bottom: 1px solid var(--border); flex-direction: column; padding: 1rem 1.25rem 1.25rem; gap: .85rem; } .dk-nav.is-open { display: flex; } .dk-nav-group.is-open .dk-nav-drop { display: flex; flex-direction: column; } .dk-nav-drop { position: static; min-width: 0; margin: .15rem 0 .25rem .15rem; padding: 0; border: 0; box-shadow: none; background: transparent; } .dk-nav-drop a { padding: .45rem 0; } .dk-header-cta .dk-btn-ghost { display: none; } .dk-card-grid, .dk-card-grid-3, .dk-card-grid-2, .dk-trust-row, .dk-rnova-stats, .dk-steps, .dk-footer-grid, .dk-form-row { grid-template-columns: 1fr; } .dk-page-hero, .dk-hero, .dk-section { padding: 3.25rem 0; } .dk-cta-band { padding: 1.75rem 1.25rem; } .dk-price-table { display: block; overflow-x: auto; } } .page-wrap, .dk-legal { max-width: 760px; margin: 0 auto; padding: 3rem 1.25rem 4rem; } .dk-legal h1, .page-wrap h1 { font-size: 2rem; letter-spacing: -.02em; margin-bottom: .5rem; } .dk-legal h2, .page-wrap h2 { font-size: 1.15rem; margin: 1.75rem 0 .65rem; } .dk-legal h3, .page-wrap h3 { font-size: 1.02rem; margin: 1.25rem 0 .5rem; color: var(--text); } .dk-legal p, .page-wrap p, .dk-legal li, .page-wrap li { color: var(--muted); margin-bottom: .75rem; font-size: .98rem; } .dk-legal ul, .page-wrap ul, .dk-legal ol, .page-wrap ol { list-style: disc; padding-left: 1.25rem; margin-bottom: 1rem; } .dk-legal ol, .page-wrap ol { list-style: decimal; } .dk-legal table { width: 100%; border-collapse: collapse; font-size: .92rem; margin: 0 0 1.25rem; } .dk-legal th, .dk-legal td { text-align: left; vertical-align: top; padding: .5rem .6rem; border-bottom: 1px solid var(--border); color: var(--muted); } .dk-legal th { color: var(--text); font-weight: 600; font-size: .8rem; } .updated, .legal-note { font-size: .9rem; color: var(--muted); } .dk-legal .lead { margin-bottom: 1.25rem; } .dk-legal strong { color: var(--text); font-weight: 600; } .dk-legal a { color: var(--red); text-decoration: underline; text-underline-offset: 2px; } .dk-legal-nav { margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid var(--border); } .dk-legal-nav p { margin-bottom: .4rem; font-size: .85rem; } .dk-legal-nav ul { list-style: none; padding-left: 0; display: flex; flex-wrap: wrap; gap: .35rem .9rem; } .dk-legal-nav [aria-current="page"] { color: var(--text); font-weight: 600; } .dk-stack { display: grid; gap: 1.15rem; } .dk-stack .dk-btn { margin-top: .5rem; align-self: start; } .dk-plans2-highlight { margin-top: 0; } .dk-plans2-highlight + .dk-plans2-grid { margin-top: 1.5rem; } .dk-plans2-grid { display: grid; gap: 1.25rem; grid-template-columns: 1fr; align-items: start; } .dk-plans2-grid .dk-plan-card { height: auto; min-height: 0; } .dk-plans2-grid .dk-plan-card-head h2 { font-size: 1.05rem; font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; margin-bottom: 0; } .dk-plans2-grid .dk-plan-cta { width: 100%; text-align: center; margin-top: .15rem; white-space: normal; } .dk-plans2-features { margin-top: .15rem; padding-top: .9rem; border-top: 1px solid var(--border); } .dk-plans2-features-title { font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); margin: 0 0 .65rem; } .dk-plans2-features .dk-check-list { gap: .42rem; } .dk-plans2-features .dk-check-list li { font-size: .82rem; line-height: 1.4; color: var(--text); } .dk-plans2-features .dk-check-list svg { width: 16px; height: 16px; margin-top: .15rem; color: var(--red); } .dk-plans2-features-title-2 { margin-top: 1rem; } .dk-plans2-legal { margin: 0; max-width: 62ch; font-size: .78rem; color: var(--muted); line-height: 1.45; } .dk-plans2-after { margin-top: 1.75rem; display: flex; flex-direction: column; align-items: center; text-align: center; gap: .75rem; } .dk-plans2-more { margin: 0; font-size: 1.15rem; font-weight: 600; line-height: 1.4; color: var(--text); } .dk-plans2-more a { color: inherit; text-decoration: underline; text-underline-offset: 3px; } .dk-plans2-more a:hover { color: var(--red); } .dk-plans2-foot { margin-top: 0; max-width: 62ch; font-size: .9rem; } @media (min-width: 768px) { .dk-plans2-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .dk-plans2-grid { grid-template-columns: repeat(4, 1fr); } .dk-plans2-grid .dk-plan-card { padding: 1.5rem 1.15rem 1.3rem; } .dk-plans2-grid .dk-plan-cta { font-size: .875rem; padding-inline: 1.1rem; } } .dk-plans2-impl-grid { display: grid; gap: 2rem 2.5rem; grid-template-columns: 1fr; } .dk-plans2-impl-title { font-size: 1.05rem; font-weight: 700; margin: 0 0 1rem; letter-spacing: -0.01em; } @media (min-width: 768px) { .dk-plans2-impl-grid { grid-template-columns: 1fr 1fr; align-items: start; } } .dk-plans2-common { margin-top: 2rem; } .dk-plans2-aplica { margin-top: 1.75rem; padding: 1.25rem 1.35rem; background: var(--red-soft); border-left: 3px solid var(--red); border-radius: var(--radius-sm); } .dk-plans2-aplica-title { font-size: 1.05rem; font-weight: 700; margin: 0 0 .75rem; letter-spacing: -0.01em; } .dk-plans2-aplica p { margin: 0 0 .7rem; color: var(--text); font-size: .98rem; line-height: 1.5; } .dk-plans2-aplica p:last-child { margin-bottom: 0; } .dk-breadcrumb { padding: 1rem 0 0; font-size: .88rem; color: var(--muted); } .dk-breadcrumb ol { display: flex; flex-wrap: wrap; gap: .35rem .5rem; list-style: none; } .dk-breadcrumb li:not(:last-child)::after { content: "/"; margin-left: .5rem; color: var(--border); } .dk-breadcrumb a { text-decoration: underline; text-underline-offset: 2px; } .dk-breadcrumb a:hover { color: var(--red); } .dk-prose { max-width: 62ch; } .dk-prose h2 { margin-top: 1.75rem; } .dk-prose p { margin-bottom: 1rem; color: var(--text); } .dk-split-2 { display: grid; gap: 2rem; } @media (min-width: 768px) { .dk-split-2 { grid-template-columns: 1fr 1fr; } } .dk-doc-pills { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; } .dk-doc-pills li { background: var(--bg-soft); border: 1px solid var(--border); border-radius: 999px; padding: .35rem .85rem; font-size: .9rem; } .dk-listing { display: grid; gap: 1rem; list-style: none; } @media (min-width: 768px) { .dk-listing { grid-template-columns: 1fr 1fr; } } .dk-listing a { display: block; height: 100%; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 1.15rem 1.2rem; box-shadow: var(--shadow); } .dk-listing a:hover { border-color: var(--red); } .dk-listing strong { display: block; font-size: 1.05rem; margin-bottom: .25rem; } .dk-listing em { display: block; font-style: normal; font-size: .8rem; color: var(--red); margin-bottom: .4rem; } .dk-listing span { display: block; color: var(--muted); font-size: .92rem; } .dk-sector-family + .dk-sector-family { margin-top: 3.5rem; } .dk-sector-family .dk-section-head { margin-bottom: 1.25rem; } .dk-listing-featured { gap: 1.15rem; } @media (min-width: 1100px) { .dk-listing-featured { grid-template-columns: repeat(4, 1fr); } } .dk-listing-compact { gap: .65rem; } .dk-listing-compact a { padding: .9rem 1rem; box-shadow: none; } .dk-listing-compact strong { font-size: .98rem; } .dk-listing-compact span { font-size: .88rem; } .dk-listing-compact em { margin-top: .55rem; margin-bottom: 0; } @media (min-width: 960px) { .dk-listing-compact { grid-template-columns: repeat(3, 1fr); } } .dk-city-group + .dk-city-group { margin-top: 3.5rem; } .dk-city-group .dk-section-head { margin-bottom: 1.25rem; } .dk-city-group .dk-listing-featured a { border-top: 3px solid var(--red); } .dk-related { display: grid; gap: 1rem; list-style: none; } @media (min-width: 768px) { .dk-related { grid-template-columns: 1fr 1fr; } } .dk-related a { display: block; border: 1px solid var(--border); border-radius: var(--radius); padding: 1rem 1.1rem; background: #fff; } .dk-related a:hover { border-color: var(--red); } .dk-related strong { display: block; margin-bottom: .3rem; } .dk-related span { display: block; color: var(--muted); font-size: .9rem; } .dk-hub-grid { display: grid; gap: 1rem; } @media (min-width: 768px) { .dk-hub-grid { grid-template-columns: 1fr 1fr; } } .dk-hub-card { display: block; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 1.4rem 1.35rem; box-shadow: var(--shadow); } .dk-hub-card:hover { border-color: var(--red); } .dk-hub-card strong { display: block; font-size: 1.1rem; margin-bottom: .4rem; } .dk-hub-card span { color: var(--muted); } .dk-prose-ul { list-style: disc; padding-left: 1.2rem; margin: 0 0 1.25rem; } .dk-prose-ul li { margin: .35rem 0; } .dk-note-legal { margin-top: 2rem; padding: 1rem 1.1rem; background: var(--bg-soft); border-left: 3px solid var(--border); font-size: .92rem; color: var(--muted); } .dk-novedad-norm { max-width: 62ch; margin: 0 0 2rem; padding: 1.15rem 1.25rem 1.2rem; background: #fff; border: 1px solid var(--border); border-left: 3px solid #94a3b8; border-radius: var(--radius); box-shadow: var(--shadow); } .dk-novedad-norm-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem .75rem; margin: 0 0 .7rem; font-size: .78rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: #64748b; } .dk-novedad-norm-meta time { font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--muted); } .dk-novedad-norm p { margin: 0 0 .7rem; font-size: .95rem; line-height: 1.5; color: var(--text); } .dk-novedad-norm p:last-child { margin-bottom: 0; } .dk-novedad-norm-ref { margin-top: .15rem; } .dk-novedad-norm-ref a { font-size: .9rem; font-weight: 600; color: var(--gray-900); text-decoration: underline; text-underline-offset: 2px; } .dk-novedad-norm-ref a:hover { color: var(--red); } .dk-tjue { margin: 1.25rem 0 0; padding: 1rem 1.15rem; background: var(--red-soft); border-left: 3px solid var(--red); border-radius: var(--radius-sm); max-width: 58ch; } .dk-tjue p { margin: 0; color: var(--text); } .dk-tjue a { color: var(--red); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } .dk-norm-strip { background: var(--gray-900); color: #fff; font-size: .9rem; } .dk-norm-strip .dk-container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem 1.25rem; padding: .65rem 0; } .dk-norm-strip a { color: #fff; text-decoration: underline; text-underline-offset: 2px; font-weight: 600; } .dk-table-wrap { overflow-x: auto; } .dk-cmp-table { width: 100%; border-collapse: collapse; font-size: .95rem; background: #fff; } .dk-cmp-table th, .dk-cmp-table td { border: 1px solid var(--border); padding: .65rem .75rem; text-align: left; vertical-align: top; } .dk-cmp-table thead th { background: var(--bg-soft); } .dk-calc { display: grid; gap: 1rem; max-width: 28rem; } .dk-calc label { display: grid; gap: .35rem; font-weight: 600; } .dk-calc input[type="number"] { border: 1px solid var(--border); border-radius: var(--radius-sm); padding: .55rem .7rem; } .dk-calc-check { display: flex; align-items: flex-start; gap: .5rem; font-weight: 500; } .dk-calc-check input { margin-top: .25rem; } .dk-calc-result { margin-top: 1.75rem; max-width: 62ch; } .dk-legal-col { max-width: 760px; margin: 0; padding-top: 0; } .dk-marca-logos { margin: 1.25rem 0; display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; } .dk-marca-logos img { background: #fff; padding: 12px; border: 1px solid var(--border); border-radius: var(--radius-sm); } .dk-mt { margin-top: 1rem; } .dk-mt-lg { margin-top: 1.5rem; } .dk-mt-xl { margin-top: 2rem; } .dk-hero-actions-spaced { margin-top: 1.25rem; } .dk-measure { max-width: 62ch; } .dk-measure-sm { max-width: 52ch; } .dk-mb { margin-bottom: 1rem; } .dk-mb-lg { margin-bottom: 1.25rem; } @media (max-width: 1100px) and (min-width: 901px) { .dk-nav { gap: .85rem; font-size: .85rem; } } .dk-pw-actions { display: flex; flex-direction: column; gap: .55rem; } :root { --bg-soft: #EEEFF2; } .dk-hero { padding: 4.5rem 0 4.75rem; border-bottom: 1px solid var(--border); } .dk-section { padding: 5.5rem 0; border-top: 1px solid rgba(15, 23, 42, .06); } .dk-section-soft { background: var(--bg-soft); } .dk-section-cta { padding-top: 3.5rem; padding-bottom: 4.5rem; border-top: 0; } .dk-questions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; max-width: 62rem; margin-inline: auto; padding: 0; list-style: none; counter-reset: q; } .dk-questions li { counter-increment: q; list-style: none; padding: 1rem 0 .25rem; border-top: 2px solid var(--red); } .dk-questions li::before { content: counter(q, decimal-leading-zero); display: block; margin-bottom: .55rem; color: var(--red); font-size: .72rem; font-weight: 700; letter-spacing: .04em; } .dk-questions strong { display: block; font-size: 1.1rem; letter-spacing: -.015em; line-height: 1.35; margin-bottom: 0; } .dk-questions span { color: var(--muted); font-size: .95rem; } .dk-questions-pain { max-width: 62rem; } .dk-hero-note { margin: -.35rem 0 0; font-size: .9rem; color: var(--muted); max-width: 36ch; } .dk-home-story { max-width: 54ch; margin: -1rem auto 2.25rem; color: var(--muted); font-size: 1.05rem; line-height: 1.55; } .dk-home-story p + p { margin-top: 1rem; } .dk-pillar-tag { font-weight: 600; color: var(--text); font-size: .98rem; line-height: 1.45; margin: 0 0 .45rem; } .dk-home-links { line-height: 1.8; } .dk-price-anchor { text-align: center; max-width: 40rem; margin-inline: auto; } .dk-price-anchor h2 { font-size: clamp(1.7rem, 3.2vw, 2.35rem); letter-spacing: -.025em; line-height: 1.2; margin: 0 0 .85rem; } .dk-price-anchor p { color: var(--muted); font-size: 1.05rem; } .dk-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } .dk-pillar { padding: 0 .25rem 0 0; } .dk-pillar-n { font-size: .75rem; font-weight: 700; letter-spacing: .08em; color: var(--red); margin-bottom: .65rem; } .dk-pillar h3 { font-size: 1.45rem; letter-spacing: -.02em; margin-bottom: .55rem; } .dk-pillar > p { color: var(--muted); font-size: .98rem; } .dk-pillar > p:last-child { margin-top: .85rem; } .dk-shot { margin: 1.15rem 0 0; } .dk-shot-frame { min-height: 9.5rem; border: 1px dashed #c9cdd4; border-radius: var(--radius); background: linear-gradient(180deg, #f4f5f7 0%, #e8eaee 100%); display: grid; place-items: center; color: #6b7280; font-size: .82rem; font-weight: 500; text-align: center; padding: 1rem; } .dk-shot img { width: 100%; border-radius: var(--radius); border: 1px solid var(--border); box-shadow: var(--shadow); } .dk-plans { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; max-width: 52rem; margin-inline: auto; align-items: stretch; } .dk-plan { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--border); border-radius: 14px; padding: 1.5rem 1.35rem 1.3rem; box-shadow: 0 8px 25px rgba(15, 23, 42, .055); } .dk-plan h3 { font-size: 1.3rem; margin: 0 0 .55rem; letter-spacing: -.025em; line-height: 1.25; } .dk-plan-rec h3 { padding-right: 7.2rem; } .dk-plan p { color: var(--muted); } .dk-plan p:last-child { margin-top: auto; padding-top: 1rem; } .dk-plan-rec { border-color: rgba(225, 27, 34, .55); box-shadow: 0 12px 30px rgba(15, 23, 42, .075); background: #fff; } .dk-plan-rec .dk-badge { position: absolute; top: 1rem; right: 1rem; margin-bottom: 0; } .dk-home-compact { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; } .dk-home-compact h2 { font-size: clamp(1.35rem, 2.2vw, 1.7rem); letter-spacing: -.02em; line-height: 1.25; margin: .4rem 0 .75rem; } .dk-home-compact p { color: var(--muted); } @media (max-width: 960px) { .dk-questions, .dk-pillars, .dk-plans, .dk-home-compact { grid-template-columns: 1fr; } .dk-section { padding: 3.75rem 0; } } @media (max-width: 600px) { .dk-hero { padding-top: 2.6rem; } .dk-hero h1 { max-width: none; font-size: 2.05rem; } .dk-hero-actions .dk-btn { width: 100%; } .dk-mockup-scene { max-width: 420px; } .dk-questions { gap: 1.25rem; } .dk-questions li { padding-top: .8rem; } } .dk-laptop-screen { min-height: 0; overflow: hidden; background: #111827; } .dk-laptop-screen .dk-hero-shot { width: 100%; height: auto; display: block; object-fit: contain; object-position: top center; } .dk-phone-screen { padding: 0; min-height: 0; overflow: hidden; background: #111; } .dk-phone-screen .dk-hero-shot { width: 100%; height: 100%; min-height: 170px; max-height: 230px; object-fit: cover; object-position: top center; display: block; } .dk-solutions-overview { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 58rem; margin-top: 2.5rem; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); } .dk-solutions-overview a { padding: 1.15rem 1.25rem; color: inherit; text-decoration: none; } .dk-solutions-overview a + a { border-left: 1px solid var(--border); } .dk-solutions-overview a:hover strong { color: var(--red); } .dk-solutions-overview strong { display: block; font-size: 1.12rem; letter-spacing: -.015em; } .dk-solutions-overview span { display: block; margin-top: .25rem; color: var(--muted); font-size: .9rem; line-height: 1.4; } .dk-solutions-core-grid, .dk-solutions-secondary-grid { grid-template-columns: repeat(4, 1fr); } .dk-solutions-core-grid .dk-card, .dk-solutions-secondary-grid .dk-card { box-shadow: none; } .dk-solutions-core-grid .dk-card h3, .dk-solutions-secondary-grid .dk-card h3 { margin-top: 0; } .dk-solutions-secondary-grid .dk-card { padding: 1.15rem; } .dk-solutions-secondary-grid .dk-card p { font-size: .9rem; line-height: 1.5; } .dk-text-link { display: inline-block; margin-top: .7rem; font-size: .86rem; font-weight: 600; } .dk-solutions-positioning { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; padding: 0; list-style: none; } .dk-solutions-positioning li { padding-top: 1rem; border-top: 2px solid var(--red); } .dk-solutions-positioning strong { display: block; font-size: 1.05rem; letter-spacing: -.01em; } .dk-solutions-positioning span { display: block; margin-top: .4rem; color: var(--muted); font-size: .94rem; line-height: 1.5; } @media (max-width: 960px) { .dk-solutions-core-grid, .dk-solutions-secondary-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .dk-page-hero-actions .dk-btn { width: 100%; } .dk-solutions-overview { grid-template-columns: 1fr; margin-top: 2rem; } .dk-solutions-overview a { padding: .9rem 0; } .dk-solutions-overview a + a { border-left: 0; border-top: 1px solid var(--border); } .dk-solutions-core-grid, .dk-solutions-secondary-grid, .dk-solutions-positioning { grid-template-columns: 1fr; } .dk-solutions-core-grid, .dk-solutions-secondary-grid { gap: .8rem; } .dk-solutions-section { padding: 3.1rem 0; } .dk-solutions-section .dk-section-head { margin-bottom: 1.8rem; } } .dk-how-steps { grid-template-columns: repeat(5, 1fr); gap: 1rem; } .dk-how-steps .dk-step { padding: 1.2rem 1.05rem; } .dk-how-steps .dk-step::before { width: 28px; height: 28px; margin-bottom: .7rem; font-size: .8rem; } .dk-how-daily .dk-card, .dk-how-compliance .dk-card { box-shadow: none; } .dk-how-daily .dk-card h3, .dk-how-compliance .dk-card h3 { margin-top: 0; } .dk-how-links { line-height: 1.8; } .dk-how-help { grid-template-columns: repeat(3, 1fr); } .dk-how-help .dk-trust-item { text-align: left; } .dk-how-help .dk-trust-item span { display: block; line-height: 1.5; } @media (max-width: 1100px) { .dk-how-steps { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 960px) { .dk-how-steps { grid-template-columns: repeat(2, 1fr); } .dk-how-help { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .dk-how-steps, .dk-how-help { grid-template-columns: 1fr; } .dk-how-steps { gap: .8rem; } .dk-how-steps .dk-step { padding: 1rem; } .dk-how-section { padding: 3.1rem 0; } .dk-how-section .dk-section-head { margin-bottom: 1.8rem; } .dk-how-cta .dk-cta-band-actions, .dk-how-cta .dk-btn { width: 100%; } } .dk-pricebar { background: #111; color: #f5f5f4; padding: 0.85rem 0; } .dk-pricebar-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.75rem 1.25rem; font-size: 0.95rem; } .dk-pricebar-inner p { margin: 0; } .dk-pricebar-inner strong { color: #fff; } .dk-pricebar-inner a { color: #fff; text-decoration: underline; text-underline-offset: 3px; } .dk-pricebar-dot { width: 4px; height: 4px; border-radius: 50%; background: #e11b22; } .dk-phones-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; align-items: end; max-width: 820px; margin: 0 auto; } .dk-phone-card { margin: 0; text-align: center; } .dk-phone-card img { display: block; width: 100%; max-width: 220px; height: auto; margin: 0 auto; border-radius: 22px; box-shadow: 0 18px 40px rgba(0,0,0,.18); object-fit: contain; } .dk-phone-card figcaption { margin-top: 0.7rem; font-size: 0.9rem; color: #57534e; } .dk-phone-card.dk-reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; } .dk-phone-card.dk-reveal.is-visible, .dk-phones-row .dk-phone-card:nth-child(2).dk-reveal { transition-delay: .12s; } .dk-phones-row .dk-phone-card:nth-child(3).dk-reveal { transition-delay: .24s; } @media (max-width: 720px) { .dk-phones-row { grid-template-columns: 1fr; justify-items: center; } .dk-phone-card img { max-width: 200px; } .dk-pricebar-dot { display: none; } } .dk-hero-word { position: relative; height: 1.15em; margin: 0 0 1.05rem; font-size: clamp(1.75rem, 3.4vw, 2.45rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.1; color: var(--red); } .dk-hero-word.is-static { height: auto; max-width: 22ch; } .dk-que-incluye { padding: 2.75rem 0 2.25rem; } .dk-rotate { display: block; position: relative; height: 1.15em; min-width: 8.5ch; } .dk-rotate span { position: absolute; left: 0; top: 0; opacity: 0; animation: dk-word-fade 7.5s ease-in-out infinite; } .dk-rotate span:nth-child(1) { animation-delay: 0s; } .dk-rotate span:nth-child(2) { animation-delay: 2.5s; } .dk-rotate span:nth-child(3) { animation-delay: 5s; } @keyframes dk-word-fade { 0%, 5% { opacity: 0; transform: translateY(8px); } 10%, 28% { opacity: 1; transform: none; } 34%, 100% { opacity: 0; transform: translateY(-6px); } } .dk-hero-fine { margin: .15rem 0 0; font-size: .88rem; color: var(--muted); } .dk-hero-copy .dk-lead { margin-bottom: .7rem; } .dk-hero-copy .dk-muted { margin-bottom: 1.35rem; } .dk-problem { padding-top: 3.25rem; padding-bottom: 3.25rem; } .dk-problem h2 { max-width: 22ch; margin-inline: auto; } .dk-problem > .dk-container p:last-child { max-width: 42ch; margin: 0 auto; color: var(--muted); font-size: 1.05rem; } .dk-walk { padding-top: 4.5rem; } .dk-walk-row { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.18fr); gap: 2.75rem; align-items: center; margin-top: 3.5rem; } .dk-walk-row:first-of-type { margin-top: 2rem; } .dk-walk-row-rev .dk-walk-copy { order: 2; } .dk-walk-row-rev .dk-walk-shot { order: 1; } .dk-walk-row-rev { grid-template-columns: minmax(0, 1.28fr) minmax(0, .82fr); } .dk-walk-copy h3 { font-size: clamp(1.45rem, 2.4vw, 1.85rem); letter-spacing: -.02em; line-height: 1.2; margin: .4rem 0 .75rem; } .dk-walk-copy > p { color: var(--muted); margin-bottom: .7rem; } .dk-walk-link { margin-top: 1rem; } .dk-walk-link a { color: var(--red); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; } .dk-walk-shot { margin: 0; } .dk-walk-shot img { width: 100%; height: auto; display: block; object-fit: contain; object-position: top center; border-radius: var(--radius); border: 1px solid var(--border); box-shadow: var(--shadow-lg); background: #111; } .dk-walk-shot-phone { justify-self: center; text-align: center; max-width: 280px; } .dk-walk-shot-phone img { width: auto; max-width: min(100%, 260px); max-height: 520px; margin: 0 auto; border-radius: 22px; background: #fff; } .dk-walk-shot-phone figcaption { margin-top: .65rem; font-size: .82rem; color: var(--muted); line-height: 1.35; } .dk-sol-note { margin-top: 1rem; font-size: .92rem; max-width: 52ch; } @media (max-width: 960px) { .dk-walk-shot-phone { max-width: 240px; } .dk-walk-shot-phone img { max-height: 460px; max-width: min(100%, 220px); } } .dk-phones { background: #111; color: #f5f5f4; border-top: 0; } .dk-phones .dk-kicker { color: #F87171; } .dk-phones h2, .dk-phones .dk-section-head h2 { color: #fff; } .dk-phones .dk-section-head p { color: rgba(255,255,255,.72); } .dk-phones-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.75rem; align-items: end; max-width: 860px; margin: 0 auto; } .dk-phone-card { margin: 0; text-align: center; } .dk-phone-card img { display: block; width: 100%; max-width: 230px; aspect-ratio: 9 / 19.5; height: auto; margin: 0 auto; border-radius: 26px; border: 3px solid #2a2a2a; box-shadow: 0 22px 48px rgba(0,0,0,.45); object-fit: cover; object-position: top center; background: #000; } .dk-phone-card figcaption { margin-top: .85rem; font-size: .95rem; font-weight: 600; color: rgba(255,255,255,.82); } .dk-plan-from { font-size: 1.35rem; color: var(--text) !important; margin: 0 0 .25rem !important; } .dk-plan-from strong { font-size: 1.55rem; letter-spacing: -.02em; } .dk-plan-note { font-size: .85rem !important; margin: 0 0 1rem !important; } .dk-plan a { color: var(--red); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; } .dk-faq-home { margin-inline: auto; } .dk-rnova-line { padding-top: 2.5rem; padding-bottom: 2.5rem; } .dk-rnova-line p { max-width: 52ch; margin: 0 auto; color: var(--muted); font-size: .98rem; } .dk-rnova-line a { color: var(--text); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; } .dk-reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; } .dk-reveal.is-visible { opacity: 1; transform: none; } .dk-phones-row .dk-phone-card:nth-child(1).dk-reveal { transition-delay: 0s; } .dk-phones-row .dk-phone-card:nth-child(2).dk-reveal { transition-delay: .12s; } .dk-phones-row .dk-phone-card:nth-child(3).dk-reveal { transition-delay: .24s; } @media (max-width: 960px) { .dk-walk-row, .dk-walk-row-rev { grid-template-columns: 1fr; } .dk-walk-row-rev .dk-walk-copy, .dk-walk-row-rev .dk-walk-shot { order: 0; } .dk-walk-row { margin-top: 2.5rem; gap: 1.25rem; } } @media (max-width: 720px) { .dk-phones-row { grid-template-columns: 1fr; justify-items: center; gap: 1.75rem; } .dk-phone-card img { max-width: 210px; } .dk-pricebar-dot { display: none; } .dk-hero-word { font-size: 1.55rem; } } @media (prefers-reduced-motion: reduce) { .dk-reveal { opacity: 1; transform: none; transition: none; } .dk-rotate span { animation: none; opacity: 0; } .dk-rotate span:first-child { opacity: 1; transform: none; } } .dk-hero { background: radial-gradient(ellipse 58% 62% at 88% 46%, rgba(58, 53, 49, .18), transparent 64%), linear-gradient(180deg, #f4f0ea 0%, #ebe4db 100%); } .dk-mockup-scene { position: relative; width: 100%; max-width: 576px; margin-inline: auto 0; background: #3a3531; border: 1px solid #2c2824; border-radius: 16px; padding: 1.15rem 1.2rem 1.75rem; box-shadow: 0 8px 22px rgba(28, 24, 20, .14); } .dk-laptop { box-shadow: 0 6px 16px rgba(0, 0, 0, .18); } .dk-phone { outline: 1px solid #5a534c; } .dk-walk-shot { position: relative; margin: 0; background: #3a3531; border: 1px solid #2c2824; border-radius: 10px; padding: 2rem .7rem .7rem; box-shadow: 0 6px 16px rgba(28, 24, 20, .12); } .dk-walk-shot::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1.55rem; background: #4a4540; border-radius: 9px 9px 0 0; border-bottom: 1px solid #2c2824; } .dk-walk-shot::after { content: ""; position: absolute; top: .5rem; left: .75rem; width: 7px; height: 7px; border-radius: 50%; background: #b8aea4; box-shadow: 13px 0 0 #b8aea4, 26px 0 0 #b8aea4; } .dk-walk-shot img { border-radius: 4px; border: 0; box-shadow: none; background: #1c1917; } .dk-phone-card img { border: 1px solid #5a534c; } .dk-pricebar-tramo { margin: 0; font-size: .82rem; letter-spacing: .04em; text-transform: uppercase; color: #e7c8c8; } .dk-plan-tramo { margin: 0 0 .35rem; font-size: .78rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--red); } .dk-plan-prices { display: grid; gap: .3rem; margin: .15rem 0 .85rem; } .dk-plan-price-row { display: flex; justify-content: space-between; align-items: baseline; gap: .75rem; margin: 0 !important; color: var(--text) !important; } .dk-plan-price-row span { font-size: .88rem; color: var(--muted); } .dk-plan-price-row strong { font-size: 1.35rem; letter-spacing: -.02em; color: var(--text); } .dk-plan-price-row-sub strong { font-size: 1.08rem; } .dk-plan-note { font-size: .85rem !important; margin: 0 0 1rem !important; } .dk-hero-window { position: relative; background: #3a3531; overflow: hidden; } .dk-hero-chrome { display: flex; align-items: center; gap: .5rem; height: 1.55rem; padding: 0 .75rem; background: #4a4540; border-bottom: 1px solid #2c2824; } .dk-hero-dots { width: 7px; height: 7px; border-radius: 50%; background: #b8aea4; box-shadow: 13px 0 0 #b8aea4, 26px 0 0 #b8aea4; flex: 0 0 7px; } .dk-hero-caption { margin-left: 2.15rem; font-size: .62rem; letter-spacing: .06em; text-transform: uppercase; color: #d4ccc4; white-space: nowrap; } .dk-hero-slides { position: relative; aspect-ratio: 1266 / 1063; background: #1c1917; overflow: hidden; } .dk-hero-slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; opacity: 0; transition: opacity 700ms ease; pointer-events: none; } .dk-hero-slide.is-active { opacity: 1; z-index: 1; } .dk-hero-pointer { position: absolute; left: 32%; top: 38%; z-index: 3; width: 22px; height: 22px; opacity: 0; pointer-events: none; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .35)); transition: left 2.4s cubic-bezier(.22, .61, .36, 1), top 2.4s cubic-bezier(.22, .61, .36, 1), opacity .35s ease; } .dk-hero-window.is-playing .dk-hero-pointer { opacity: 1; } .dk-hero-cursor { display: block; transform-origin: 2px 2px; } .dk-hero-pointer.is-clicking .dk-hero-cursor { transform: translate(1px, 1px) scale(.92); } .dk-hero-ripple { position: absolute; left: -8px; top: -8px; width: 22px; height: 22px; border-radius: 50%; border: 2px solid rgba(225, 27, 34, .75); background: rgba(225, 27, 34, .14); opacity: 0; transform: scale(.35); } .dk-hero-pointer.is-clicking .dk-hero-ripple { animation: dk-hero-ripple 400ms ease-out; } @keyframes dk-hero-ripple { 0% { opacity: .9; transform: scale(.35); } 100% { opacity: 0; transform: scale(1.75); } } @media (prefers-reduced-motion: reduce) { .dk-hero-slide { transition: none; } .dk-hero-pointer { display: none !important; } } .dk-mockup-scene { padding: 1.15rem 3rem 3.5rem 1.2rem; } .dk-laptop { position: relative; z-index: 1; isolation: isolate; } .dk-hero-window, .dk-hero-chrome, .dk-hero-slides { position: relative; z-index: 1; isolation: isolate; overflow: hidden; } .dk-hero-slide.is-active { z-index: 1; } .dk-hero-pointer { z-index: 2; } .dk-phone { z-index: 10; right: .75rem; bottom: .65rem; } .dk-mockup-scene { background: transparent; border: 0; box-shadow: none; } .dk-laptop { padding: 0; background: #3a3531; border: 1px solid #c4b8ac; box-shadow: 0 6px 16px rgba(28, 24, 20, .12); } .dk-hero-window { border: 0; } .dk-hero-chrome { border-bottom: 1px solid #c4b8ac; } .dk-phone { padding: 1px; outline: none; border: 1px solid #c4b8ac; box-shadow: 0 6px 16px rgba(28, 24, 20, .14); } .dk-walk-shot { padding: 1.55rem 0 0; background: #3a3531; border: 1px solid #c4b8ac; box-shadow: 0 4px 14px rgba(28, 24, 20, .08); } .dk-walk-shot::before { border-bottom: 1px solid #c4b8ac; } .dk-walk-shot img { border: 0; border-radius: 0 0 9px 9px; box-shadow: none; } .dk-phone-card img { border: 1px solid #c4b8ac; } .dk-walk-shot > picture, .dk-phone-card > picture, .dk-phone-screen > picture { display: contents; } .dk-section-dark .dk-shot img { border: 1px solid #c4b8ac; } .dk-sol-points { list-style: none; margin: .35rem 0 1rem; padding: 0; } .dk-sol-points li { position: relative; padding: .28rem 0 .28rem 1.05rem; color: var(--muted); font-size: .98rem; line-height: 1.45; } .dk-sol-points li::before { content: ""; position: absolute; left: 0; top: .78rem; width: .42rem; height: .42rem; border-radius: 50%; background: var(--red); } .dk-sol-points strong { color: var(--text); font-weight: 650; } .dk-solutions-overview { grid-template-columns: repeat(4, 1fr); max-width: 64rem; } .dk-sol-catalog, .dk-sol-docs, .dk-sol-plans { display: grid; gap: 0 1.75rem; } .dk-sol-catalog { grid-template-columns: repeat(2, 1fr); } .dk-sol-docs { grid-template-columns: repeat(3, 1fr); } .dk-sol-plans { grid-template-columns: repeat(2, 1fr); gap: 1.75rem; } .dk-sol-catalog .dk-card, .dk-sol-docs .dk-card, .dk-sol-plans .dk-card { border: 0; background: transparent; box-shadow: none; border-radius: 0; padding: 1rem 0 1.15rem; border-top: 1px solid var(--border); } .dk-sol-plans .dk-card { border-top: 2px solid var(--red); padding-top: 1.15rem; } .dk-sol-catalog .dk-card h3, .dk-sol-docs .dk-card h3, .dk-sol-plans .dk-card h3 { margin-top: 0; font-size: 1.05rem; } .dk-sol-catalog .dk-card p, .dk-sol-docs .dk-card p { font-size: .94rem; line-height: 1.5; } .dk-sol-plans .dk-sol-points { margin: .55rem 0 0; } .dk-sol-note { max-width: 46rem; margin-top: 1.75rem; } .dk-sol-note p { color: var(--muted); font-size: .95rem; line-height: 1.5; margin-bottom: .55rem; } .dk-sol-note-links { margin-top: .85rem; } .dk-sol-note-links a { text-decoration: underline; text-underline-offset: 2px; } #cumplimiento, #planes, #fichajes, #tareas, #historial, #geolocalizacion, #visitas, #control, #organiza, #clientes, #chat { scroll-margin-top: calc(var(--header-h) + 1.15rem); } @media (max-width: 960px) { .dk-solutions-overview, .dk-sol-docs { grid-template-columns: repeat(2, 1fr); } .dk-sol-catalog, .dk-sol-plans { grid-template-columns: 1fr; } } @media (min-width: 768px) and (max-width: 1024px) { .dk-solutions-overview { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .dk-solutions-overview, .dk-sol-docs { grid-template-columns: 1fr; } .dk-solutions-overview a + a { border-left: 0; border-top: 1px solid var(--border); } } #control.dk-solutions-section { background: #fff; } #organiza.dk-solutions-section { background: #f6f1ea; } #clientes.dk-solutions-section { background: #fff; } #cumplimiento.dk-solutions-section { background: #efe4d6; } .dk-solutions-section { padding: 6.5rem 0; border-top: 1px solid #c4b8ac; } .dk-solutions-section .dk-kicker { padding-left: .7rem; border-left: 2px solid var(--red); } #cumplimiento .dk-kicker { display: inline-flex; align-items: center; flex-wrap: wrap; gap: .5rem .55rem; border-left-width: 3px; } .dk-solutions-overview a { transition: background .15s ease; } .dk-solutions-overview a:hover, .dk-solutions-overview a:focus-visible { background: #f6f1ea; } .dk-solutions-overview a:hover strong, .dk-solutions-overview a:focus-visible strong { color: var(--red); } body:has(#control:target) .dk-solutions-overview a[href="#control"], body:has(#organiza:target) .dk-solutions-overview a[href="#organiza"], body:has(#clientes:target) .dk-solutions-overview a[href="#clientes"], body:has(#cumplimiento:target) .dk-solutions-overview a[href="#cumplimiento"] { background: #f6f1ea; box-shadow: inset 0 -2px 0 var(--red); } @media (max-width: 600px) { .dk-solutions-section { padding: 4rem 0; } } .dk-sol-head { max-width: 40rem; margin-bottom: 1.35rem; } .dk-sol-head h2 { font-size: clamp(1.55rem, 2.8vw, 2rem); letter-spacing: -.02em; line-height: 1.2; margin: .4rem 0 .75rem; } .dk-sol-head > p { color: var(--muted); font-size: 1.05rem; line-height: 1.5; } .dk-sol-pill { display: inline-block; padding: .14rem .55rem; font-size: .68rem; font-weight: 650; letter-spacing: .03em; text-transform: uppercase; color: #fff; background: var(--red); border-radius: 999px; vertical-align: middle; line-height: 1.2; } #cumplimiento .dk-kicker { display: inline-flex; align-items: center; flex-wrap: wrap; gap: .45rem .55rem; } .dk-sol-steps { display: flex; flex-wrap: wrap; gap: 1.05rem 2rem; list-style: none; margin: 0 0 1.85rem; padding: 0; } .dk-sol-step { display: flex; align-items: center; gap: .6rem; } .dk-sol-step-ico { width: 2rem; height: 2rem; border-radius: 50%; border: 1.5px solid var(--red); color: var(--red); background: transparent; display: inline-flex; align-items: center; justify-content: center; font-size: .78rem; font-weight: 650; flex-shrink: 0; } .dk-sol-step-label { font-weight: 650; font-size: .95rem; letter-spacing: -.01em; color: var(--text); } .dk-sol-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.15rem; } .dk-sol-card { background: #fff; border: 1px solid #c4b8ac; border-radius: 12px; padding: 1.2rem 1.25rem 1.25rem; box-shadow: none; } .dk-sol-card h3 { margin: 0 0 .35rem; font-size: 1.05rem; letter-spacing: -.01em; } .dk-sol-card p { margin: 0; color: var(--muted); font-size: .94rem; line-height: 1.5; } .dk-sol-card .dk-text-link { display: inline-block; margin-top: .5rem; } .dk-sol-card p + p { margin-top: .65rem; } .dk-sol-card-more { font-size: .88rem; } .dk-sol-card-more a { color: var(--red); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } .dk-sol-subhead { max-width: 40rem; margin: 2.35rem 0 1.15rem; } .dk-sol-subhead h2 { margin: 0 0 .4rem; font-size: 1.2rem; letter-spacing: -.015em; } .dk-sol-subhead p { margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.5; } .dk-sol-notes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.15rem 1.5rem; margin-top: 1.85rem; } .dk-sol-notes p { margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.5; } .dk-sol-notes a, .dk-sol-note-links a { text-decoration: underline; text-underline-offset: 2px; } .dk-sol-note-links { margin-top: 1.15rem; color: var(--muted); font-size: .9rem; } @media (max-width: 960px) { .dk-sol-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dk-sol-notes { grid-template-columns: 1fr; } } @media (max-width: 600px) { .dk-sol-steps { flex-direction: column; align-items: flex-start; gap: .75rem; margin-bottom: 1.45rem; } .dk-sol-cards { grid-template-columns: 1fr; } } .dk-diff { padding-top: 3.5rem; padding-bottom: 4rem; } .dk-diff-split { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(280px, .88fr); gap: 3.25rem; align-items: center; } .dk-diff-scheme { order: 1; position: relative; margin: 0; } .dk-diff-copy { order: 2; } .dk-diff h2 { max-width: none; margin: .35rem auto .85rem; font-size: clamp(1.85rem, 3.2vw, 2.35rem); line-height: 1.12; letter-spacing: -.03em; } .dk-diff-lead { max-width: 42ch; margin: 0 0 1.15rem; color: var(--muted); font-size: 1.02rem; line-height: 1.55; } .dk-diff-lead strong { color: var(--text); font-weight: 700; } .dk-diff-pills { display: grid; gap: .55rem; margin: 0 0 1.15rem; padding: 0; list-style: none; max-width: 22.5rem; } .dk-diff-pills li { display: flex; align-items: center; gap: .7rem; background: #fff; border: 1px solid #ececec; border-radius: 12px; padding: .72rem .9rem; box-shadow: 0 1px 2px rgba(16, 16, 16, .04); font-size: .95rem; font-weight: 600; letter-spacing: -.015em; color: var(--text); } .dk-diff-pills svg { flex: 0 0 auto; } .dk-diff .dk-walk-link { margin-top: .15rem; } .dk-diff-window { background: #2f2f2f; border: 0; border-radius: 12px; overflow: hidden; box-shadow: 0 18px 40px rgba(20, 20, 20, .12), 0 2px 8px rgba(20, 20, 20, .06); } .dk-diff-chrome { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 2.2rem; padding: 0 .9rem; background: #2f2f2f; } .dk-diff-lights { display: flex; align-items: center; gap: 6px; } .dk-diff-light { width: 10px; height: 10px; border-radius: 50%; } .dk-diff-light-r { background: #ff5f57; } .dk-diff-light-y { background: #febc2e; } .dk-diff-light-g { background: #28c840; } .dk-diff-caption { margin: 0; font-size: .68rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #fff; } .dk-diff-menu { justify-self: end; width: 14px; height: 10px; background: linear-gradient(#d8d8d8, #d8d8d8) 0 0 / 100% 1.5px no-repeat, linear-gradient(#d8d8d8, #d8d8d8) 0 50% / 100% 1.5px no-repeat, linear-gradient(#d8d8d8, #d8d8d8) 0 100% / 100% 1.5px no-repeat; } .dk-diff-board { background: #f3f4f6; padding: .85rem .85rem .9rem; } .dk-diff-toolbar { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .7rem; } .dk-diff-toolbar-title { margin: 0; font-size: .95rem; font-weight: 600; color: #1f2937; letter-spacing: -.015em; } .dk-diff-toolbar-btn { display: inline-flex; align-items: center; gap: .35rem; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: .28rem .55rem; font-size: .72rem; font-weight: 600; color: #4b5563; } .dk-diff-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; } .dk-diff-doc { background: #fff; border: 0; border-radius: 10px; padding: .8rem .8rem .7rem; min-height: 4.55rem; display: flex; flex-direction: row; align-items: flex-start; gap: .55rem; box-shadow: 0 1px 3px rgba(16, 16, 16, .06); } .dk-diff-doc-mark { flex: 0 0 auto; margin-top: .05rem; } .dk-diff-doc-body { min-width: 0; } .dk-diff-doc-name { margin: 0 0 .35rem; font-size: .86rem; font-weight: 600; letter-spacing: -.015em; line-height: 1.25; color: var(--text); } .dk-diff-chip { margin-top: 0; display: inline-block; font-size: .58rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #6b7280; border: 0; border-radius: 999px; padding: .18rem .5rem; background: #eceff3; } .dk-diff-proof { margin-top: .7rem; background: #f8f9fb; border: 1px solid #eceef2; border-radius: 10px; padding: .8rem .9rem .85rem; box-shadow: none; } .dk-diff-proof-title { display: flex; align-items: center; gap: .45rem; margin: 0 0 .65rem; font-size: .88rem; font-weight: 500; letter-spacing: -.01em; color: var(--text); } .dk-diff-proof-title svg { flex: 0 0 auto; } .dk-diff-meta { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, .7fr) minmax(0, 1.35fr) minmax(0, 1.1fr); gap: 0; margin: 0; } .dk-diff-meta > div { padding: 0 .7rem; } .dk-diff-meta > div:first-child { padding-left: 0; } .dk-diff-meta > div:last-child { padding-right: 0; } .dk-diff-meta > div + div { border-left: 1px solid #e2e4e8; } .dk-diff-meta dt { font-size: .66rem; font-weight: 400; color: #6b7280; margin-bottom: .2rem; } .dk-diff-meta dd { display: flex; align-items: center; gap: .28rem; margin: 0; font-size: .76rem; font-weight: 400; color: var(--text); letter-spacing: -.01em; white-space: nowrap; } .dk-diff-meta svg { flex: 0 0 auto; } @media (max-width: 960px) { .dk-diff-split { grid-template-columns: 1fr; gap: 1.75rem; } .dk-diff-copy { order: 0; } .dk-diff-scheme { order: 1; max-width: 36rem; margin-inline: auto; } } @media (max-width: 600px) { .dk-diff-grid { gap: .45rem; } .dk-diff-doc { padding: .6rem .55rem .55rem; } .dk-diff-doc-name { font-size: .8rem; } .dk-diff-scheme { max-width: none; } .dk-diff-meta { grid-template-columns: 1fr 1fr; } .dk-diff-meta > div { padding: .35rem .55rem; } .dk-diff-meta > div:nth-child(odd) { padding-left: 0; border-left: 0; } .dk-diff-meta > div:nth-child(even) { padding-right: 0; } .dk-diff-pills { max-width: none; } } .dk-walk-shot-motion { padding: 0; width: 100%; } .dk-walk-shot-motion::before, .dk-walk-shot-motion::after { content: none; display: none; } .dk-walk-shot-motion .dk-hero-window { background: transparent; border: 0; overflow: hidden; border-radius: 9px; } .dk-walk-shot-motion .dk-hero-slides { aspect-ratio: 1215 / 1024; } .dk-walk-shot-motion .dk-hero-slide { border-radius: 0; object-fit: contain; object-position: top center; background: #1c1917; } .dk-how-cream { background: #f6f1ea; } .dk-how-path { row-gap: 1.35rem; } .dk-how-path .dk-sol-step { align-items: flex-start; max-width: 14.5rem; } .dk-how-path-text { display: block; margin-top: .25rem; font-size: .9rem; font-weight: 400; color: var(--muted); line-height: 1.45; } .dk-how-section .dk-sol-points { margin-top: .25rem; } .dk-plan-price-block { overflow: hidden; margin: .15rem 0 1rem; border: 1px solid var(--border); border-radius: 11px; } .dk-plan-price-stack { padding: .9rem 1rem; } .dk-plan-price-stack + .dk-plan-price-stack { border-top: 1px solid var(--border); background: var(--bg-soft); } .dk-plan-price-label { display: block; margin-bottom: .2rem; color: var(--text); font-size: .8rem; font-weight: 700; } .dk-plan-y1 { margin: 0; color: var(--text); font-size: clamp(2.2rem, 5vw, 2.8rem); font-weight: 700; line-height: 1; letter-spacing: -.04em; } .dk-plan-y2 { margin: 0; color: var(--text); font-size: 1.35rem; font-weight: 700; line-height: 1.15; letter-spacing: -.025em; } .dk-plan-y2-unit { font-size: .9rem; font-weight: 600; } .dk-plan-caption { display: block; margin-top: .32rem; color: var(--muted); font-size: .78rem; line-height: 1.35; } .dk-plan-mes { display: block; margin-top: .4rem; color: var(--text); font-size: .95rem; font-weight: 700; letter-spacing: -.015em; } .dk-plan-mes em { margin-left: .25rem; color: var(--muted); font-size: .75rem; font-style: normal; font-weight: 500; } .dk-plan-features { display: grid; gap: .48rem; margin: 0 0 .25rem; padding: 0; list-style: none; } .dk-plan-features li { color: var(--text); font-size: .9rem; line-height: 1.38; } .dk-plans-legal { margin: 1rem 0 0; text-align: center; color: var(--muted); font-size: .8rem; } @media (max-width: 720px) { .dk-phones { overflow-x: clip; } .dk-phones-row { display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; align-items: center; gap: 0; position: relative; width: 100%; max-width: 22rem; min-height: 26rem; margin: .35rem auto 0; padding: 1.1rem .75rem 1.6rem; overflow: visible; } .dk-phones-row .dk-phone-card { grid-area: 1 / 1; width: min(38vw, 9.15rem); max-width: 9.15rem; margin: 0; } .dk-phones-row .dk-phone-card img { width: 100%; max-width: none; } .dk-phones-row .dk-phone-card figcaption { display: none; } .dk-phones-row .dk-phone-card.dk-reveal { opacity: 0; transition: opacity .7s ease; } .dk-phones-row .dk-phone-card.dk-reveal.is-visible { opacity: 1; } .dk-phones-row .dk-phone-card:nth-child(1), .dk-phones-row .dk-phone-card:nth-child(1).dk-reveal, .dk-phones-row .dk-phone-card:nth-child(1).dk-reveal.is-visible { z-index: 1; transform: translate(-36%, .55rem) rotate(-10deg); } .dk-phones-row .dk-phone-card:nth-child(2), .dk-phones-row .dk-phone-card:nth-child(2).dk-reveal, .dk-phones-row .dk-phone-card:nth-child(2).dk-reveal.is-visible { z-index: 3; width: min(46vw, 11rem); max-width: 11rem; transform: translateY(-.2rem) scale(1.05); } .dk-phones-row .dk-phone-card:nth-child(3), .dk-phones-row .dk-phone-card:nth-child(3).dk-reveal, .dk-phones-row .dk-phone-card:nth-child(3).dk-reveal.is-visible { z-index: 2; transform: translate(36%, .55rem) rotate(10deg); } } @media (min-width: 901px) { .dk-breadcrumb { display: none; } } .dk-search { display: flex; align-items: center; margin: 0; border: 1px solid var(--border); border-radius: 999px; background: #fff; overflow: hidden; flex: 0 1 12.5rem; min-width: 8rem; max-width: 15rem; } .dk-search input[type="search"] { flex: 1 1 auto; min-width: 0; width: 100%; border: 0; background: transparent; padding: .38rem .15rem .38rem .9rem; color: var(--text); font-size: .85rem; line-height: 1.2; } .dk-search input[type="search"]::placeholder { color: var(--muted); } .dk-search input[type="search"]:focus { outline: none; } .dk-search input[type="search"]::-webkit-search-decoration, .dk-search input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; } .dk-search:focus-within { border-color: var(--red); box-shadow: 0 0 0 3px rgba(225, 27, 34, .12); } .dk-search-submit { display: inline-flex; align-items: center; justify-content: center; width: 2.15rem; height: 2.15rem; border: 0; background: transparent; color: var(--muted); cursor: pointer; flex: 0 0 auto; padding: 0; } .dk-search-submit:hover, .dk-search:focus-within .dk-search-submit { color: var(--red); } .dk-search--nav { display: none; } .dk-search-pageform { margin-top: 1.25rem; max-width: 22rem; } .dk-search--page { flex: 1 1 auto; max-width: 22rem; min-width: 0; width: 100%; } .dk-search-hits { list-style: none; display: grid; gap: .75rem; max-width: 48rem; } .dk-search-hits a { display: block; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 1rem 1.15rem; box-shadow: var(--shadow); } .dk-search-hits a:hover { border-color: var(--red); } .dk-search-hits em { display: block; font-style: normal; font-size: .72rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--red); margin-bottom: .3rem; } .dk-search-hits strong { display: block; font-size: 1.05rem; margin-bottom: .25rem; } .dk-search-hits span { display: block; color: var(--muted); font-size: .92rem; } .dk-search-empty a { color: var(--red); text-decoration: underline; text-underline-offset: 2px; } @media (max-width: 1100px) and (min-width: 901px) { .dk-search--bar { flex-basis: 9.5rem; max-width: 11rem; } .dk-search--bar input[type="search"] { font-size: .8rem; padding-left: .7rem; } } @media (max-width: 900px) { .dk-search--bar { display: none; } .dk-search--nav { display: flex; order: -1; flex: 0 0 auto; width: 100%; max-width: none; margin: 0 0 .5rem; } } .dk-search-strip { border-bottom: 1px solid rgba(0,0,0,.06); background: #fff; padding: .55rem 0; } .dk-search-strip .dk-container { display: flex; justify-content: flex-end; } .dk-search--strip { flex: 0 1 22rem; width: 100%; max-width: 22rem; min-width: 0; } .dk-search--bar, .dk-search--nav { display: none !important; } @media (max-width: 900px) { .dk-search-strip .dk-container { justify-content: stretch; } .dk-search--strip { max-width: none; flex: 1 1 auto; } } .dk-about-hero { padding-bottom: 2.25rem; } .dk-about-hero-line { font-size: clamp(1.15rem, 2vw, 1.35rem); font-weight: 600; color: var(--text); line-height: 1.35; margin: 0 0 .75rem; max-width: 28ch; } .dk-about-hero .dk-lead { margin-bottom: 0; } .dk-about-scene { padding-bottom: 1.1rem; } .dk-about-scene .dk-phone { width: 132px; right: -2px; bottom: -10px; } .dk-about-badge { position: absolute; right: -10px; bottom: 18px; z-index: 4; width: 54px; height: 54px; border-radius: 50%; background: var(--red); color: #fff; display: grid; place-items: center; box-shadow: 0 8px 20px rgba(225, 27, 34, .28); } .dk-about-highlights { padding-top: 1.25rem; padding-bottom: 2.25rem; } .dk-about-pill { padding: 1.5rem 1.35rem 1.4rem; } .dk-about-pill h2 { font-size: 1.08rem; margin: .85rem 0 .4rem; } .dk-about-pill p { margin: 0; } .dk-about-pill-icon { display: inline-flex; color: var(--red); } .dk-about-main { padding-top: 1.25rem; } .dk-about-body { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(260px, .9fr); gap: 2.5rem 2.75rem; align-items: start; } .dk-about-story { display: grid; gap: 2.1rem; } .dk-about-block { display: grid; grid-template-columns: 44px 1fr; gap: 1rem 1.15rem; } .dk-about-block h2 { margin: 0 0 .55rem; font-size: 1.35rem; } .dk-about-block p { color: var(--muted); margin: 0 0 .7rem; } .dk-about-block p:last-child { margin-bottom: 0; } .dk-about-block-icon { width: 44px; height: 44px; border-radius: 10px; background: #F1F2F4; color: var(--gray-900); display: grid; place-items: center; flex: 0 0 auto; } .dk-about-block-icon-kanji { font-size: .72rem; font-weight: 700; letter-spacing: -.02em; line-height: 1; } .dk-about-aside { padding: 1.45rem 1.4rem 1.35rem; position: sticky; top: calc(var(--header-h) + 1.25rem); } .dk-about-aside-head { display: flex; align-items: center; gap: .75rem; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 2px solid var(--red); } .dk-about-aside-head strong { font-size: 1.02rem; letter-spacing: -.01em; line-height: 1.25; } .dk-about-aside-mark { position: relative; width: 40px; height: 40px; border-radius: 50%; background: var(--red); display: grid; place-items: center; flex: 0 0 auto; } .dk-about-aside-mark b { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: .78rem; font-weight: 700; } .dk-about-facts { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; } .dk-about-facts li { display: grid; grid-template-columns: 22px 1fr; gap: .7rem; align-items: start; font-size: .95rem; line-height: 1.45; color: var(--text); } .dk-about-facts li > span:first-child { color: var(--muted); margin-top: .12rem; } .dk-about-facts a { color: var(--red); font-weight: 600; } .dk-about-facts a:hover { text-decoration: underline; text-underline-offset: 2px; } .dk-about-facts li span a { display: block; } .dk-about-note { background: var(--bg-soft); padding: 2.4rem 0; } .dk-about-note-inner { display: grid; grid-template-columns: 40px 1fr; gap: 1rem 1.15rem; align-items: center; position: relative; } .dk-about-note-icon { color: var(--gray-900); } .dk-about-note p { margin: 0; color: var(--muted); max-width: 62ch; } .dk-about-note a { color: var(--red); font-weight: 600; } .dk-about-note a:hover { text-decoration: underline; text-underline-offset: 2px; } @media (max-width: 960px) { .dk-about-body { grid-template-columns: 1fr; } .dk-about-aside { position: static; } .dk-about-badge { display: none; } } @media (max-width: 600px) { .dk-about-block { grid-template-columns: 1fr; } .dk-about-hero-line { max-width: none; } } #precios { scroll-margin-top: calc(var(--header-h) + 1.15rem); } .dk-hp-card { position: relative; display: flex; flex-direction: column; max-width: 40rem; margin: 0 auto; padding: 1.7rem 1.55rem 1.45rem; border: 1px solid rgba(225, 27, 34, .38); border-radius: 16px; background: #fff; box-shadow: 0 10px 32px rgba(15, 23, 42, .055); } .dk-hp-card .dk-badge { position: absolute; top: 1.1rem; right: 1.15rem; } .dk-hp-tramo { margin: 0 0 .25rem; color: var(--red); font-size: .75rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; } .dk-hp-card h3 { margin: 0 0 1.05rem; padding-right: 6.8rem; font-size: 1.45rem; line-height: 1.25; letter-spacing: -.025em; } .dk-hp-duo { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; margin: 0 0 1.15rem; border: 1px solid var(--border); border-radius: 12px; } .dk-hp-duo-item { padding: 1.1rem 1.15rem 1.05rem; } .dk-hp-duo-item + .dk-hp-duo-item { border-left: 1px solid var(--border); background: var(--bg-soft); } .dk-hp-label { display: block; margin-bottom: .28rem; color: var(--text); font-size: .78rem; font-weight: 700; } .dk-hp-y1 { margin: 0; color: var(--text); font-size: clamp(2rem, 4.4vw, 2.55rem); font-weight: 700; line-height: 1; letter-spacing: -.04em; } .dk-hp-y2 { margin: 0; color: var(--text); font-size: clamp(1.55rem, 3.2vw, 1.85rem); font-weight: 700; line-height: 1.1; letter-spacing: -.03em; } .dk-hp-unit { font-size: .88rem; font-weight: 600; } .dk-hp-caption { display: block; margin-top: .38rem; color: var(--muted); font-size: .78rem; line-height: 1.35; } .dk-hp-mes { display: block; margin-top: .42rem; color: var(--text); font-size: .88rem; font-weight: 700; letter-spacing: -.015em; } .dk-hp-mes em { margin-left: .25rem; color: var(--muted); font-size: .75rem; font-style: normal; font-weight: 500; } .dk-hp-features { display: grid; gap: .48rem; margin: 0 0 1.15rem; padding: 0; list-style: none; } .dk-hp-features li { color: var(--text); font-size: .9rem; line-height: 1.38; } .dk-hp-card .dk-btn { width: 100%; padding: .82rem 1rem; } .dk-hp-fine { margin: .45rem 0 0; color: var(--muted); text-align: center; font-size: .8rem; font-weight: 600; } .dk-hp-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; max-width: 40rem; margin: 1rem auto 0; padding: .95rem 1.15rem; border: 1px solid var(--border); border-radius: 12px; background: #fff; text-decoration: none; } .dk-hp-row:hover { border-color: #cfd3da; } .dk-hp-row-size { color: var(--text); font-weight: 700; letter-spacing: -.015em; } .dk-hp-row-prices { display: flex; flex-wrap: wrap; gap: .35rem 1.1rem; color: var(--text); font-size: .95rem; font-weight: 700; font-variant-numeric: tabular-nums; } .dk-hp-row-prices em { display: block; color: var(--muted); font-size: .72rem; font-style: normal; font-weight: 600; } .dk-hp-more { margin: 1rem 0 0; text-align: center; } .dk-hp-more a { color: var(--text); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; } .dk-hp-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; align-items: stretch; max-width: 46rem; margin: 0 auto; } .dk-hp-compare-card { position: relative; display: flex; flex-direction: column; padding: 1.65rem 1.4rem 1.35rem; border: 1px solid var(--border); border-top: 3px solid #16212b; border-radius: 16px; background: #fff; box-shadow: 0 10px 28px rgba(15, 23, 42, .05); } .dk-hp-compare-card.is-rec { border-top-color: var(--red); box-shadow: 0 12px 32px rgba(225, 27, 34, .08); } .dk-hp-compare-card .dk-badge { position: absolute; top: 1.05rem; right: 1.1rem; } .dk-hp-compare-card h3 { margin: 0 0 .35rem; font-size: 1.55rem; font-weight: 700; letter-spacing: -.03em; line-height: 1.2; } .dk-hp-compare-card.is-rec h3 { padding-right: 6.5rem; } .dk-hp-compare-lead { margin: 0 0 1.15rem; color: var(--muted); font-size: .92rem; line-height: 1.4; min-height: 2.6em; } .dk-hp-compare-price { margin: 0; color: var(--text); font-size: clamp(2.1rem, 4vw, 2.55rem); font-weight: 700; line-height: 1; letter-spacing: -.04em; font-variant-numeric: tabular-nums; } .dk-hp-compare-period { margin: .4rem 0 0; color: var(--text); font-size: .88rem; font-weight: 600; } .dk-hp-compare-mes { margin: .22rem 0 0; color: var(--muted); font-size: .8rem; font-weight: 500; } .dk-hp-compare-y2 { margin: .7rem 0 1.2rem; padding: .7rem .8rem .75rem; border-radius: 10px; background: #f8fafc; border: 1px solid var(--border); } .dk-hp-compare-y2-label { margin: 0; color: var(--muted); font-size: .78rem; font-weight: 600; letter-spacing: .01em; text-transform: uppercase; } .dk-hp-compare-y2-price { margin: .2rem 0 0; color: var(--text); font-size: clamp(1.55rem, 3.2vw, 1.9rem); font-weight: 700; line-height: 1.1; letter-spacing: -.03em; font-variant-numeric: tabular-nums; } .dk-hp-compare-y2-price::after { content: "/año"; margin-left: .2rem; color: var(--muted); font-size: .88rem; font-weight: 600; letter-spacing: 0; } .dk-hp-compare-y2-note { margin: .25rem 0 0; color: var(--muted); font-size: .78rem; font-weight: 500; } .dk-hp-compare-card.is-rec .dk-hp-compare-y2 { background: #fff5f5; border-color: rgba(225, 27, 34, .18); } .dk-hp-compare-feats { display: grid; gap: .55rem; margin: 0 0 1.25rem; padding: 0; list-style: none; } .dk-hp-compare-feats li { display: flex; align-items: flex-start; gap: .55rem; color: var(--text); font-size: .9rem; line-height: 1.35; } .dk-hp-compare-feats .dk-hp-bar-check { flex: 0 0 auto; margin-top: .12rem; color: #15803d; } .dk-hp-compare-card .dk-btn { width: 100%; margin-top: auto; padding: .85rem 1rem; } @media (max-width: 760px) { .dk-hp-compare { grid-template-columns: 1fr; max-width: 22.5rem; } .dk-hp-compare-card h3 { padding-right: 0; } .dk-hp-compare-card .dk-badge { position: static; align-self: flex-start; margin: 0 0 .55rem; } .dk-hp-compare-lead { min-height: 0; } } .dk-hp-bar { padding: 2.4rem 0 2.6rem; background: var(--bg-soft); } .dk-hp-bar-head { max-width: 36rem; margin: 0 auto 1.35rem; text-align: center; } .dk-hp-bar-head h2 { margin: .2rem 0 .45rem; font-size: clamp(1.55rem, 3vw, 1.9rem); letter-spacing: -.03em; line-height: 1.15; } .dk-hp-bar-head p { margin: 0; color: var(--muted); font-size: .95rem; line-height: 1.5; } .dk-hp-bar-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; align-items: stretch; max-width: 50rem; margin: 0 auto; } .dk-hp-bar-item { position: relative; display: flex; flex-direction: column; min-height: 100%; padding: 1.25rem 1.2rem 1.15rem; border: 1px solid var(--border); border-radius: 16px; background: #fff; box-shadow: 0 10px 32px rgba(15, 23, 42, .055); text-decoration: none; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; } .dk-hp-bar-item:hover { border-color: #cfd3da; box-shadow: 0 14px 36px rgba(15, 23, 42, .08); transform: translateY(-2px); } .dk-hp-bar-item.is-rec { border-color: rgba(225, 27, 34, .38); } .dk-hp-bar-item.is-rec:hover { border-color: rgba(225, 27, 34, .55); } .dk-hp-bar-slot { display: flex; align-items: center; min-height: 1.55rem; margin-bottom: .55rem; } .dk-hp-bar-pill { display: inline-flex; align-items: center; padding: .22rem .62rem; border-radius: 999px; background: var(--red-soft); color: var(--red); font-size: .7rem; font-weight: 700; } .dk-hp-bar-size { margin: 0 0 .85rem; color: var(--text); font-size: 1.2rem; font-weight: 700; letter-spacing: -.025em; line-height: 1.2; } .dk-hp-bar-duo { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; margin: 0 0 1rem; border: 1px solid var(--border); border-radius: 12px; } .dk-hp-bar-feats { display: grid; gap: .42rem; margin: 0 0 .85rem; padding: 0; list-style: none; } .dk-hp-bar-feats li { display: flex; align-items: flex-start; gap: .45rem; color: var(--text); font-size: .86rem; line-height: 1.35; } .dk-hp-bar-check { flex: 0 0 auto; width: 16px; height: 16px; margin-top: .12rem; color: var(--red); } .dk-hp-bar-fine { margin-top: auto; color: var(--muted); font-size: .78rem; font-weight: 600; } .dk-hp-bar-duo > span { padding: .85rem .9rem .8rem; } .dk-hp-bar-duo > span + span { border-left: 1px solid var(--border); background: var(--bg-soft); } .dk-hp-bar-duo em { display: block; margin-bottom: .28rem; color: var(--text); font-size: .72rem; font-style: normal; font-weight: 700; } .dk-hp-bar-duo strong { display: block; color: var(--text); font-size: clamp(1.35rem, 3vw, 1.7rem); font-weight: 700; line-height: 1.05; letter-spacing: -.035em; font-variant-numeric: tabular-nums; } .dk-hp-bar-duo small { margin-left: .12rem; font-size: .72rem; font-weight: 600; letter-spacing: 0; } .dk-hp-bar-cta { margin: 1.15rem 0 0; text-align: center; } .dk-hp-bar-cta a { color: var(--text); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; } .dk-hp-bar-note { max-width: 38rem; margin: .55rem auto 0; color: var(--muted); text-align: center; font-size: .82rem; line-height: 1.45; } .dk-multi { padding: 1.9rem 1.9rem 1.75rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--bg-soft); } .dk-multi .dk-section-head { max-width: 46rem; margin-bottom: 1.6rem; } .dk-multi-split { display: grid; gap: 1.75rem; align-items: start; } .dk-multi .dk-check-list li { display: list-item; font-size: .96rem; } .dk-multi .dk-check-list strong { color: var(--text); } .dk-multi-precio { max-width: 62ch; margin: 1.25rem 0 0; color: var(--muted); font-size: .95rem; line-height: 1.55; } .dk-multi-precio a, .dk-multi .dk-check-list a { color: var(--text); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; } .dk-multi-shot { margin: 0; } .dk-multi-shot img { display: block; width: 100%; height: auto; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); } .dk-multi-shot figcaption { margin-top: .6rem; color: var(--muted); font-size: .82rem; line-height: 1.45; } .dk-multi--fullshot { overflow: hidden; } .dk-multi--fullshot .dk-section-head { max-width: none; } .dk-multi--fullshot > .dk-multi-shot { margin: 0 -1.9rem 1.5rem; } .dk-multi--fullshot > .dk-multi-shot img { width: 100%; height: auto; border: 0; border-block: 1px solid var(--border); border-radius: 0; box-shadow: none; } .dk-multi--fullshot > .dk-multi-shot figcaption { margin: .55rem 1.9rem 0; } @media (min-width: 900px) { .dk-multi-split.has-shot { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2.25rem; } .dk-multi--fullshot .dk-check-list { display: grid; grid-template-columns: 1fr 1fr; gap: .35rem 2rem; } } @media (max-width: 599px) { .dk-multi { padding: 1.35rem 1.15rem 1.25rem; } .dk-multi--fullshot > .dk-multi-shot { margin-left: -1.15rem; margin-right: -1.15rem; } .dk-multi--fullshot > .dk-multi-shot figcaption { margin-left: 1.15rem; margin-right: 1.15rem; } } a.dk-para-quien-card { display: block; text-decoration: none; color: inherit; transition: transform .15s ease, box-shadow .15s ease; } a.dk-para-quien-card:hover { transform: translateY(-2px); } .dk-para-quien-go { display: inline-block; margin-top: .75rem; font-size: .9rem; font-weight: 600; color: var(--accent, #b42318); } .dk-sector-docs { padding-top: 3rem; padding-bottom: 3.25rem; } .dk-sector-docs .dk-container > h2 { margin-bottom: .4rem; } .dk-sector-docs-group { margin: 1.15rem 0 0; } .dk-sector-docs-group > h3 { margin: 0 0 .25rem; font-size: 1.02rem; letter-spacing: 0; word-spacing: normal; } .dk-sector-docs-lead { margin: 0 0 .15rem; color: var(--muted); font-size: .9rem; line-height: 1.4; } .dk-sector-docs-group .dk-sector-docs-list { margin-top: .55rem; } .dk-sector-docs-copy { flex: 1 1 auto; min-width: 0; display: block; white-space: normal; overflow-wrap: break-word; letter-spacing: 0; word-spacing: normal; } .dk-sector-docs-note { color: var(--muted); font-size: .78rem; font-weight: 500; } .dk-sector-docs-list { list-style: none; margin: 1.1rem 0 1.25rem; padding: 0; display: grid; gap: .45rem; } @media (min-width: 560px) { .dk-sector-docs-list { grid-template-columns: 1fr 1fr; } .dk-sector-docs-list-wide { grid-template-columns: 1fr; } } @media (min-width: 960px) { .dk-sector-docs-list-wide { grid-template-columns: 1fr 1fr; } } .dk-sector-docs-list li { display: flex; align-items: center; gap: .65rem; min-width: 0; min-height: 2.7rem; background: #fff; border: 1px solid var(--border); border-radius: 10px; padding: .5rem .7rem .5rem .85rem; font-size: .9rem; box-shadow: var(--shadow); } .dk-sector-docs-list li::after { content: "Acuse"; flex: 0 0 auto; margin-left: auto; font-size: .65rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #166534; background: #dcfce7; border-radius: 999px; padding: .18rem .48rem; } .dk-sector-docs-cta { margin: 0; } .dk-sector-docs-cta a { display: inline-flex; align-items: center; background: var(--red); color: #fff !important; text-decoration: none; font-weight: 650; border-radius: 999px; padding: .65rem 1.15rem; font-size: .95rem; } .dk-sector-docs-cta a:hover { filter: brightness(1.05); } .dk-hero-control { padding: 3.25rem 0 2.5rem; } .dk-hero-grid-control { grid-template-columns: minmax(280px, 0.9fr) minmax(340px, 1.25fr); gap: 2rem 2.25rem; align-items: center; } .dk-hero-product { width: 100%; min-width: 0; } .dk-hero-copy { container-type: inline-size; min-width: 0; } .dk-hero-signals { display: flex; flex-wrap: wrap; gap: .4rem .5rem; margin: 1.1rem 0 0; padding: 0; list-style: none; } .dk-hero-signals li { flex: 0 0 auto; font-size: .74rem; font-weight: 550; color: var(--muted); background: #fff; border: 1px solid rgba(28, 25, 23, .08); border-radius: 999px; padding: .28rem .55rem; white-space: nowrap; } @container (min-width: 36rem) { .dk-hero-signals { flex-wrap: nowrap; gap: .35rem .4rem; } .dk-hero-signals li { font-size: .72rem; padding: .26rem .48rem; } } .dk-prod-frame { background: #fff; border: 1px solid rgba(28, 25, 23, .1); border-radius: 14px; box-shadow: 0 18px 40px rgba(28, 25, 23, .1), 0 2px 6px rgba(28, 25, 23, .04); overflow: hidden; } .dk-prod-frame-sm { box-shadow: 0 12px 28px rgba(28, 25, 23, .08); } .dk-prod-chrome { display: flex; align-items: center; gap: .65rem; height: 2rem; padding: 0 .85rem; background: #f4f4f5; border-bottom: 1px solid rgba(28, 25, 23, .08); } .dk-prod-dots { width: 8px; height: 8px; border-radius: 50%; background: #d4d4d8; box-shadow: 14px 0 0 #d4d4d8, 28px 0 0 #d4d4d8; flex: 0 0 8px; } .dk-prod-url { margin-left: 2.4rem; font-size: .68rem; color: #71717a; letter-spacing: .01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dk-mock-app { display: grid; grid-template-columns: 108px 1fr; min-height: 320px; background: #f8fafc; } .dk-mock-nav { background: #1e293b; color: #cbd5e1; padding: .7rem .55rem; font-size: .58rem; } .dk-mock-logo { color: #fff; font-weight: 700; font-size: .72rem; letter-spacing: -.02em; margin-bottom: .7rem; padding: 0 .2rem; } .dk-mock-nav-lab { display: block; text-transform: uppercase; letter-spacing: .06em; font-size: .5rem; color: #64748b; margin: .55rem 0 .25rem; padding: 0 .2rem; } .dk-mock-nav-item { display: block; border-radius: 6px; padding: .28rem .35rem; margin-bottom: .12rem; color: #94a3b8; } .dk-mock-nav-item.is-on { background: var(--red, #e11b22); color: #fff; font-weight: 600; } .dk-mock-main { padding: .65rem .7rem .75rem; min-width: 0; } .dk-mock-head { display: flex; justify-content: space-between; gap: .5rem; align-items: flex-start; margin-bottom: .45rem; } .dk-mock-head strong { display: block; font-size: .95rem; color: #0f172a; letter-spacing: -.02em; } .dk-mock-head span { font-size: .65rem; color: #64748b; } .dk-mock-head-actions { display: flex; gap: .3rem; } .dk-mock-chip { font-size: .58rem; font-weight: 600; border: 1px solid #e2e8f0; background: #fff; border-radius: 999px; padding: .2rem .45rem; color: #334155; } .dk-mock-chip.is-soft { background: #f1f5f9; } .dk-mock-tabs { display: flex; flex-wrap: wrap; gap: .25rem; margin-bottom: .55rem; } .dk-mock-tabs span { font-size: .58rem; font-weight: 550; border-radius: 999px; padding: .22rem .5rem; background: #fff; border: 1px solid #e2e8f0; color: #64748b; } .dk-mock-tabs span.is-on { background: #0f172a; border-color: #0f172a; color: #fff; } .dk-mock-cal { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: .5rem .45rem .45rem; } .dk-mock-cal-top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: .4rem; padding: 0 .15rem; } .dk-mock-cal-top strong { font-size: .72rem; color: #0f172a; } .dk-mock-cal-top span { font-size: .6rem; color: #64748b; } .dk-mock-cal-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; } .dk-mock-grid { width: 100%; border-collapse: separate; border-spacing: 2px; min-width: 520px; font-size: .55rem; } .dk-mock-grid th { font-weight: 600; color: #94a3b8; text-align: center; padding: .15rem 0; } .dk-mock-emp-h { text-align: left !important; padding-left: .25rem !important; } .dk-mock-grid th.is-today, .dk-mock-grid td.is-today { background: rgba(225, 27, 34, .06); } .dk-mock-emp { display: flex; align-items: center; gap: .35rem; text-align: left; min-width: 118px; padding: .15rem .2rem !important; } .dk-mock-emp b { display: block; font-size: .58rem; color: #0f172a; font-weight: 650; white-space: nowrap; } .dk-mock-emp i { display: block; font-style: normal; font-size: .48rem; color: #94a3b8; } .dk-mock-av { flex: 0 0 1.15rem; width: 1.15rem; height: 1.15rem; border-radius: 50%; color: #fff; font-size: .42rem; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; } .dk-mock-grid td { text-align: center; vertical-align: middle; height: 1.55rem; } .dk-mock-grid td span { display: inline-flex; align-items: center; justify-content: center; min-width: 1.55rem; height: 1.15rem; border-radius: 5px; padding: 0 .2rem; font-weight: 650; font-size: .5rem; } .dk-mock-grid td.is-ok span { background: #dcfce7; color: #166534; } .dk-mock-grid td.is-inc span { background: #ffedd5; color: #c2410c; } .dk-mock-grid td.is-vac span { background: #dbeafe; color: #1d4ed8; } .dk-mock-grid td.is-pend span { background: #fef9c3; color: #a16207; } .dk-mock-num { font-weight: 650; color: #334155; white-space: nowrap; padding: 0 .2rem !important; } .dk-mock-num.is-pos { color: #15803d; } .dk-mock-num.is-neg { color: #b91c1c; } .dk-mock-legend { display: flex; flex-wrap: wrap; gap: .35rem .7rem; margin-top: .4rem; padding: .15rem .15rem 0; font-size: .52rem; color: #64748b; } .dk-mock-legend i { display: inline-block; width: .55rem; height: .55rem; border-radius: 3px; margin-right: .2rem; vertical-align: -1px; } .dk-mock-legend i.is-ok { background: #86efac; } .dk-mock-legend i.is-inc { background: #fdba74; } .dk-mock-legend i.is-vac { background: #93c5fd; } .dk-mock-legend i.is-pend { background: #fde047; } .dk-control-primero { padding-top: 1.5rem; background: var(--bg-soft, #fafaf9); } .dk-control-primero-grid { display: grid; grid-template-columns: minmax(280px, 0.95fr) minmax(280px, 1.05fr); gap: 2rem 2.5rem; align-items: center; } .dk-control-primero-copy h2 { max-width: 18ch; margin: .5rem 0 0.85rem; letter-spacing: -.02em; } .dk-control-caps { list-style: none; margin: 1.25rem 0 1.1rem; padding: 0; display: grid; gap: .85rem; } .dk-control-caps li { display: grid; gap: .15rem; padding-left: .9rem; border-left: 3px solid var(--red, #e11b22); } .dk-control-caps strong { font-size: .95rem; color: var(--text); } .dk-control-caps span { font-size: .88rem; color: var(--muted); } .dk-control-primero-note { margin: .75rem 0 0; font-size: .78rem; color: var(--muted); } @media (max-width: 960px) { .dk-hero-grid-control, .dk-control-primero-grid { grid-template-columns: 1fr; } .dk-hero-product { max-width: 100%; } .dk-mock-nav { display: none; } .dk-mock-app { grid-template-columns: 1fr; } } @media (max-width: 720px) { .dk-hero-control { padding: 2.25rem 0 1.75rem; } .dk-hero-signals { gap: .35rem; } .dk-hero-signals li { font-size: .72rem; } .dk-mock-grid { min-width: 460px; } .dk-prod-frame { border-radius: 12px; } } .dk-product-shot { position: relative; margin: 0; } .dk-product-shot-caption { position: absolute; top: .7rem; left: .7rem; z-index: 2; font-size: .68rem; font-weight: 600; letter-spacing: .01em; color: #475569; background: rgba(255, 255, 255, .92); border: 1px solid #e5e7eb; border-radius: 999px; padding: .28rem .65rem; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); } .dk-product-frame { background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 12px; box-shadow: 0 14px 36px rgba(15, 23, 42, .08), 0 2px 6px rgba(15, 23, 42, .04); overflow: hidden; } .dk-product-frame img { display: block; width: 100%; height: auto; vertical-align: middle; } .dk-mock-grid-semana { min-width: 640px; } .dk-mock-grid-semana td span { display: block; font-size: .52rem; line-height: 1.25; padding: .2rem .25rem; border-radius: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 5.5rem; } .dk-mock-grid-semana td.is-ok span { background: #dcfce7; color: #166534; } .dk-mock-grid-semana td.is-vac span { background: #dbeafe; color: #1d4ed8; } .dk-mock-grid-semana td.is-inc span { background: #ffedd5; color: #c2410c; } .dk-mock-grid-semana td.is-off span { background: #f1f5f9; color: #64748b; } .dk-mock-grid-semana td.is-curso span { background: #bbf7d0; color: #15803d; } .dk-mock-app-semana { grid-template-columns: 1fr; min-height: 240px; } .dk-product-shot .dk-prod-frame { margin: 0; } .dk-product-shot-hero .dk-prod-frame { box-shadow: 0 20px 48px rgba(15, 23, 42, .1), 0 2px 8px rgba(15, 23, 42, .05); } .dk-product-shot-secondary .dk-product-frame { box-shadow: 0 10px 28px rgba(15, 23, 42, .08); } .dk-hero-grid-control { grid-template-columns: minmax(0, 0.58fr) minmax(0, 0.42fr); } .dk-control-caps-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; list-style: none; margin: 0 0 1.75rem; padding: 0; } .dk-control-caps-row li { background: #fff; border: 1px solid rgba(28, 25, 23, .08); border-radius: 12px; padding: .85rem 1rem; } .dk-control-caps-row strong { display: block; font-size: .92rem; color: #0f172a; margin-bottom: .25rem; } .dk-control-caps-row span { display: block; font-size: .82rem; color: var(--muted); line-height: 1.35; } .dk-shot-duo { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(240px, 0.85fr); gap: 1.25rem 1.5rem; align-items: end; } .dk-shot-duo-side { position: relative; } .dk-shot-duo-note { margin: .85rem 0 0; font-size: .88rem; color: var(--muted); line-height: 1.4; } .dk-shot-single { max-width: 1080px; margin: 0 auto; } .dk-vacaciones-grid { display: grid; grid-template-columns: minmax(260px, 0.4fr) minmax(360px, 0.6fr); gap: 2rem 2.25rem; align-items: center; } .dk-vacaciones-copy h2 { margin-bottom: .55rem; } .dk-vacaciones-caps { display: grid; gap: .85rem; list-style: none; margin: 1.25rem 0 1.5rem; padding: 0; } .dk-vacaciones-caps li { padding-left: .95rem; position: relative; } .dk-vacaciones-caps li::before { content: ""; position: absolute; left: 0; top: .5em; width: .4rem; height: .4rem; border-radius: 50%; background: var(--red, #e11d22); } .dk-vacaciones-caps strong { display: block; font-size: .92rem; color: #0f172a; margin-bottom: .15rem; } .dk-vacaciones-caps span { display: block; font-size: .82rem; color: var(--muted); line-height: 1.4; } .dk-ficha-donde-grid { display: grid; grid-template-columns: minmax(180px, 260px) minmax(0, 1fr); gap: 2rem; align-items: center; justify-content: center; max-width: 820px; margin: 0 auto; } .dk-phone-card-featured { margin: 0 auto; } .dk-phone-card-featured img { max-width: 260px; width: 100%; height: auto; border-radius: 28px; box-shadow: 0 18px 40px rgba(15, 23, 42, .14); } .dk-ficha-donde-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; } .dk-ficha-donde-list li { background: #fff; border: 1px solid rgba(28, 25, 23, .08); border-radius: 12px; padding: .8rem 1rem; } .dk-ficha-donde-list strong { display: block; font-size: .95rem; margin-bottom: .15rem; } .dk-ficha-donde-list span { font-size: .85rem; color: var(--muted); } .dk-ficha-donde-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: .45rem .55rem; list-style: none; margin: 1.6rem auto 0; padding: 0; max-width: 36rem; } .dk-ficha-donde-chips li { margin: 0; padding: .32rem .8rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .07); color: rgba(255, 255, 255, .82); font-size: .8rem; font-weight: 600; letter-spacing: .01em; } @media (min-width: 721px) { .dk-ficha-donde .dk-phones-row .dk-phone-card:nth-child(2) img { max-width: 268px; } } @media (max-width: 960px) { .dk-hero-grid-control, .dk-vacaciones-grid, .dk-shot-duo, .dk-ficha-donde-grid, .dk-control-caps-row { grid-template-columns: 1fr; } .dk-shot-duo-side { max-width: 560px; } .dk-vacaciones-grid { gap: 1.5rem; } } @media (max-width: 720px) { .dk-product-shot-caption { font-size: .62rem; top: .55rem; left: .55rem; } .dk-control-caps-row { grid-template-columns: 1fr 1fr; } .dk-vacaciones-caps { gap: .7rem; } .dk-phone-card-featured img { max-width: 220px; } .dk-ficha-donde-chips { margin-top: 1.15rem; } } .dk-vacaciones-copy .dk-novedad-norm { max-width: none; margin: 0 0 1rem; } .dk-product-shot > figcaption { margin: .65rem 0 0; font-size: .85rem; line-height: 1.4; } .dk-hero-fase2 .dk-hero-copy .dk-lead { max-width: 36rem; margin-bottom: 1.1rem; font-size: 1.08rem; } .dk-hero-fase2 .dk-hero-fine { margin-top: .35rem; margin-bottom: 0; } .dk-hero-fase2 .dk-hero-grid-control { grid-template-columns: minmax(280px, 0.42fr) minmax(320px, 0.58fr); gap: 1.75rem 2rem; align-items: center; } .dk-hero-fase2 .dk-hero-product { align-self: center; } .dk-hero-fase2 .dk-product-shot-hero .dk-product-frame { border-radius: 14px; } @media (max-width: 960px) { .dk-hero-fase2 .dk-hero-grid, .dk-hero-fase2 .dk-hero-grid-control { display: flex !important; flex-direction: column !important; grid-template-columns: minmax(0, 1fr) !important; gap: 1.25rem; } .dk-hero-fase2 .dk-hero-product { order: 0; margin-top: .15rem; width: 100%; max-width: 100%; min-width: 0; } .dk-hero-fase2 .dk-hero-copy { container-type: normal; width: 100%; max-width: 100%; min-width: 0; } .dk-hero-fase2 h1 { max-width: none; overflow-wrap: normal; word-break: normal; } } @media (max-width: 480px) { .dk-page-hero h1, .dk-page-hero-prueba h1 { max-width: none; font-size: clamp(1.55rem, 7vw, 2rem); } } .dk-control-compact { padding-top: 3.25rem; padding-bottom: 3.25rem; } .dk-control-compact-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(240px, .85fr); gap: 1.75rem 2rem; align-items: center; margin-top: 1.5rem; } .dk-control-caps-compact { list-style: none; margin: 0; padding: 0; display: grid; gap: .85rem; } .dk-control-caps-compact li { background: #fff; border: 1px solid rgba(28, 25, 23, .08); border-radius: 12px; padding: .85rem 1rem; } .dk-control-caps-compact strong { display: block; font-size: .95rem; margin-bottom: .2rem; } .dk-control-caps-compact span { display: block; font-size: .86rem; color: var(--muted); line-height: 1.4; } @media (max-width: 960px) { .dk-control-compact-grid { grid-template-columns: 1fr; } } .dk-walk-compact .dk-walk-row { margin-top: 2rem; gap: 1.5rem; } .dk-walk-shot-bare { background: transparent; border: 0; border-radius: 0; padding: 0; box-shadow: none; } .dk-walk-shot-bare::before, .dk-walk-shot-bare::after { content: none; display: none; } .dk-walk-shot-bare img { border-radius: 12px; border: 1px solid rgba(28, 25, 23, .1); box-shadow: 0 10px 28px rgba(15, 23, 42, .08); background: #fff; } .dk-walk-shot-phone.dk-walk-shot-bare img { border-radius: 22px; max-width: min(100%, 240px); } .dk-view-tabs { display: grid; gap: .65rem; } .dk-view-tabs-bar { display: inline-flex; gap: .35rem; background: #f5f1eb; border: 1px solid rgba(28, 25, 23, .1); border-radius: 999px; padding: .25rem; width: fit-content; } .dk-view-tab { appearance: none; border: 0; background: transparent; color: var(--muted); font: inherit; font-size: .86rem; font-weight: 600; padding: .45rem .95rem; border-radius: 999px; cursor: pointer; } .dk-view-tab.is-active { background: #fff; color: var(--text); box-shadow: 0 1px 3px rgba(15, 23, 42, .08); } .dk-view-tab:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; } .dk-view-panel img { display: block; width: 100%; height: auto; } .dk-view-panel[hidden] { display: none !important; } .dk-docs-brief { padding: 2.75rem 0; } .dk-docs-brief-inner { display: grid; gap: 1rem; max-width: 46rem; } .dk-docs-brief h2 { font-size: clamp(1.25rem, 2vw, 1.55rem); margin: .35rem 0 .65rem; } .dk-para-quien-compact .dk-para-quien-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin-top: 1.25rem; } .dk-para-quien-links a { display: grid; gap: .2rem; padding: 1rem 1.1rem; border: 1px solid rgba(28, 25, 23, .1); border-radius: 12px; background: #fff; text-decoration: none; color: inherit; } .dk-para-quien-links a:hover { border-color: rgba(225, 27, 34, .35); } .dk-para-quien-links a:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; } .dk-para-quien-links strong { font-size: 1rem; } .dk-para-quien-links span { font-size: .86rem; color: var(--muted); } @media (max-width: 720px) { .dk-para-quien-compact .dk-para-quien-links { grid-template-columns: 1fr; } } .dk-home-precios-brief { padding: 3rem 0; } .dk-home-price-card { max-width: 40rem; margin: 0 auto; text-align: center; padding: 1.75rem 1.5rem; background: var(--bg-soft); border: 1px solid rgba(28, 25, 23, .08); border-radius: 16px; } .dk-home-price-card .dk-hero-actions { justify-content: center; margin-top: 1.15rem; margin-bottom: 0; } .dk-shot-zoom { appearance: none; margin: .65rem 0 0; padding: .4rem .75rem; border: 1px solid rgba(28, 25, 23, .14); border-radius: 8px; background: #fff; color: var(--text); font: inherit; font-size: .82rem; font-weight: 600; cursor: pointer; } .dk-shot-zoom:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; } .dk-page-hero-prueba { padding: 2.1rem 0 1.1rem; } .dk-page-hero-prueba .dk-lead { max-width: 36rem; margin-bottom: 0; } .dk-section-prueba { padding-top: 1.25rem; } .dk-prueba-layout { max-width: 40rem; } .dk-form-prueba .dk-form-sla, .dk-form-sla { margin: .85rem 0 0; font-size: .92rem; color: var(--muted); } .dk-form-help { margin: .55rem 0 0; font-size: .86rem; color: var(--muted); } .dk-footer-group { margin: 0; border: 0; padding: 0; } .dk-footer-group > summary { list-style: none; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.55); font-weight: 600; cursor: default; } .dk-footer-group > summary::-webkit-details-marker { display: none; } .dk-footer-group ul { display: grid; gap: .45rem; font-size: .9rem; margin: .85rem 0 0; padding: 0; list-style: none; } @media (min-width: 901px) { .dk-footer-group[open] > summary, .dk-footer-group > summary { pointer-events: none; } .dk-footer-group:not([open]) ul { display: grid; } .dk-footer-group:not([open]) { } .dk-footer-group ul { display: grid !important; } } @media (max-width: 900px) { .dk-footer-grid { grid-template-columns: 1fr; gap: .35rem; } .dk-footer-brand { margin-bottom: .75rem; } .dk-footer-group { border-top: 1px solid rgba(255,255,255,.1); } .dk-footer-group > summary { display: flex; align-items: center; justify-content: space-between; padding: .85rem 0; cursor: pointer; pointer-events: auto; } .dk-footer-group > summary::after { content: ""; width: .55rem; height: .55rem; border-right: 2px solid rgba(255,255,255,.55); border-bottom: 2px solid rgba(255,255,255,.55); transform: rotate(45deg); transition: transform .2s ease; } .dk-footer-group[open] > summary::after { transform: rotate(225deg); } .dk-footer-group ul { margin: 0 0 .9rem; display: none; } .dk-footer-group[open] ul { display: grid; } } @media (prefers-reduced-motion: reduce) { .dk-footer-group > summary::after { transition: none; } } .dk-section { padding: 3.5rem 0; } .dk-product-frame { box-shadow: 0 8px 22px rgba(15, 23, 42, .06); } .dk-header-cta-mobile { display: none; } @media (max-width: 900px) { .dk-header-inner { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .45rem; } .dk-logo { order: 1; flex: 1 1 auto; min-width: 0; } .dk-header-cta { order: 2; display: flex !important; flex: 0 0 auto; align-items: center; gap: .35rem; margin-left: 0; } .dk-nav-toggle { order: 3; margin-left: 0 !important; flex: 0 0 auto; } .dk-nav { order: 4; } .dk-header-cta-login, .dk-header-cta-desktop { display: none !important; } .dk-header-cta-mobile { display: inline-flex !important; align-items: center; justify-content: center; min-height: 44px; padding: .5rem .65rem; font-size: .8rem; line-height: 1.1; white-space: nowrap; } } .dk-hero-shot-mobile { display: none; } .dk-hero-shot-desktop { display: block; } .dk-hero-fase2 .dk-hero-shot-desktop img { width: 100%; height: auto; display: block; } .dk-hero-fase2 .dk-product-shot-hero .dk-product-frame { box-shadow: 0 12px 32px rgba(15, 23, 42, .1); } @media (max-width: 720px) { .dk-hero-shot-desktop { display: none; } .dk-hero-shot-mobile { display: block; } .dk-hero-fase2 .dk-hero-product { order: 0 !important; max-width: 100%; margin-inline: 0; } .dk-hero-fase2 .dk-product-shot-hero { max-width: 100%; } } .dk-lightbox { padding: 0; border: 0; max-width: none; width: 100%; height: 100%; max-height: none; background: transparent; } .dk-lightbox::backdrop { background: rgba(15, 23, 42, .88); } .dk-lightbox .dk-lightbox-panel { max-width: none; width: 100%; height: 100%; max-height: none; margin: 0; padding: .55rem .55rem .75rem; border-radius: 0; background: #0f172a; display: flex; flex-direction: column; box-shadow: none; } .dk-lightbox-toolbar { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .45rem; flex: 0 0 auto; } .dk-lightbox-title { margin: 0; font-size: .95rem; color: #f8fafc; } .dk-lightbox-tools { display: flex; flex-wrap: wrap; gap: .3rem; justify-content: flex-end; } .dk-lightbox .dk-lightbox-panel { text-align: left; } .dk-lightbox-tools .dk-btn, .dk-lightbox-tools .dk-btn.dk-btn-ghost { width: auto; flex: 0 0 auto; min-height: 40px; min-width: 40px; padding: .45rem .75rem; color: #f8fafc !important; border-color: rgba(255,255,255,.4) !important; background: rgba(255,255,255,.14) !important; } .dk-lightbox-tools .dk-btn:hover, .dk-lightbox-tools .dk-btn.dk-btn-ghost:hover { background: rgba(255,255,255,.24) !important; border-color: rgba(255,255,255,.65) !important; } .dk-lightbox-tools .dk-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } .dk-lightbox-stage { flex: 1 1 auto; min-height: 0; overflow: auto; -webkit-overflow-scrolling: touch; touch-action: pan-x pan-y pinch-zoom; overscroll-behavior: contain; border-radius: 8px; background: #020617; display: grid; align-content: start; justify-items: center; align-items: start; cursor: grab; } .dk-lightbox-stage:active { cursor: grabbing; } .dk-lightbox-stage:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } .dk-lightbox-stage img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; transform-origin: center center; user-select: none; -webkit-user-drag: none; background: transparent; border-radius: 0; } @media (min-width: 901px) { .dk-lightbox .dk-lightbox-panel { width: min(96vw, 1100px); height: min(94vh, 920px); margin: auto; border-radius: 12px; padding: .85rem; } } @media (prefers-reduced-motion: reduce) { .dk-lightbox-stage img { transition: none; } } .dk-product-shot-bare { margin: 0; background: transparent; border: 0; box-shadow: none; padding: 0; } .dk-product-shot-bare .dk-product-frame { border-radius: 14px; overflow: hidden; border: 1px solid rgba(28, 25, 23, .1); box-shadow: 0 14px 36px rgba(15, 23, 42, .1); background: #fff; } .dk-product-shot-bare img { display: block; width: 100%; height: auto; } .dk-product-frame-phone { max-width: 220px; margin-inline: auto; border-radius: 22px !important; } .dk-shot-phone .dk-product-shot-caption, .dk-product-shot-bare .dk-product-shot-caption { display: inline-block; margin-bottom: .45rem; font-size: .72rem; font-weight: 600; color: var(--muted); letter-spacing: .02em; } .dk-control-shots-grid .dk-shot-duo { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(140px, .55fr); gap: 1rem 1.15rem; align-items: end; } @media (max-width: 720px) { .dk-control-shots-grid .dk-shot-duo { grid-template-columns: 1fr; justify-items: center; } .dk-product-frame-phone { max-width: 200px; } } .dk-org-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.35rem 1.25rem; margin-top: 1.25rem; } .dk-org-card { background: #fff; border: 1px solid rgba(28, 25, 23, .08); border-radius: 16px; padding: 1rem 1rem 1.15rem; display: flex; flex-direction: column; gap: .85rem; box-shadow: 0 8px 22px rgba(15, 23, 42, .05); } .dk-org-card .dk-walk-shot { margin: 0; } .dk-org-card .dk-walk-shot img { width: 100%; height: auto; max-height: 280px; object-fit: cover; object-position: top; border-radius: 12px; border: 1px solid rgba(28, 25, 23, .08); background: #fff; } .dk-org-card .dk-walk-shot-phone img { max-height: 320px; object-fit: contain; object-position: center; background: #f8f8f7; } .dk-org-card-copy .dk-kicker { margin-bottom: .15rem; } .dk-org-card-copy h3 { font-size: 1.05rem; margin: .15rem 0 .4rem; letter-spacing: -.015em; } .dk-org-card-copy p { margin: 0 0 .55rem; color: var(--muted); font-size: .92rem; line-height: 1.45; } .dk-org-card-copy .dk-walk-link { margin: 0; } @media (max-width: 960px) { .dk-org-grid { grid-template-columns: 1fr; } .dk-org-card { display: grid; grid-template-columns: minmax(120px, 180px) minmax(0, 1fr); align-items: center; } .dk-org-card .dk-walk-shot img { max-height: 220px; } } @media (max-width: 560px) { .dk-org-card { grid-template-columns: 1fr; } } .dk-docs-home.dk-diff .dk-section-head.dk-center, .dk-docs-home .dk-section-head.dk-center { text-align: center; margin-inline: auto; max-width: 40rem; } .dk-docs-home.dk-diff .dk-section-head.dk-center h2, .dk-docs-home .dk-section-head.dk-center h2 { text-align: center; margin-left: auto; margin-right: auto; max-width: 22ch; } .dk-docs-intro { margin: 0 auto .9rem !important; max-width: 38ch; } .dk-docs-list { list-style: none; margin: 0 auto 1rem; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem .45rem; max-width: 36rem; } .dk-docs-list li { display: inline-flex; align-items: center; background: #fff; border: 1px solid rgba(28, 25, 23, .1); border-radius: 999px; padding: .35rem .7rem; font-size: .84rem; font-weight: 550; color: #1c1917; } .dk-docs-opt { font-weight: 500; color: var(--muted); font-size: .78rem; margin-left: .2rem; } .dk-docs-chip-row { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .5rem .65rem; margin: .25rem 0 .75rem !important; } .dk-docs-chip-note { font-size: .86rem; } .dk-docs-geo { margin: 0 auto .85rem !important; max-width: 42ch; font-size: .9rem; color: var(--muted); } .dk-docs-home .dk-walk-link { text-align: center; } .dk-docs-home .dk-diff-chip { display: inline-flex; align-items: center; background: rgba(225, 27, 34, .08); color: #b91016; border: 1px solid rgba(225, 27, 34, .18); border-radius: 999px; padding: .28rem .65rem; font-size: .78rem; font-weight: 650; } .dk-blog-wrap { max-width: 44rem; margin-inline: auto; } .dk-blog-hero { padding: 3.4rem 0 2.4rem; background: radial-gradient(ellipse 70% 55% at 100% 0%, rgba(225,27,34,.07), transparent 55%), linear-gradient(180deg, #fff 0%, var(--bg-soft) 100%); border-bottom: 1px solid var(--border); } .dk-blog-hero h1 { max-width: 22ch; margin: 0 0 1rem; font-size: clamp(1.85rem, 4vw, 2.55rem); line-height: 1.15; letter-spacing: -.03em; font-weight: 700; } .dk-blog-hero .dk-lead { max-width: 54ch; margin: 0; font-size: 1.08rem; line-height: 1.55; color: var(--muted); } .dk-blog-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .45rem; margin-top: 1.25rem; color: var(--muted); font-size: .88rem; font-weight: 500; } .dk-blog-meta time { color: var(--text); font-weight: 600; } .dk-blog-meta-sep { opacity: .55; } .dk-blog-summary { padding-top: 1.75rem; padding-bottom: 1.75rem; } .dk-blog-summary-title { margin: 0 0 .85rem; font-size: .8rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); } .dk-blog-key-points { list-style: none; margin: 0; padding: 0; display: grid; gap: .65rem; } .dk-blog-key-points li { position: relative; padding: .85rem 1rem .85rem 2.55rem; background: #fff; border: 1px solid var(--border); border-radius: 12px; box-shadow: var(--shadow); line-height: 1.45; color: var(--text); } .dk-blog-key-points li::before { content: ""; position: absolute; left: .95rem; top: 1.05rem; width: .7rem; height: .7rem; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 4px rgba(225, 27, 34, .12); } .dk-blog-body { padding-top: 2.2rem; } .dk-prose-blog { max-width: none; font-size: 1.05rem; line-height: 1.7; } .dk-prose-blog .dk-blog-sec + .dk-blog-sec { margin-top: 2.35rem; padding-top: 2.1rem; border-top: 1px solid var(--border); } .dk-prose-blog h2 { margin: 0 0 1rem; font-size: clamp(1.25rem, 2.4vw, 1.45rem); line-height: 1.25; letter-spacing: -.02em; } .dk-prose-blog p { margin: 0 0 1.05rem; color: var(--text); } .dk-prose-blog a { color: var(--red); text-decoration: underline; text-underline-offset: 2px; } .dk-prose-blog a:hover { color: var(--red-dark); } .dk-prose-blog blockquote { margin: 1.15rem 0 1.35rem; padding: .9rem 1.1rem; border-left: 3px solid var(--red); background: #fff5f5; border-radius: 0 10px 10px 0; } .dk-prose-blog blockquote p { margin: 0; color: var(--text); } .dk-blog-ul { list-style: none; padding: 0; margin: 0 0 1.25rem; display: grid; gap: .55rem; } .dk-blog-ul li { position: relative; margin: 0; padding: .65rem .85rem .65rem 2.2rem; background: var(--bg-soft); border: 1px solid var(--border); border-radius: 10px; line-height: 1.45; } .dk-blog-ul li::before { content: ""; position: absolute; left: .85rem; top: .95rem; width: .55rem; height: .55rem; border-radius: 2px; background: var(--red); } .dk-blog-callout { margin: 0 0 1.2rem; padding: .95rem 1.1rem; background: #fff; border: 1px solid var(--border); border-left: 3px solid var(--red); border-radius: 10px; box-shadow: var(--shadow); } .dk-blog-callout p { margin: 0; font-size: .98rem; line-height: 1.5; } .dk-blog-dates { display: grid; gap: .75rem; margin: 0 0 1.35rem; } @media (min-width: 720px) { .dk-blog-dates { grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr)); } } .dk-blog-date-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: .95rem 1rem 1.05rem; box-shadow: var(--shadow); } .dk-blog-date-when { margin: 0 0 .4rem; color: var(--red); font-size: .78rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; } .dk-blog-date-what { margin: 0; font-size: .92rem; line-height: 1.4; color: var(--text); } .dk-blog-panel-dakoku { padding: 1.25rem 1.15rem 1.35rem !important; margin-top: 2.35rem; border: 1px solid rgba(225, 27, 34, .18) !important; border-radius: 16px; background: radial-gradient(ellipse 80% 60% at 0% 0%, rgba(225,27,34,.06), transparent 55%), #fff; box-shadow: var(--shadow); } .dk-blog-panel-dakoku + .dk-blog-sec, .dk-blog-sec + .dk-blog-panel-dakoku { border-top: 0 !important; padding-top: 1.25rem !important; } .dk-prose-figure { margin: 1.2rem 0 1.35rem; padding: 0; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; background: #0f172a; } .dk-prose-figure img { display: block; width: 100%; height: auto; } .dk-prose-figure figcaption { margin: 0; padding: .7rem .9rem .8rem; background: #fff; border-top: 1px solid var(--border); color: var(--muted); font-size: .86rem; line-height: 1.4; } .dk-prose-figure-product { box-shadow: 0 10px 28px rgba(15, 23, 42, .12); } .dk-blog-cta-sec { padding-top: 0; } .dk-blog-cta { display: grid; gap: 1.25rem; align-items: center; padding: 1.35rem; background: #0f172a; color: #f8fafc; border-radius: 16px; overflow: hidden; } @media (min-width: 800px) { .dk-blog-cta { grid-template-columns: 1.15fr .85fr; padding: 1.5rem 1.5rem 1.5rem 1.65rem; } } .dk-blog-cta .dk-kicker { color: rgba(248,250,252,.72); margin-bottom: .45rem; } .dk-blog-cta h2 { margin: 0 0 .55rem; font-size: clamp(1.2rem, 2.4vw, 1.45rem); letter-spacing: -.02em; color: #fff; } .dk-blog-cta-copy p { margin: 0 0 1rem; color: rgba(248,250,252,.82); line-height: 1.5; } .dk-blog-cta-actions { display: flex; flex-wrap: wrap; gap: .55rem; } .dk-blog-cta-actions .dk-btn-ghost { background: transparent !important; color: #fff !important; border-color: rgba(255,255,255,.35) !important; } .dk-blog-cta-actions .dk-btn-ghost:hover { background: rgba(255,255,255,.1) !important; border-color: rgba(255,255,255,.55) !important; } .dk-blog-cta-visual { border-radius: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); background: #020617; } .dk-blog-cta-visual img { display: block; width: 100%; height: auto; } .dk-blog-faq .dk-faq { max-width: none; } .dk-blog-faq h2, .dk-blog-related h2 { margin: 0 0 1rem; font-size: clamp(1.25rem, 2.4vw, 1.45rem); letter-spacing: -.02em; } .dk-blog-related .dk-related { max-width: none; } .dk-blog-related .dk-related a { height: 100%; box-shadow: var(--shadow); } .dk-blog-related .dk-related span { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .dk-blog-back { margin: 1.5rem 0 0; font-weight: 600; } .dk-blog-back a { color: var(--text); text-decoration: none; } .dk-blog-back a:hover { color: var(--red); } .dk-blog-index-hero h1 { max-width: 12ch; } .dk-blog-listing em { display: block; font-style: normal; font-size: .78rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: var(--red); margin-bottom: .4rem; } @media (max-width: 640px) { .dk-blog-hero { padding: 2.6rem 0 1.85rem; } .dk-blog-panel-dakoku { padding: 1rem .9rem 1.1rem !important; } .dk-blog-cta { padding: 1.15rem; } } .dk-home-formacion { margin-top: 2.75rem; padding-top: 2.25rem; border-top: 1px solid var(--border); max-width: 52rem; margin-left: auto; margin-right: auto; } .dk-home-formacion-grid { display: grid; gap: .85rem; margin: 1.25rem 0 1.15rem; text-align: left; } @media (min-width: 720px) { .dk-home-formacion-grid { grid-template-columns: repeat(2, 1fr); } } .dk-home-formacion-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 1rem 1.05rem 1.1rem; box-shadow: var(--shadow); } .dk-home-formacion-card.is-soon { background: #f8fafc; box-shadow: none; } .dk-home-formacion-status { margin: 0 0 .35rem; font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); } .dk-home-formacion-status.is-live { color: var(--red); } .dk-home-formacion-card h3 { margin: 0 0 .35rem; font-size: 1.02rem; letter-spacing: -.015em; } .dk-home-formacion-card p { margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.4; } .dk-docs-home-simple .dk-docs-intro { max-width: 36rem; margin-left: auto; margin-right: auto; } .dk-docs-simple-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: center; margin-top: 1.25rem; } .dk-docs-home-simple .dk-docs-disclaimer { margin-top: 1rem; max-width: 32rem; margin-left: auto; margin-right: auto; } .dk-docs-brief-inner .dk-docs-simple-actions { flex-shrink: 0; align-self: center; } .dk-hero-trust { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; list-style: none; margin: 1rem 0 0; padding: 0; font-size: 0.875rem; color: var(--dk-muted, #5b6470); } .dk-hero-trust li { position: relative; padding-left: 1rem; } .dk-hero-trust li::before { content: ""; position: absolute; left: 0; top: 0.45em; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: var(--dk-red, #c62828); } .dk-org-strip-grid { display: grid; gap: 1.75rem; align-items: center; } @media (min-width: 900px) { .dk-org-strip-grid { grid-template-columns: 1fr 1.05fr; gap: 2.5rem; } } .dk-org-strip-copy .dk-control-caps { margin-top: 1rem; } .dk-org-strip-shot { margin: 0; } .dk-hero-v2 .dk-hero-copy h1 { font-size: clamp(1.75rem, 4vw, 2.45rem); line-height: 1.15; letter-spacing: -0.02em; max-width: 18ch; } .dk-feat-grid { display: grid; gap: 2rem; align-items: center; } @media (min-width: 880px) { .dk-feat-grid { grid-template-columns: 1fr 1.15fr; gap: 3rem; } .dk-feat-grid-rev .dk-feat-copy { order: 2; } .dk-feat-grid-rev .dk-product-shot { order: 1; } } .dk-feat-copy h2 { font-size: clamp(1.35rem, 2.5vw, 1.75rem); line-height: 1.25; margin: 0.35rem 0 0.75rem; max-width: 22ch; } .dk-feat-copy > p { color: var(--muted); max-width: 38ch; } .dk-formacion-grid { display: grid; gap: 1.25rem; margin-top: 1.75rem; } @media (min-width: 720px) { .dk-formacion-grid { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } } .dk-formacion-card { display: flex; flex-direction: column; gap: 0.65rem; padding: 0; background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; } .dk-formacion-card h3 { font-size: 1.05rem; line-height: 1.3; padding: 0 1rem; margin: 0; } .dk-formacion-card h3 a:hover { color: var(--red); } .dk-formacion-card > p { padding: 0 1rem 1.15rem; color: var(--muted); font-size: 0.92rem; margin: 0; } .dk-formacion-code { padding: 0.85rem 1rem 0; margin: 0; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--red); } .dk-formacion-cover { display: block; background: #fff; aspect-ratio: 2 / 1; overflow: hidden; } .dk-formacion-cover img { width: 100%; height: 100%; object-fit: contain; object-position: center; background: #fff; } .dk-formacion-cover-lg { border: 1px solid var(--border); border-radius: var(--radius-sm); } .dk-formacion-list { display: flex; flex-direction: column; gap: 2.5rem; } .dk-formacion-detail { display: grid; gap: 1.25rem; align-items: start; } @media (min-width: 800px) { .dk-formacion-detail { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 2rem; } } .dk-formacion-detail-copy h2 { font-size: clamp(1.25rem, 2.2vw, 1.55rem); line-height: 1.25; margin: 0.35rem 0 0.75rem; } .dk-formacion-detail-copy p { color: var(--muted); } .dk-mt { margin-top: 1.5rem; } .dk-formacion-grid-sol { margin-bottom: 2rem; } .dk-hero-landing .dk-hero-copy h1 { max-width: 16ch; } .dk-hero-actions-dual { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; } .dk-hero-actions-dual .dk-btn { min-width: min(100%, 12.5rem); } .dk-cta-mid { padding-block: 2rem; } .dk-cta-mid-inner { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; align-items: center; justify-content: space-between; padding: 1.25rem 1.5rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--bg); } .dk-cta-mid-copy { margin: 0; font-weight: 600; font-size: 1.05rem; } .dk-shot-readable .dk-product-frame { background: #fff; border: 1px solid var(--border); border-radius: var(--radius-sm); overflow: hidden; } .dk-shot-readable:not(.dk-shot-phone) .dk-product-frame img { width: 100%; height: auto; max-height: none; object-fit: contain; object-position: top center; display: block; } .dk-shot-readable.dk-shot-phone { justify-self: center; width: min(100%, 280px); } .dk-shot-readable.dk-shot-phone .dk-product-frame-phone { max-width: 280px; margin-inline: auto; } .dk-shot-readable.dk-shot-phone img { width: 100%; height: auto; object-fit: contain; } @media (max-width: 879px) { .dk-hero-landing .dk-hero-copy h1 { max-width: none; } .dk-hero-actions-dual { flex-direction: column; align-items: stretch; } .dk-hero-actions-dual .dk-btn { width: 100%; min-width: 0; } .dk-cta-mid-inner { flex-direction: column; align-items: stretch; text-align: center; } .dk-feat-grid .dk-shot-readable:not(.dk-shot-phone) { width: 100%; } .dk-feat-grid .dk-shot-readable:not(.dk-shot-phone) .dk-product-frame { min-height: 200px; } .dk-shot-readable.dk-shot-phone { width: min(100%, 260px); } } .dk-formacion-cat-page { background: #f5f7f9; padding: 1.75rem 0 3.5rem; } .dk-formacion-cat-head { margin-bottom: 1.35rem; } .dk-formacion-cat-head h1 { margin: 0 0 0.35rem; font-size: clamp(1.55rem, 2.2vw, 1.85rem); font-weight: 750; letter-spacing: -0.03em; line-height: 1.15; color: #141414; } .dk-formacion-cat-resumen { margin: 0; font-size: 0.875rem; font-weight: 500; line-height: 1.4; color: #6d7f8e; } .dk-formacion-cat-lista { display: grid; grid-template-columns: 1fr; gap: 0.9rem; } @media (min-width: 720px) { .dk-formacion-cat-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } } @media (min-width: 1020px) { .dk-formacion-cat-lista { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.9rem; } } .dk-formacion-cat-card { display: flex; flex-direction: column; min-width: 0; background: #fff; border: 1px solid #e7ecef; border-radius: 16px; overflow: hidden; box-shadow: 0 1px 2px rgba(16, 24, 32, 0.04); } .dk-formacion-cat-cover { aspect-ratio: 2 / 1; background: #fff; overflow: hidden; } .dk-formacion-cat-cover img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; background: #fff; } .dk-formacion-cat-cover--empty { background: #eef1f3; } .dk-formacion-cat-body { display: flex; flex-direction: column; gap: 0.5rem; flex: 1 1 auto; padding: 0.9rem 1rem 1rem; min-width: 0; } .dk-formacion-cat-top { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; } .dk-formacion-cat-codigo { margin: 0; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.02em; color: #6d7f8e; } .dk-formacion-cat-badge { display: inline-flex; align-items: center; padding: 0.2rem 0.55rem; border-radius: 999px; font-size: 0.7rem; font-weight: 650; line-height: 1.2; white-space: nowrap; } .dk-formacion-cat-badge.is-disponible { background: #ecfdf3; color: #067647; } .dk-formacion-cat-badge.is-prox, .dk-formacion-cat-badge.is-construccion { background: #f2f4f7; color: #667085; } .dk-formacion-cat-tit { margin: 0; font-size: 1.02rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1.3; color: #141414; } .dk-formacion-cat-meta { margin: 0; font-size: 0.78rem; font-weight: 500; line-height: 1.4; color: #8a9aaa; } .dk-formacion-cat-cta { margin-top: auto; padding-top: 0.45rem; } .dk-formacion-cat-btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 2.5rem; padding: 0.5rem 1rem; border: 1.5px solid #e2e8ee; border-radius: 10px; background: #fff; color: #5c6b75; font-size: 0.9rem; font-weight: 600; text-align: center; cursor: default; user-select: none; } .dk-formacion-cat-btn.is-primary { background: #c8001a; border-color: #c8001a; color: #fff; } .dk-formacion-cat-note { margin: 1.5rem 0 0; font-size: 0.85rem; color: #6d7f8e; max-width: 42rem; } .dk-formacion-cat-page .dk-formacion-grid { display: none; } .dk-sim-section { background: #f5f7f9; padding: 2.25rem 0; } .dk-sim-section--soft { background: #eef1f4; padding: 2.25rem 0; } .dk-sim-intro { max-width: 36rem; margin: 0 0 1.15rem; } .dk-sim-intro h2 { margin: 0.3rem 0 0.5rem; font-size: clamp(1.3rem, 2.2vw, 1.65rem); line-height: 1.25; letter-spacing: -0.02em; color: #141414; } .dk-sim-intro > p:last-child { margin: 0; color: #6d7f8e; font-size: 0.95rem; } .dk-app-sim { max-width: 640px; margin: 0; padding: 1rem 1.1rem 1.15rem; background: #fff; border: 1px solid #e7ecef; border-radius: 16px; box-shadow: 0 1px 2px rgba(16, 24, 32, 0.04); } .dk-app-sim--narrow { max-width: 420px; } .dk-app-sim-head { margin-bottom: 0.85rem; } .dk-app-sim-title { margin: 0; font-size: 1.15rem; font-weight: 750; letter-spacing: -0.02em; color: #141414; } .dk-app-sim-sub { margin: 0.25rem 0 0; font-size: 0.8rem; font-weight: 500; color: #6d7f8e; } .dk-app-sim-status { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; margin-bottom: 0.85rem; } .dk-app-sim-clock { font-size: 0.9rem; font-weight: 600; color: #141414; } .dk-app-sim-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid #eef1f3; } .dk-app-sim-row { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.72rem 0; border-bottom: 1px solid #eef1f3; min-width: 0; } .dk-app-sim-row > div { min-width: 0; display: flex; flex-direction: column; gap: 0.15rem; } .dk-app-sim-row strong { font-size: 0.92rem; font-weight: 650; color: #141414; line-height: 1.3; } .dk-app-sim-row span { font-size: 0.78rem; font-weight: 500; color: #8a9aaa; line-height: 1.35; } .dk-app-sim-meta { flex: 0 0 auto; font-size: 0.8rem !important; font-weight: 650 !important; color: #5c6b75 !important; white-space: nowrap; } .dk-app-sim-pill { flex: 0 0 auto; display: inline-flex; align-items: center; padding: 0.2rem 0.55rem; border-radius: 999px; font-size: 0.7rem !important; font-weight: 650 !important; line-height: 1.2; white-space: nowrap; color: #667085 !important; background: #f2f4f7; } .dk-app-sim-pill.is-ok { background: #ecfdf3; color: #067647 !important; } .dk-app-sim-pill.is-warn { background: #fffaeb; color: #b54708 !important; } .dk-app-sim-pill.is-info { background: #eff8ff; color: #175cd3 !important; } .dk-app-sim-pill.is-muted { background: #f2f4f7; color: #667085 !important; } .dk-app-sim-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 0.55rem; margin-top: 0.95rem; } .dk-app-sim-btn { display: flex; align-items: center; justify-content: center; min-height: 2.5rem; padding: 0.5rem 0.85rem; border-radius: 10px; font-size: 0.9rem; font-weight: 650; text-align: center; cursor: default; user-select: none; } .dk-app-sim-btn.is-primary { background: #c8001a; border: 1.5px solid #c8001a; color: #fff; } .dk-app-sim-btn.is-ghost { background: #fff; border: 1.5px solid #e2e8ee; color: #5c6b75; } .dk-app-sim-note { margin: 0.85rem 0 0; font-size: 0.78rem; color: #8a9aaa; } .dk-app-sim-note a { color: #c8001a; text-decoration: underline; text-underline-offset: 2px; } @media (max-width: 600px) { .dk-app-sim { max-width: none; } .dk-app-sim-row { align-items: flex-start; } } .dk-ch-hero .dk-lead { max-width: 40rem; } .dk-ch-block { padding: 2.25rem 0; background: #f5f7f9; } .dk-ch-block--soft { background: #eef1f4; } .dk-ch-grid { display: grid; gap: 1.5rem; align-items: center; } @media (min-width: 880px) { .dk-ch-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 2.5rem; } .dk-ch-grid-rev .dk-ch-copy { order: 2; } .dk-ch-grid-rev .dk-ch-shot, .dk-ch-grid-rev .dk-app-sim { order: 1; } } .dk-ch-copy h2 { margin: 0.35rem 0 0.65rem; font-size: clamp(1.3rem, 2.2vw, 1.7rem); line-height: 1.25; letter-spacing: -0.02em; color: #141414; } .dk-ch-copy > p { margin: 0; color: #6d7f8e; max-width: 36ch; } .dk-ch-copy-wide { max-width: 40rem; margin-bottom: 1.15rem; } .dk-ch-copy-wide > p { max-width: 48ch; } .dk-ch-shot { margin: 0; background: #fff; border: 1px solid #e7ecef; border-radius: 16px; overflow: hidden; box-shadow: 0 1px 2px rgba(16, 24, 32, 0.04); } .dk-ch-shot img { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; object-position: top center; background: #fff; } .dk-ch-shot figcaption { padding: 0.55rem 0.9rem 0.75rem; font-size: 0.75rem; color: #8a9aaa; } .dk-ch-shots-duo { display: grid; gap: 1rem; } @media (min-width: 800px) { .dk-ch-shots-duo { grid-template-columns: 1fr 1fr; } } .dk-ch-shot-wide img { min-height: 160px; } .dk-vac-hero .dk-lead { max-width: 42rem; } .dk-vac-block { padding: 2.5rem 0; background: #f5f7f9; } .dk-vac-block--soft { background: #eef1f4; } .dk-vac-explain { display: grid; gap: 1.35rem; align-items: center; margin-bottom: 1.35rem; } @media (min-width: 880px) { .dk-vac-explain { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.75fr); gap: 2.25rem; } } .dk-vac-copy h2 { margin: 0.35rem 0 0.65rem; font-size: clamp(1.3rem, 2.2vw, 1.7rem); line-height: 1.25; letter-spacing: -0.02em; color: #141414; } .dk-vac-copy > p { margin: 0; color: #6d7f8e; max-width: 42ch; line-height: 1.55; } .dk-vac-shot { margin: 0; background: #f0f3f6; border: 1px solid #e7ecef; border-radius: 16px; overflow: hidden; box-shadow: 0 1px 2px rgba(16, 24, 32, 0.04); } .dk-vac-shot img { display: block; width: 100%; height: auto; max-width: 100%; object-fit: contain; object-position: center top; background: #f0f3f6; } .dk-vac-shot figcaption { padding: 0.55rem 0.9rem 0.75rem; font-size: 0.75rem; color: #8a9aaa; } .dk-vac-shot--apoyo { max-width: 22rem; margin-inline: auto; } @media (min-width: 880px) { .dk-vac-shot--apoyo { max-width: none; margin-inline: 0; } } .dk-vac-shot--grande { width: 100%; max-width: 100%; } .dk-vac-shot--grande img { width: 100%; height: auto; max-height: none; object-fit: contain; background: #eef1f4; } @media (min-width: 880px) { .dk-vac-shot--grande img { max-height: min(78vh, 920px); margin-inline: auto; } } @media (max-width: 719px) { .dk-vac-block { padding: 1.75rem 0; } .dk-vac-shot--apoyo { max-width: 16rem; } .dk-vac-copy > p { max-width: none; } } .dk-nav-probar { display: none; } @media (max-width: 960px) { .dk-nav.is-open .dk-nav-probar, .dk-nav .dk-nav-probar { display: inline-flex; margin-top: 0.5rem; width: 100%; justify-content: center; } } @media (min-width: 961px) { .dk-nav-probar { display: none !important; } .dk-nav-acceso { display: none; } } .dk-formacion-hero .dk-formacion-hero-puntos { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; margin: 1rem 0 1.5rem; padding: 0; list-style: none; color: var(--muted, #5c6b75); font-size: 0.95rem; } .dk-formacion-hero .dk-formacion-hero-puntos li { position: relative; padding-left: 1.1rem; } .dk-formacion-hero .dk-formacion-hero-puntos li::before { content: ""; position: absolute; left: 0; top: 0.45em; width: 0.45rem; height: 0.45rem; border-radius: 50%; background: var(--red, #c8001a); } .dk-formacion-cat-card.is-link { text-decoration: none; color: inherit; transition: box-shadow 0.15s ease, transform 0.15s ease; } .dk-formacion-cat-card.is-link:hover { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); transform: translateY(-2px); } .dk-formacion-cat-card.is-link:focus-visible { outline: 2px solid var(--red, #c8001a); outline-offset: 3px; } .dk-formacion-cat-meta--sec { opacity: 0.85; font-size: 0.9em; } .dk-formacion-cat-head h2 { margin: 0 0 0.35rem; font-size: clamp(1.5rem, 2.5vw, 1.85rem); } .dk-formacion-indice-meta { margin: 0.75rem 0 0.35rem; color: var(--muted, #5c6b75); } .dk-formacion-indice-aviso { margin: 0 0 1.25rem; font-size: 0.95rem; color: var(--muted, #5c6b75); } .dk-formacion-indice-sec h2 { margin: 0 0 1rem; } .dk-formacion-indice-lista { list-style: none; margin: 0; padding: 0; border: 1px solid #e8ecf0; border-radius: 14px; overflow: hidden; background: #fff; } .dk-formacion-indice-item { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); gap: 0.75rem 1rem; align-items: baseline; padding: 0.95rem 1.15rem; border-top: 1px solid #eef1f4; } .dk-formacion-indice-item:first-child { border-top: 0; } .dk-formacion-indice-num { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; color: #8a9aaa; } .dk-formacion-indice-tit { font-size: 1rem; font-weight: 600; color: #1a1a18; line-height: 1.35; } @media (max-width: 560px) { .dk-formacion-indice-item { grid-template-columns: 1fr; gap: 0.25rem; } } .dk-formacion-hero.dk-hero-landing { padding-block: 2.25rem 2.75rem; } .dk-formacion-hero .dk-formacion-hero-puntos { margin: 1rem 0 1.25rem; padding: 0; list-style: none; display: grid; gap: .55rem; } .dk-formacion-hero .dk-formacion-hero-puntos li { position: relative; padding-left: 1.15rem; font-size: .95rem; line-height: 1.45; color: var(--text, #1c1917); } .dk-formacion-hero .dk-formacion-hero-puntos li::before { content: ""; position: absolute; left: 0; top: .55em; width: .45rem; height: .45rem; border-radius: 50%; background: var(--red, #e30613); } .dk-formacion-hero .dk-hero-copy h1 { font-size: clamp(1.65rem, 2.8vw, 2.35rem); line-height: 1.15; letter-spacing: -0.02em; } .dk-formacion-hero .dk-product-shot-bare img { max-height: min(70vh, 640px); width: 100%; height: auto; object-fit: cover; object-position: top left; } .dk-formacion-cat-diploma { margin: .35rem 0 .85rem; border-radius: 10px; overflow: hidden; border: 1px solid rgba(28, 25, 23, .1); background: #f8f8f9; } .dk-formacion-cat-diploma img { display: block; width: 100%; height: auto; max-height: 220px; object-fit: cover; object-position: top center; } .dk-formacion-cat-diploma-cap { display: block; padding: .4rem .65rem .55rem; font-size: .72rem; color: var(--muted, #78716c); } .dk-formacion-indice-diploma-sec { padding-block: 1.5rem 2rem; } .dk-formacion-indice-diploma { display: grid; gap: 1.5rem 2rem; align-items: start; grid-template-columns: minmax(220px, 0.85fr) minmax(260px, 1fr); } .dk-formacion-indice-diploma-copy h2 { margin: .35rem 0 .75rem; font-size: clamp(1.35rem, 2.2vw, 1.75rem); line-height: 1.2; } .dk-formacion-indice-diploma-shot { margin: 0; border-radius: 14px; overflow: hidden; border: 1px solid rgba(28, 25, 23, .1); box-shadow: 0 14px 36px rgba(15, 23, 42, .1); background: #fff; max-width: 420px; justify-self: center; width: 100%; } .dk-formacion-indice-diploma-shot img { display: block; width: 100%; height: auto; } .dk-formacion-indice-diploma-shot figcaption { padding: .55rem .85rem .7rem; font-size: .78rem; color: var(--muted, #78716c); } @media (max-width: 800px) { .dk-formacion-indice-diploma { grid-template-columns: 1fr; } .dk-formacion-indice-diploma-shot { max-width: 360px; } } .dk-formacion-cat-cover { aspect-ratio: 3 / 4; background: #f4f4f5; } .dk-formacion-cat-cover img { object-fit: contain; object-position: center top; background: #fff; } .dk-formacion-indice-layout.has-diploma { display: grid; gap: 1.75rem 2.25rem; align-items: start; grid-template-columns: minmax(260px, 1.1fr) minmax(220px, 0.75fr); } .dk-formacion-indice-diploma-tit { margin: 0 0 .4rem; font-size: 1.15rem; } .dk-formacion-indice-diploma-txt { margin: 0 0 1rem; font-size: .92rem; color: var(--muted, #78716c); line-height: 1.45; } .dk-formacion-indice-diploma-shot { margin: 0; border-radius: 14px; overflow: hidden; border: 1px solid rgba(28, 25, 23, .1); box-shadow: 0 14px 36px rgba(15, 23, 42, .1); background: #fff; } .dk-formacion-indice-diploma-shot img { display: block; width: 100%; height: auto; } @media (max-width: 860px) { .dk-formacion-indice-layout.has-diploma { grid-template-columns: 1fr; } .dk-formacion-indice-diploma-shot { max-width: 360px; } } .dk-formacion-cat-cover { aspect-ratio: 2 / 1; } .dk-formacion-cat-cover img { object-fit: cover; object-position: center center; } .dk-formacion-proximos { padding-block: 2rem 2.5rem; background: var(--soft, #f7f7f8); } .dk-formacion-proximos-head { max-width: 40rem; margin-bottom: 1.25rem; } .dk-formacion-proximos-head h2 { margin: .35rem 0 .55rem; font-size: clamp(1.35rem, 2.2vw, 1.75rem); line-height: 1.2; } .dk-formacion-proximos-head .dk-lead { margin: 0; font-size: 1rem; } .dk-formacion-proximos-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); } .dk-formacion-proximos-item { display: flex; flex-direction: column; gap: .45rem; padding: 1rem 1.1rem; border-radius: 12px; border: 1px dashed rgba(28, 25, 23, .16); background: #fff; min-height: 5.5rem; } .dk-formacion-proximos-item strong { font-size: 1.02rem; line-height: 1.35; font-weight: 650; color: var(--text, #1c1917); } .dk-formacion-proximos-badge { align-self: flex-start; font-size: .72rem; font-weight: 650; letter-spacing: .02em; color: #78716c; background: #f4f4f5; border-radius: 999px; padding: .2rem .55rem; } @media (max-width: 700px) { .dk-formacion-proximos-lista { grid-template-columns: 1fr; } } .dk-vac-hero-puntos { margin: 1rem 0 1.25rem; padding: 0; list-style: none; display: grid; gap: .55rem; max-width: 40rem; } .dk-vac-hero-puntos li { position: relative; padding-left: 1.15rem; font-size: .95rem; line-height: 1.45; } .dk-vac-hero-puntos li::before { content: ""; position: absolute; left: 0; top: .55em; width: .45rem; height: .45rem; border-radius: 50%; background: var(--red, #e30613); } .dk-vac-shot-sec { padding-block: 1.5rem 2.5rem; } .dk-vac-shot-head { max-width: 40rem; margin-bottom: 1.25rem; } .dk-vac-shot-head h2 { margin: .35rem 0 .55rem; font-size: clamp(1.35rem, 2.2vw, 1.75rem); line-height: 1.2; } .dk-vac-shot-grande { margin: 0 auto; max-width: 920px; } .dk-vac-shot-grande .dk-product-frame { border-radius: 14px; overflow: hidden; border: 1px solid rgba(28, 25, 23, .1); box-shadow: 0 14px 36px rgba(15, 23, 42, .1); background: #fff; } .dk-vac-shot-grande img { display: block; width: 100%; height: auto; } .dk-vac-shot-grande figcaption { margin-top: .65rem; font-size: .78rem; color: var(--muted, #78716c); text-align: center; } .dk-vac-hero .dk-vac-hero-phone { max-width: 280px; margin-inline: auto; } .dk-vac-hero .dk-vac-hero-phone .dk-product-frame { border-radius: 22px; overflow: hidden; } .dk-vac-hero .dk-vac-hero-phone img { display: block; width: 100%; height: auto; object-fit: contain; object-position: top center; } .dk-vac-shot-grande { max-width: 980px; margin-inline: auto; } .dk-vac-shot-grande .dk-product-frame { overflow: hidden; background: #fff; } .dk-vac-shot-grande img { display: block; width: 100%; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: left top !important; } .dk-agenda-hero-puntos { margin: 1rem 0 1.25rem; padding: 0; list-style: none; display: grid; gap: .55rem; max-width: 40rem; } .dk-agenda-hero-puntos li { position: relative; padding-left: 1.15rem; font-size: .95rem; line-height: 1.45; } .dk-agenda-hero-puntos li::before { content: ""; position: absolute; left: 0; top: .55em; width: .45rem; height: .45rem; border-radius: 50%; background: var(--red, #e30613); } .dk-agenda-shot-sec { padding-block: 1.5rem 2.5rem; } .dk-agenda-shot-head { max-width: 40rem; margin-bottom: 1.25rem; } .dk-agenda-shot-head h2 { margin: .35rem 0 .55rem; font-size: clamp(1.35rem, 2.2vw, 1.75rem); line-height: 1.2; } .dk-agenda-shot-grande { max-width: 980px; margin-inline: auto; } .dk-agenda-shot-grande .dk-product-frame { border-radius: 14px; overflow: hidden; border: 1px solid rgba(28, 25, 23, .1); box-shadow: 0 14px 36px rgba(15, 23, 42, .1); background: #fff; } .dk-agenda-shot-grande img { display: block; width: 100%; height: auto; object-fit: contain; object-position: left top; } .dk-agenda-shot-grande figcaption { margin-top: .65rem; font-size: .78rem; color: var(--muted, #78716c); text-align: center; } .dk-agenda-shot-sec-alt { background: var(--surface-2, #fafaf9); } .dk-agenda-shot-modal { max-width: 720px; margin-inline: auto; } .dk-agenda-shot-modal .dk-product-frame { border-radius: 14px; overflow: hidden; border: 1px solid rgba(28, 25, 23, .1); box-shadow: 0 14px 36px rgba(15, 23, 42, .1); background: #fff; } .dk-agenda-shot-modal img { display: block; width: 100%; height: auto; } .dk-agenda-shot-modal figcaption { margin-top: .65rem; font-size: .78rem; color: var(--muted, #78716c); text-align: center; } .dk-formacion-cat-tagline { margin: .35rem 0 .55rem; font-size: .82rem; font-weight: 600; line-height: 1.35; color: var(--red, #e30613); } .dk-formacion-indice-contexto { max-width: 42rem; margin: .75rem 0 0; font-size: .98rem; line-height: 1.5; color: var(--text, #1c1917); } .dk-formacion-indice-blog { display: inline; font-weight: 600; color: var(--red, #e30613); text-decoration: underline; text-underline-offset: 2px; } .dk-formacion-indice-blog:hover { color: var(--red-dark, #b50e14); } .dk-formacion-guias { margin-top: 2rem; padding: 1.25rem 1.35rem; border-radius: 12px; border: 1px solid rgba(28, 25, 23, .1); background: #fff; } .dk-formacion-guias-tit { margin: 0 0 .4rem; font-size: 1.05rem; } .dk-formacion-guias-lead { margin: 0 0 .75rem; font-size: .92rem; color: var(--muted, #78716c); } .dk-formacion-guias-lista { margin: 0; padding-left: 1.15rem; display: grid; gap: .45rem; } .dk-formacion-guias-lista a { color: var(--text, #1c1917); font-weight: 500; text-decoration: underline; text-underline-offset: 2px; } .dk-formacion-guias-lista a:hover { color: var(--red, #e30613); } .dk-formacion-guias-head { max-width: 40rem; margin-bottom: 1.35rem; } .dk-formacion-guias-head h2 { margin: .35rem 0 .55rem; font-size: clamp(1.45rem, 2.4vw, 1.85rem); line-height: 1.2; } .dk-formacion-guias-head .dk-lead { margin: 0; } .dk-formacion-guias-more { margin: 1.25rem 0 0; font-size: .95rem; font-weight: 600; } .dk-formacion-guias-more a { color: var(--red, #e30613); } .dk-docs-hero-puntos { margin: 1rem 0 1.25rem; padding: 0; list-style: none; display: grid; gap: .55rem; max-width: 40rem; } .dk-docs-hero-puntos li { position: relative; padding-left: 1.15rem; font-size: .95rem; line-height: 1.45; } .dk-docs-hero-puntos li::before { content: ""; position: absolute; left: 0; top: .55em; width: .45rem; height: .45rem; border-radius: 50%; background: var(--red, #e30613); } .dk-docs-shot-sec { padding-block: 1.5rem 2.5rem; } .dk-docs-shot-head { max-width: 42rem; margin-bottom: 1.25rem; } .dk-docs-shot-head h2 { margin: .35rem 0 .55rem; font-size: clamp(1.35rem, 2.2vw, 1.75rem); line-height: 1.2; } .dk-docs-shot-grande { max-width: 980px; margin-inline: auto; } .dk-docs-shot-grande .dk-product-frame { border-radius: 14px; overflow: hidden; border: 1px solid rgba(28, 25, 23, .1); box-shadow: 0 14px 36px rgba(15, 23, 42, .1); background: #fff; } .dk-docs-shot-grande img { display: block; width: 100%; height: auto; object-fit: contain; object-position: left top; } .dk-docs-shot-grande figcaption { margin-top: .65rem; font-size: .78rem; color: var(--muted, #78716c); text-align: center; } .dk-docs-incluye-lista { margin: 1rem 0 0; padding: 0; list-style: none; display: grid; gap: .55rem; max-width: 40rem; } .dk-docs-incluye-lista li { position: relative; padding-left: 1.15rem; font-size: .95rem; line-height: 1.45; } .dk-docs-incluye-lista li::before { content: ""; position: absolute; left: 0; top: .55em; width: .45rem; height: .45rem; border-radius: 50%; background: var(--red, #e30613); } .dk-docs-hero .dk-hero-product .dk-product-frame { max-width: 420px; margin-inline: auto; } .dk-formacion-equipo-sec { padding-block: 1.75rem 2.5rem; } .dk-formacion-equipo-head { max-width: 40rem; margin-bottom: 1.25rem; } .dk-formacion-equipo-head h2 { margin: .35rem 0 .55rem; font-size: clamp(1.35rem, 2.2vw, 1.75rem); line-height: 1.2; } .dk-formacion-equipo-shot { max-width: 920px; margin-inline: auto; } .dk-formacion-equipo-shot .dk-product-frame { border-radius: 14px; overflow: hidden; border: 1px solid rgba(28, 25, 23, .1); box-shadow: 0 14px 36px rgba(15, 23, 42, .1); background: #fff; } .dk-formacion-equipo-shot img { display: block; width: 100%; height: auto; } .dk-formacion-equipo-shot figcaption { margin-top: .65rem; font-size: .78rem; color: var(--muted, #78716c); text-align: center; } .dk-ch-hero-puntos { margin: 1rem 0 1.25rem; padding: 0; list-style: none; display: grid; gap: .55rem; max-width: 40rem; } .dk-ch-hero-puntos li { position: relative; padding-left: 1.15rem; font-size: .95rem; line-height: 1.45; } .dk-ch-hero-puntos li::before { content: ""; position: absolute; left: 0; top: .55em; width: .45rem; height: .45rem; border-radius: 50%; background: var(--red, #e30613); } .dk-ch-hero .dk-ch-hero-phone { max-width: 280px; margin-inline: auto; } .dk-ch-hero .dk-ch-hero-phone .dk-product-frame { border-radius: 22px; overflow: hidden; } .dk-ch-hero .dk-ch-hero-phone img { display: block; width: 100%; height: auto; object-fit: contain; object-position: top center; } .dk-ch-shot-sec { padding-block: 1.5rem 2.5rem; } .dk-ch-shot-sec-alt { background: var(--surface-2, #fafaf9); } .dk-ch-shot-head { max-width: 40rem; margin-bottom: 1.25rem; } .dk-ch-shot-head h2 { margin: .35rem 0 .55rem; font-size: clamp(1.35rem, 2.2vw, 1.75rem); line-height: 1.2; } .dk-ch-shot-grande { max-width: 980px; margin-inline: auto; } .dk-ch-shot-grande .dk-product-frame { border-radius: 14px; overflow: hidden; border: 1px solid rgba(28, 25, 23, .1); box-shadow: 0 14px 36px rgba(15, 23, 42, .1); background: #fff; } .dk-ch-shot-grande img { display: block; width: 100%; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: left top !important; } .dk-ch-shot-grande figcaption { margin-top: .65rem; font-size: .78rem; color: var(--muted, #78716c); text-align: center; } .dk-home-hero .dk-home-hero-phone { max-width: 280px; margin-inline: auto; } .dk-home-hero .dk-home-hero-phone .dk-product-frame { border-radius: 22px; overflow: hidden; } .dk-home-hero .dk-home-hero-phone img { display: block; width: 100%; height: auto; object-fit: contain; object-position: top center; } .dk-home-mods { padding-block: 2rem 2.75rem; } .dk-home-mods-head { max-width: 40rem; margin: 0 auto 1.75rem; } .dk-home-mods-head .dk-lead { margin: .5rem auto 0; max-width: 36rem; } .dk-home-mod-grid { display: grid; gap: 1.25rem; grid-template-columns: 1fr; } @media (min-width: 640px) { .dk-home-mod-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px) { .dk-home-mod-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .dk-home-mod { display: flex; flex-direction: column; background: #fff; border: 1px solid rgba(28, 25, 23, .1); border-radius: 14px; overflow: hidden; text-decoration: none; color: inherit; box-shadow: 0 10px 28px rgba(15, 23, 42, .06); transition: box-shadow .18s ease, transform .18s ease; } .dk-home-mod:hover { box-shadow: 0 16px 36px rgba(15, 23, 42, .12); transform: translateY(-2px); } .dk-home-mod-frame { background: #f5f7f9; aspect-ratio: 16 / 10; overflow: hidden; } .dk-home-mod-frame img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top left; } .dk-home-mod-copy { padding: 1rem 1.1rem 1.15rem; display: grid; gap: .35rem; } .dk-home-mod-copy h3 { margin: 0; font-size: 1.05rem; line-height: 1.25; } .dk-home-mod-copy p { margin: 0; font-size: .9rem; line-height: 1.45; color: var(--muted, #78716c); } .dk-home-mod-cta { margin-top: .35rem; font-size: .88rem; font-weight: 600; color: var(--red, #e30613); } .dk-home-hero.dk-home-hero-fan { padding-block: 1.75rem 2rem; } .dk-home-hero-fan .dk-hero-grid-control { align-items: center; gap: 1.5rem 2rem; } .dk-home-hero-fan .dk-lead { max-width: 36rem; } .dk-home-fan { position: relative; width: min(100%, 380px); height: 320px; margin: 0 auto; flex-shrink: 0; } .dk-home-fan-phone { position: absolute; width: 46%; border-radius: 18px; overflow: hidden; background: #fff; border: 1px solid rgba(28, 25, 23, .12); box-shadow: 0 12px 28px rgba(15, 23, 42, .14); transform-origin: 50% 100%; } .dk-home-fan-phone img { display: block; width: 100%; height: auto; aspect-ratio: 9 / 19.5; object-fit: cover; object-position: top center; } .dk-home-fan-phone--left { left: 4%; bottom: 8%; z-index: 1; transform: rotate(-12deg) translateY(8px); } .dk-home-fan-phone--center { left: 27%; bottom: 0; width: 48%; z-index: 3; transform: rotate(0deg); box-shadow: 0 16px 36px rgba(15, 23, 42, .18); } .dk-home-fan-phone--right { right: 4%; left: auto; bottom: 8%; z-index: 2; transform: rotate(12deg) translateY(8px); } @media (max-width: 959px) { .dk-home-fan { height: 280px; width: min(100%, 300px); margin-top: .5rem; } } @media (max-width: 479px) { .dk-home-fan { height: 240px; } .dk-home-fan-phone { border-radius: 14px; } } .dk-hero-landing.dk-hero-control { padding: 2rem 0 1.5rem; } .dk-hero-landing .dk-hero-grid-control { grid-template-columns: minmax(280px, 1.15fr) minmax(200px, 0.7fr); gap: 1.5rem 1.75rem; align-items: center; } .dk-hero-landing .dk-hero-product { justify-self: center; width: min(100%, 220px); } .dk-ch-hero .dk-ch-hero-phone, .dk-vac-hero .dk-vac-hero-phone { max-width: 200px; } .dk-hero-landing .dk-hero-product .dk-shot-readable, .dk-agenda-hero .dk-hero-product .dk-product-shot, .dk-formacion-hero .dk-hero-product .dk-product-shot, .dk-docs-hero .dk-hero-product .dk-product-shot { width: min(100%, 340px); margin-inline: auto; } .dk-hero-landing .dk-hero-product .dk-shot-readable .dk-product-frame, .dk-agenda-hero .dk-hero-product .dk-product-frame, .dk-formacion-hero .dk-hero-product .dk-product-frame, .dk-docs-hero .dk-hero-product .dk-product-frame { max-width: 340px; margin-inline: auto; } .dk-formacion-hero .dk-product-shot-bare img, .dk-docs-hero .dk-hero-product img, .dk-agenda-hero .dk-hero-product img { max-height: min(52vh, 420px); width: 100%; height: auto; object-fit: contain; object-position: top center; } .dk-docs-hero .dk-hero-product .dk-product-frame { max-width: 340px; } @media (max-width: 879px) { .dk-hero-landing .dk-hero-grid-control { grid-template-columns: 1fr; gap: 1.25rem; } .dk-hero-landing .dk-hero-product { width: min(100%, 180px); } .dk-ch-hero .dk-ch-hero-phone, .dk-vac-hero .dk-vac-hero-phone { max-width: 168px; } .dk-hero-landing .dk-hero-product .dk-shot-readable, .dk-agenda-hero .dk-hero-product .dk-product-shot, .dk-formacion-hero .dk-hero-product .dk-product-shot, .dk-docs-hero .dk-hero-product .dk-product-shot { width: min(100%, 280px); } .dk-formacion-hero .dk-product-shot-bare img, .dk-docs-hero .dk-hero-product img, .dk-agenda-hero .dk-hero-product img { max-height: min(42vh, 320px); } } .dk-formacion-hero.dk-hero-landing .dk-hero-grid-control { grid-template-columns: minmax(260px, 0.95fr) minmax(320px, 1.15fr); gap: 1.5rem 2rem; align-items: center; } .dk-formacion-hero .dk-hero-product { width: min(100%, 520px) !important; justify-self: stretch; } .dk-formacion-hero .dk-hero-product .dk-product-shot, .dk-formacion-hero .dk-hero-product .dk-shot-readable { width: 100% !important; max-width: none; margin-inline: 0; } .dk-formacion-hero .dk-hero-product .dk-product-frame { max-width: none !important; width: 100%; margin-inline: 0; } .dk-formacion-hero .dk-product-shot-bare img, .dk-formacion-hero .dk-hero-product img { max-height: min(68vh, 560px) !important; width: 100%; height: auto; object-fit: contain; object-position: top left; } @media (max-width: 879px) { .dk-formacion-hero.dk-hero-landing .dk-hero-grid-control { grid-template-columns: 1fr; } .dk-formacion-hero .dk-hero-product { width: min(100%, 420px) !important; margin-inline: auto; } .dk-formacion-hero .dk-product-shot-bare img, .dk-formacion-hero .dk-hero-product img { max-height: min(50vh, 400px) !important; } } .dk-docs-hero.dk-hero-landing .dk-hero-grid-control { grid-template-columns: minmax(260px, 0.95fr) minmax(320px, 1.15fr); gap: 1.5rem 2rem; align-items: center; } .dk-docs-hero .dk-hero-product { width: min(100%, 520px) !important; justify-self: stretch; } .dk-docs-hero .dk-hero-product .dk-product-shot, .dk-docs-hero .dk-hero-product .dk-shot-readable { width: 100% !important; max-width: none; margin-inline: 0; } .dk-docs-hero .dk-hero-product .dk-product-frame { max-width: none !important; width: 100%; margin-inline: 0; } .dk-docs-hero .dk-hero-product img { max-height: min(68vh, 560px) !important; width: 100%; height: auto; object-fit: contain; object-position: top center; } @media (max-width: 879px) { .dk-docs-hero.dk-hero-landing .dk-hero-grid-control { grid-template-columns: 1fr; } .dk-docs-hero .dk-hero-product { width: min(100%, 420px) !important; margin-inline: auto; } .dk-docs-hero .dk-hero-product img { max-height: min(50vh, 400px) !important; } } .dk-agenda-hero.dk-hero-landing .dk-hero-grid-control { grid-template-columns: minmax(260px, 0.95fr) minmax(320px, 1.15fr); gap: 1.5rem 2rem; align-items: center; } .dk-agenda-hero .dk-hero-product { width: min(100%, 520px) !important; justify-self: stretch; } .dk-agenda-hero .dk-hero-product .dk-product-shot, .dk-agenda-hero .dk-hero-product .dk-shot-readable { width: 100% !important; max-width: none; margin-inline: 0; } .dk-agenda-hero .dk-hero-product .dk-product-frame { max-width: none !important; width: 100%; margin-inline: 0; } .dk-agenda-hero .dk-hero-product img { max-height: min(68vh, 560px) !important; width: 100%; height: auto; object-fit: contain; object-position: top center; } @media (max-width: 879px) { .dk-agenda-hero.dk-hero-landing .dk-hero-grid-control { grid-template-columns: 1fr; } .dk-agenda-hero .dk-hero-product { width: min(100%, 420px) !important; margin-inline: auto; } .dk-agenda-hero .dk-hero-product img { max-height: min(50vh, 400px) !important; } } .dk-home-hero.dk-home-hero-fan { padding-block: 2rem 2.25rem; } .dk-home-hero-fan.dk-hero-landing .dk-hero-grid-control { grid-template-columns: minmax(260px, 0.95fr) minmax(340px, 1.15fr); gap: 1.5rem 2rem; align-items: center; } .dk-home-hero-fan .dk-hero-product { width: min(100%, 520px) !important; justify-self: stretch; } .dk-home-fan { width: min(100%, 500px); height: 430px; margin: 0 auto; } .dk-home-fan-phone { width: 44%; border-radius: 20px; } .dk-home-fan-phone--center { width: 48%; } @media (max-width: 959px) { .dk-home-fan { width: min(100%, 380px); height: 340px; } } @media (max-width: 479px) { .dk-home-fan { width: min(100%, 300px); height: 290px; } } html { overflow-x: clip; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } body { overflow-x: clip; } body.is-nav-open { overflow: hidden; } .dk-nav-acceso { display: none; } @media (max-width: 900px) { :root { --container: min(1120px, calc(100% - 1.5rem)); --header-h: 60px; --tap: 44px; } .dk-header-inner { position: relative; gap: .5rem; min-height: var(--header-h); min-width: 0; padding: .4rem 0; } .dk-logo { min-width: 0; flex: 0 1 auto; } .dk-logo img { height: 28px; } .dk-nav-toggle { width: var(--tap); height: var(--tap); min-width: var(--tap); min-height: var(--tap); display: flex; align-items: center; justify-content: center; gap: 5px; padding: 0; margin-left: 0; flex: 0 0 var(--tap); } .dk-nav-toggle span { transition: transform .2s ease, opacity .2s ease; } .dk-nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); } .dk-nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; } .dk-nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } .dk-header-cta { flex: 0 0 auto; } .dk-header-cta .dk-btn-sm { min-height: var(--tap); padding: .55rem .8rem; } .dk-nav { display: none; position: fixed; left: 0; right: 0; top: var(--header-h); z-index: 120; width: 100%; height: calc(100vh - var(--header-h)); height: calc(100dvh - var(--header-h)); max-height: none; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #fff; border-bottom: 0; flex-direction: column; align-items: stretch; padding: .35rem 1.1rem calc(1.4rem + env(safe-area-inset-bottom, 0px)); gap: 0; box-shadow: 0 18px 40px rgba(15, 23, 42, .12); } .dk-nav.is-open { display: flex; } .dk-nav > a, .dk-nav-btn { min-height: var(--tap); display: flex; align-items: center; width: 100%; padding: .7rem 0; font-size: 1.05rem; color: var(--text); text-align: left; } .dk-nav-group { width: 100%; } .dk-nav-drop { width: 100%; } .dk-nav-drop a { min-height: var(--tap); display: flex; align-items: center; padding: .55rem 0 .55rem .9rem; font-size: 1rem; } .dk-nav-acceso { display: flex; margin-top: .35rem; border-top: 1px solid var(--border); } .dk-search-strip { padding: .4rem 0; } .dk-search--strip { max-width: none; } .dk-search input[type="search"] { min-height: var(--tap); font-size: 16px; padding: .55rem .2rem .55rem .95rem; } .dk-search-submit { width: var(--tap); height: var(--tap); } .dk-cta-band { padding: 1.45rem 1.1rem; } .dk-cta-band-actions { width: 100%; } .dk-cta-band-actions .dk-btn { width: 100%; white-space: normal; min-height: var(--tap); } .dk-page-hero h1, .dk-hero h1 { max-width: none; overflow-wrap: anywhere; } .dk-footer a, .dk-footer li { min-height: var(--tap); } .dk-footer a { display: inline-flex; align-items: center; } .dk-footer-grid { gap: 1.35rem 1rem; } } @media (max-width: 600px) { .dk-btn { white-space: normal; text-align: center; max-width: 100%; } .dk-hero { padding: 1.85rem 0 2rem; } .dk-hero h1 { font-size: 1.85rem; } .dk-hero-word { font-size: 1.35rem; overflow: hidden; } .dk-rotate { min-width: 0; } .dk-hero-actions { width: 100%; } .dk-hero-actions .dk-btn, .dk-page-hero-actions .dk-btn, .dk-form .dk-btn { width: 100%; min-height: 48px; } .dk-mockup-scene { max-width: 100%; margin-inline: 0; padding: .55rem .1rem .1rem; } .dk-pricebar-inner { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: .4rem; text-align: left; } .dk-pricebar-inner p, .dk-pricebar-inner a, .dk-pricebar-inner strong { overflow-wrap: anywhere; } .dk-plan-rec h3 { padding-right: 0; } .dk-plan-rec .dk-badge { position: static; margin: 0 0 .45rem; align-self: flex-start; } .dk-plan, .dk-pw-card { min-width: 0; } .dk-plan-y1, .dk-pw-amount { overflow-wrap: anywhere; } .dk-form { padding: 1.15rem 1rem; min-width: 0; } .dk-form input, .dk-form select, .dk-form textarea { min-height: 48px; font-size: 16px; padding: .85rem .95rem; } .dk-form textarea { min-height: 7.5rem; } .dk-form-check { gap: .85rem; padding: .15rem 0 .35rem; } .dk-form-check input[type="checkbox"] { width: 22px; height: 22px; min-width: 22px; min-height: 22px; margin-top: .2rem; accent-color: var(--red); } .dk-form-clausula, .dk-form-check span { overflow-wrap: anywhere; } .dk-diff-meta dd { white-space: normal; overflow-wrap: anywhere; } .dk-modal-panel { width: min(26.5rem, calc(100% - 1.5rem)); padding: 1.5rem 1.15rem 1.3rem; } .dk-faq summary, .dk-faq details > p { overflow-wrap: anywhere; } .dk-cmp-table { font-size: .82rem; } .dk-cmp-table th, .dk-cmp-table td { padding: .5rem .45rem; overflow-wrap: anywhere; } } @media (max-width: 380px) { .dk-header-cta .dk-btn-sm { padding: .5rem .65rem; font-size: .8rem; } .dk-logo img { height: 26px; } } @media (max-width: 759px) { .dk-hp-card { padding: 1.35rem 1.1rem 1.2rem; } .dk-hp-card h3 { padding-right: 0; } .dk-hp-card .dk-badge { position: static; align-self: flex-start; margin: 0 0 .5rem; } .dk-hp-duo { grid-template-columns: 1fr; } .dk-hp-duo-item + .dk-hp-duo-item { border-left: 0; border-top: 1px solid var(--border); } .dk-hp-row { flex-direction: column; align-items: flex-start; gap: .55rem; } .dk-hp-y1, .dk-hp-y2 { overflow-wrap: anywhere; } } @media (max-width: 759px) { .dk-hp-bar { padding: 1.8rem 0 2rem; } .dk-hp-bar-grid { grid-template-columns: 1fr; max-width: 22rem; } .dk-hp-bar-duo { grid-template-columns: 1fr; } .dk-hp-bar-duo > span + span { border-left: 0; border-top: 1px solid var(--border); } } @media (max-width: 720px) { .dk-hero-fase2 { padding-top: 1.6rem; padding-bottom: 2rem; } .dk-control-compact, .dk-docs-brief, .dk-home-precios-brief { padding-top: 2.4rem; padding-bottom: 2.4rem; } .dk-page-hero-prueba { padding-top: 1.5rem; padding-bottom: .85rem; } .dk-hero-fase2 .dk-hero-grid, .dk-hero-fase2 .dk-hero-grid-control { display: flex !important; flex-direction: column !important; grid-template-columns: minmax(0, 1fr) !important; } .dk-hero-fase2 .dk-hero-copy { order: 0; } .dk-hero-fase2 .dk-hero-product { order: 0 !important; } .dk-hero-fase2 .dk-hero-copy, .dk-hero-fase2 .dk-hero-product, .dk-hero-fase2 .dk-product-frame, .dk-hero-fase2 img { max-width: 100%; min-width: 0; } .dk-hero-fase2 h1 { max-width: none !important; letter-spacing: -.02em; } .dk-pw-fase2 .dk-pw-hero .dk-lead { font-size: .95rem; margin-bottom: .85rem; } .dk-container { box-sizing: border-box; max-width: 100%; } :root { --container: min(1120px, calc(100% - 1.25rem)); } } @media (max-width: 719px) { .dk-hero-v2 .dk-hero-copy h1 { max-width: none; } .dk-feat-grid { gap: 1.25rem; } .dk-formacion-card > p { padding-bottom: 1rem; } .dk-formacion-detail { gap: 1rem; } } @media (max-width: 900px) { .dk-nav-probar { display: flex !important; margin-top: 0.5rem; width: 100%; justify-content: center; min-height: var(--tap, 44px); } } @media (max-width: 719px) { .dk-vac-shot, .dk-vac-shot img { max-width: 100%; } .dk-vac-shot--grande img { width: 100%; height: auto; max-height: none; object-fit: contain; } } @media (prefers-reduced-motion: no-preference) { @keyframes dk-fan-in-left { from { opacity: 0; transform: rotate(-12deg) translateY(20px); } to { opacity: 1; transform: rotate(-12deg) translateY(8px); } } @keyframes dk-fan-in-center { from { opacity: 0; transform: rotate(0deg) translateY(14px); } to { opacity: 1; transform: rotate(0deg) translateY(0); } } @keyframes dk-fan-in-right { from { opacity: 0; transform: rotate(12deg) translateY(20px); } to { opacity: 1; transform: rotate(12deg) translateY(8px); } } .dk-home-fan-phone--left { animation: dk-fan-in-left 500ms ease both; animation-delay: 60ms; } .dk-home-fan-phone--center { animation: dk-fan-in-center 500ms ease both; animation-delay: 140ms; } .dk-home-fan-phone--right { animation: dk-fan-in-right 500ms ease both; animation-delay: 220ms; } } @media (prefers-reduced-motion: no-preference) { @keyframes dk-mod-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } html:not(.dk-motion-js) .dk-home-mod-grid > .dk-home-mod:nth-child(1), html:not(.dk-motion-js) .dk-home-mod-grid > .dk-home-mod:nth-child(2), html:not(.dk-motion-js) .dk-home-mod-grid > .dk-home-mod:nth-child(3) { animation: dk-mod-in 500ms ease both; } html:not(.dk-motion-js) .dk-home-mod-grid > .dk-home-mod:nth-child(1) { animation-delay: 80ms; } html:not(.dk-motion-js) .dk-home-mod-grid > .dk-home-mod:nth-child(2) { animation-delay: 160ms; } html:not(.dk-motion-js) .dk-home-mod-grid > .dk-home-mod:nth-child(3) { animation-delay: 240ms; } html.dk-motion-js .dk-home-mod { opacity: 0; transform: translateY(10px); transition: opacity 500ms ease, transform 500ms ease, box-shadow 180ms ease; } html.dk-motion-js .dk-home-mod.dk-inview { opacity: 1; transform: translateY(0); } html.dk-motion-js .dk-home-mod.dk-inview:hover { transform: translateY(-2px); } } @media (prefers-reduced-motion: reduce) { .dk-home-fan-phone--left, .dk-home-fan-phone--center, .dk-home-fan-phone--right, .dk-home-mod { animation: none !important; transition: none !important; opacity: 1 !important; } .dk-home-fan-phone--left { transform: rotate(-12deg) translateY(8px); } .dk-home-fan-phone--center { transform: rotate(0deg); } .dk-home-fan-phone--right { transform: rotate(12deg) translateY(8px); } html.dk-motion-js .dk-home-mod { opacity: 1; transform: none; } html.dk-motion-js .dk-home-mod:hover { transform: none; } } @media (max-width: 639px) { .dk-home-hero-fan { padding-block: 1.25rem 1.5rem; } .dk-home-hero-fan .dk-lead { font-size: .95rem; } .dk-home-hero-fan .dk-hero-fine { margin: .35rem 0 .25rem; position: relative; z-index: 2; } .dk-home-hero-fan .dk-hero-product { margin-top: 1.1rem; padding-top: .35rem; } .dk-home-fan { height: 210px; width: min(100%, 250px); margin-top: .25rem; } .dk-home-mod-grid { gap: 1rem; } .dk-home-mod-frame { min-height: 9.5rem; } } @media(min-width:1101px){.dk-header-inner{flex-wrap:nowrap;gap:18px}.dk-logo,.dk-header-cta{flex-shrink:0}.dk-nav{gap:16px;flex-wrap:nowrap}.dk-nav>a{white-space:nowrap}.dk-header-cta .dk-btn{white-space:nowrap}} @media(min-width:901px) and (max-width:1100px){ :root{--header-h:64px}.dk-header-inner{position:relative;display:flex;flex-wrap:nowrap;gap:14px;min-height:64px;padding:10px 0}.dk-logo{order:1;flex-shrink:0}.dk-header-cta{order:2;margin-left:auto;display:flex!important;flex-shrink:0}.dk-header-cta-login,.dk-header-cta-desktop{display:inline-flex!important}.dk-header-cta-mobile{display:none!important}.dk-nav-toggle{order:3;display:flex;width:44px;height:44px;min-width:44px;margin-left:0;flex-shrink:0}.dk-nav{display:none;position:absolute;inset:100% 0 auto 0;margin:0;width:100%;padding:16px 24px;max-height:calc(100dvh - 84px);overflow-y:auto;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid #e6e6e6;box-shadow:0 14px 30px #00000010;z-index:120}.dk-nav.is-open{display:flex}.dk-nav>a{display:flex;align-items:center;min-height:46px;padding:10px 0;font-size:16px;white-space:nowrap}.dk-nav .dk-nav-acceso,.dk-nav .dk-nav-probar{display:none!important}} body.dk-editorial{--red:#c8001a;--red-dark:#a00015;--bg:#f6f5f0;--bg-soft:#eeeee6;--text:#232421;--muted:#565c50;--border:#d4d6ca;--radius:0;--radius-sm:0;--shadow:none;--shadow-lg:none;--ed-paper:#f6f5f0;--ed-ink:#232421;--ed-line:#d4d6ca;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif} body.dk-editorial .dk-container{width:min(1320px,calc(100% - 96px));max-width:1320px} body.dk-editorial .dk-staging-bar{background:#e8e6de;color:#55564f;font-size:11px;padding:7px 20px;text-align:center} body.dk-editorial .dk-header{position:relative;background:var(--bg);box-shadow:none;border-bottom:1px solid var(--border);backdrop-filter:none} body.dk-editorial .dk-header-inner{min-height:86px} body.dk-editorial .dk-logo img{width:128px;height:auto} body.dk-editorial .dk-nav>a{font-size:12px;font-weight:500;color:var(--text)} body.dk-editorial .dk-nav-drop{border-radius:0;box-shadow:0 12px 24px #2324210d;background:var(--bg)} body.dk-editorial .dk-btn{border-radius:0;box-shadow:none;font-size:13px;font-weight:600;letter-spacing:0;padding:14px 21px;white-space:normal;transition:background .2s,color .2s,transform .2s} body.dk-editorial .dk-btn-red{background:var(--red);border:1px solid var(--red);color:#fff} body.dk-editorial .dk-btn-red:hover{background:var(--red-dark);transform:translateY(-2px)} body.dk-editorial .dk-btn-outline,body.dk-editorial .dk-header-cta-login{background:transparent;border:1px solid var(--text);color:var(--text)} body.dk-editorial :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--red);outline-offset:4px} body.dk-editorial .dk-breadcrumb{font-size:12px;padding-block:22px;color:var(--muted)} body.dk-editorial:not(:has(.dk-ed-masthead)) :is(.dk-hero,.dk-page-hero){background:var(--bg);padding-block:64px 80px;border-bottom:1px solid var(--border)} body.dk-editorial:not(:has(.dk-ed-masthead)) :is(.dk-hero,.dk-page-hero) h1{font-size:clamp(42px,4.8vw,68px);line-height:1.06;font-weight:400;letter-spacing:-.055em;color:var(--text);margin-bottom:28px;text-wrap:balance} body.dk-editorial .dk-kicker{font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.13em;font-weight:600;color:#b60018;margin-bottom:20px} body.dk-editorial .dk-lead{font-size:17px;line-height:1.7;color:var(--muted)} body.dk-editorial:not(:has(.dk-ed-masthead)) .dk-section{padding-block:80px;background:var(--bg);border-color:var(--border)} body.dk-editorial:not(:has(.dk-ed-masthead)) .dk-section-soft{background:var(--bg-soft)} body.dk-editorial:not(:has(.dk-ed-masthead)) :is(.dk-section-head,.dk-ch-shot-head,.dk-vac-shot-head,.dk-agenda-shot-head,.dk-docs-shot-head) h2{font-size:clamp(32px,3.5vw,48px);line-height:1.12;letter-spacing:-.045em;font-weight:400;color:var(--text)} body.dk-editorial:not(:has(.dk-ed-masthead)) h3{font-weight:500;letter-spacing:-.025em;line-height:1.3} body.dk-editorial :is(.dk-card,.dk-ob-card,.dk-form,.dk-about-block,.dk-training-preview){background:var(--bg-soft);border:1px solid var(--border);border-radius:0;box-shadow:none} body.dk-editorial .dk-card{padding:30px} body.dk-editorial .dk-card-icon{background:transparent;border-radius:0;color:var(--red)} body.dk-editorial .dk-card-grid{gap:28px} body.dk-editorial .dk-product-frame,body.dk-editorial .dk-ob-preview{border-radius:0;box-shadow:none;border:1px solid var(--border);background:#e9e8e0} body.dk-editorial :is(.dk-ch-shot-grande,.dk-vac-shot-grande,.dk-agenda-shot-grande,.dk-docs-shot-grande){background:var(--bg-soft);padding:24px;border:1px solid var(--border);border-radius:0} body.dk-editorial :is(.dk-ch-shot-grande,.dk-vac-shot-grande,.dk-agenda-shot-grande,.dk-docs-shot-grande) img{height:auto;max-height:none;object-fit:contain} body.dk-editorial .dk-product-shot figcaption{font-size:13px;line-height:1.65;color:var(--muted);padding-top:16px} body.dk-editorial .dk-faq{max-width:960px} body.dk-editorial .dk-faq details{background:transparent;border:0;border-top:1px solid var(--border);border-radius:0;box-shadow:none;padding:20px 0} body.dk-editorial .dk-faq summary{font-weight:500;font-size:18px;line-height:1.5} body.dk-editorial .dk-faq details>p{font-size:15px;line-height:1.75} body.dk-editorial:not(:has(.dk-ed-masthead)) .dk-section-cta{background:var(--red);color:white;padding-block:68px} body.dk-editorial .dk-section-cta .dk-cta-band{border:0;border-radius:0;box-shadow:none;background:transparent;padding:0;gap:36px} body.dk-editorial .dk-section-cta .dk-cta-band h2{color:white;font-size:clamp(32px,3.5vw,48px);font-weight:400;line-height:1.12;letter-spacing:-.04em} body.dk-editorial .dk-section-cta .dk-cta-band p{color:#ffe9eb} body.dk-editorial .dk-section-cta .dk-btn-red{background:white;border-color:white;color:#a90016!important} body.dk-editorial .dk-section-cta :is(.dk-btn-ghost,.dk-btn-outline){background:transparent;border-color:white;color:white!important} body.dk-editorial .dk-footer{background:#20221e;color:#d0d3c6;border:0;padding-top:65px} body.dk-editorial .dk-footer a{color:#d0d3c6} body.dk-editorial .dk-footer summary,body.dk-editorial .dk-footer h3{color:white;letter-spacing:.08em;font-size:11px;text-transform:uppercase} body.dk-editorial .dk-footer a:hover{color:white;text-decoration:underline} body.dk-editorial .dk-footer-bottom{border-color:#505349} body.dk-editorial :is(.dk-legal,.page-wrap){max-width:900px;padding:64px 24px 80px} body.dk-editorial :is(.dk-legal,.page-wrap) h1{font-size:clamp(38px,4.8vw,60px);font-weight:400;line-height:1.1;letter-spacing:-.045em;margin-bottom:28px} body.dk-editorial :is(.dk-legal,.page-wrap) h2{font-size:25px;line-height:1.25;font-weight:500;letter-spacing:-.03em;margin-top:40px} body.dk-editorial :is(.dk-legal,.page-wrap) h3{font-size:19px;margin-top:28px} body.dk-editorial :is(.dk-legal,.page-wrap) :is(p,li){font-size:16px;line-height:1.8;overflow-wrap:anywhere} body.dk-editorial :is(.dk-legal,.page-wrap) table{display:block;max-width:100%;overflow-x:auto} body.dk-editorial .dk-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#fcfbf7;border:1px solid #92988a;border-radius:0;min-width:0;max-width:100%;color:var(--text)} body.dk-editorial .dk-form :is(input[type=checkbox],input[type=radio]){accent-color:var(--red)} body.dk-editorial .dk-pw{background:var(--bg)} body.dk-editorial .dk-price-intro h1{font-size:clamp(42px,4.8vw,68px);font-weight:400;letter-spacing:-.05em;line-height:1.08} body.dk-editorial :is(.dk-price-config,.dk-price-result,.dk-pw-mini,.dk-pw-consult,.dk-pw-contract,.dk-pw-details){border-radius:0;box-shadow:none;border-color:var(--border)} body.dk-editorial .dk-price-config{background:var(--bg-soft)} body.dk-editorial .dk-price-result{background:#fcfbf7;color:var(--text)} body.dk-editorial .dk-pw-section{border-color:var(--border)} body.dk-editorial .dk-price-amount{font-weight:400;letter-spacing:-.055em} body.dk-editorial .dk-pw-table-wrap{border-radius:0;box-shadow:none} body.dk-editorial :is(.dk-pw-table,.dk-price-table) th{background:#e9e8e0;color:var(--text)} body.dk-editorial .dk-formacion-hero,body.dk-editorial .dk-formacion-cat-page,body.dk-editorial .dk-formacion-indice-hero,body.dk-editorial .dk-formacion-indice-sec{background:var(--bg)!important} body.dk-editorial .dk-formacion-cat .dk-formacion-cat-card{background:var(--bg-soft);border-color:var(--border);border-radius:0;box-shadow:none} body.dk-editorial .dk-formacion-cat .dk-formacion-cat-body{padding:24px} body.dk-editorial .dk-formacion-cat .dk-formacion-cat-tit{font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.025em} body.dk-editorial .dk-formacion-cat .dk-formacion-cat-cover{background:var(--bg-soft);padding:16px 16px 0} body.dk-editorial .dk-formacion-indice-lista .dk-formacion-indice-item{background:transparent;border-color:var(--border)} body.dk-editorial .dk-training-preview--app{background:var(--bg-soft);padding:20px;border-radius:0;box-shadow:none} body.dk-editorial .dk-search-pageform :is(input,button){border-radius:0} body.dk-editorial .dk-search-hits li{border-color:var(--border);border-radius:0;background:var(--bg-soft)} @media(max-width:1100px){body.dk-editorial .dk-container{width:calc(100% - 56px)}} @media(max-width:700px){body.dk-editorial .dk-container{width:calc(100% - 40px)}body.dk-editorial .dk-header-inner{min-height:76px}body.dk-editorial .dk-btn{padding:13px 15px;font-size:12px}body.dk-editorial:not(:has(.dk-ed-masthead)) :is(.dk-hero,.dk-page-hero){padding-block:38px 48px}body.dk-editorial:not(:has(.dk-ed-masthead)) :is(.dk-hero,.dk-page-hero) h1{font-size:40px}body.dk-editorial:not(:has(.dk-ed-masthead)) .dk-section{padding-block:52px}body.dk-editorial .dk-card{padding:24px}body.dk-editorial .dk-section-cta .dk-cta-band{display:block}body.dk-editorial .dk-cta-band-actions{margin-top:24px}body.dk-editorial :is(.dk-legal,.page-wrap){padding:38px 20px 56px}body.dk-editorial :is(.dk-legal,.page-wrap) h1{font-size:38px}body.dk-editorial :is(.dk-ch-shot-grande,.dk-vac-shot-grande,.dk-agenda-shot-grande,.dk-docs-shot-grande){padding:14px}body.dk-editorial .dk-formacion-categoria-head{flex-wrap:wrap}} @media(prefers-reduced-motion:reduce){body.dk-editorial .dk-btn{transition:none;transform:none}html{scroll-behavior:auto}} body.dk-editorial :is(.dk-section-cta,.dk-footer,.dk-ob-home) :is(a,button,input,select,textarea,summary):focus-visible{outline-color:#fff} body.dk-editorial .dk-price-intro{background:var(--bg);text-align:left;padding-block:64px 32px} body.dk-editorial .dk-price-intro h1{max-width:1000px;margin-inline:0} body.dk-editorial .dk-price-config{background:transparent} body.dk-editorial .dk-price-controls :is(select,input){border-radius:0;background:#fcfbf7} body.dk-editorial .dk-price-result .dk-price-renewal{background:var(--bg-soft);border-radius:0} body.dk-editorial .dk-price-result .dk-price-renewal strong{font-weight:500} @media(max-width:700px){body.dk-editorial .dk-price-intro{padding-top:36px}body.dk-editorial .dk-price-intro h1{font-size:40px}} body.dk-editorial .dk-skip-link{position:fixed;left:16px;top:10px;z-index:9999;background:#232421;color:#fff;padding:12px 18px;transform:translateY(-160%)} body.dk-editorial .dk-skip-link:focus{transform:translateY(0);outline:2px solid #fff;outline-offset:2px} body.dk-editorial main#contenido:focus{outline:none} @media(max-width:900px){body.dk-editorial .dk-nav{position:absolute;top:100%;bottom:auto;left:0;right:0;height:auto;max-height:calc(100dvh - 140px);overflow-y:auto;background:var(--bg);border-bottom:1px solid var(--border)}body.dk-editorial .dk-nav-toggle{position:relative;z-index:121}} body.dk-editorial .dk-vac-hero .dk-vac-hero-phone{width:282px;max-width:100%;margin-inline:auto} body.dk-editorial .dk-vac-hero .dk-vac-hero-phone img{width:100%;height:auto;max-height:none;object-fit:contain} @media(max-width:700px){body.dk-editorial .dk-vac-hero .dk-vac-hero-phone{width:242px;max-width:100%}} @media(min-width:901px){body.dk-editorial .dk-agenda-hero .dk-hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px}body.dk-editorial .dk-agenda-hero .dk-hero-product{width:100%;max-width:none;min-width:0}body.dk-editorial .dk-agenda-hero .dk-product-shot{width:100%;max-width:none}body.dk-editorial .dk-agenda-hero h1{font-size:clamp(42px,4vw,60px)}body.dk-editorial .dk-agenda-hero .dk-lead{font-size:16px}} body.dk-editorial .dk-agenda-hero .dk-product-frame{padding:0} body.dk-editorial .dk-agenda-hero .dk-product-frame img{width:100%;height:auto;max-height:none;object-fit:contain} @media(max-width:900px){body.dk-editorial .dk-agenda-hero .dk-hero-product,body.dk-editorial .dk-agenda-hero .dk-product-shot{width:100%;max-width:none}} body.dk-editorial .dk-agenda-hero .dk-hero-product{width:100%!important;max-width:none!important}