/* Repkom: estilos consolidados de la portada V45. */
.rk-marketing{--yellow:#FACC15;--ink:#17212c;--muted:#465464;--dark:#202832;--line:#dce3e9;--paper:#f6f8fb;scroll-behavior:smooth;margin:0;color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#fff;}
.rk-marketing *{box-sizing:border-box;}
.rk-marketing a{text-decoration:none;color:inherit;}
.rk-marketing .wrap{max-width:1220px;margin:auto;padding:0 32px;}
.rk-marketing .btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;position:relative;overflow:hidden;isolation:isolate;min-height:49px;padding:12px 23px;border-radius:9px;font-size:14px;font-weight:850;letter-spacing:.005em;transition:box-shadow .18s ease,filter .18s ease,border-color .18s ease;border:1px solid transparent;white-space:nowrap;cursor:pointer;}
.rk-marketing .btn:hover{filter:brightness(1.075);box-shadow:inset 0 1px 0 #ffffffa0,0 12px 26px #17212c38;}
.rk-marketing .btn:before{content:"";position:absolute;inset:-40%auto -40% -70%;width:45%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,#fff9,transparent);pointer-events:none;opacity:0;}
.rk-marketing .btn:hover:before{animation:rk-button-shine .7s ease-out 1;}
.rk-marketing .btn:focus-visible:before{animation:rk-button-shine .7s ease-out 1;}
.rk-marketing .btn:focus-visible{outline:3px solid #806000;outline-offset:4px;filter:brightness(1.06);}
.rk-marketing .btn:active{filter:brightness(.92);box-shadow:inset 0 3px 9px #0003,0 2px 5px #17212c22;}
.rk-marketing .btn-yellow{background:linear-gradient(120deg,#D9A500,#FACC15 38%,#FFE76A 55%,#E7B900);border-color:#B88C00;color:#101820;box-shadow:inset 0 1px #fff8,0 7px 20px #131b2530;}
.rk-marketing .btn-dark{background:linear-gradient(120deg,#202832,#4A5663 52%,#202832);border-color:#151B22;color:#fff;box-shadow:inset 0 1px #ffffff55,0 7px 20px #18212c28;}
.rk-marketing .hero{background:#fff;position:relative;overflow:hidden;border-bottom:0;background-image:none;border:0;}
.rk-marketing .hero:after{content:"";position:absolute;width:550px;height:550px;border:1px solid #dce5ee;border-radius:50%;right:-230px;top:60px;pointer-events:none;display:none;}
.rk-marketing .hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:48px;padding-top:94px;padding-bottom:105px;position:relative;z-index:1;}
.rk-marketing .hero h1{font-size:clamp(58px,8.5vw,116px);line-height:.99;letter-spacing:-.077em;margin:32px 0 28px;font-weight:900;text-align:center;}
.rk-marketing .highlight{color:#D5A600;background:none;box-decoration-break:initial;-webkit-box-decoration-break:initial;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:#D5A600;}
.rk-marketing .hero .lead{font-size:clamp(17px,1.75vw,20px);line-height:1.72;color:#3e4d5d;margin:0 0 27px;font-weight:480;letter-spacing:-.018em;max-width:none;width:100%;text-align:center;}
.rk-marketing .actions{display:flex;gap:12px;flex-wrap:wrap;}
.rk-marketing .section{padding:100px 0;border:0;padding-top:54px;padding-bottom:54px;}
.rk-marketing .section-head{display:flex;justify-content:flex-start;gap:15px;margin-bottom:34px;flex-direction:column;align-items:center;text-align:center;width:100%;}
.rk-marketing .eyebrow{margin-bottom:12px;text-align:center;font-size:15px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#937100;line-height:1.25;}
.rk-marketing .section h2{font-size:clamp(34px,4vw,53px);line-height:1.12;letter-spacing:-.06em;margin:0;text-align:center;}
.rk-marketing .section-head p{color:#4c5b6b;font-size:16px;margin:0;line-height:1.7;font-weight:480;max-width:none;width:100%;text-align:center;}
.rk-marketing .features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.rk-marketing .feature{padding:30px;border:1px solid #647080;border-radius:17px;background:linear-gradient(145deg,#34414e,#1b242e 75%);box-shadow:0 16px 40px #0004;transition:transform .22s,border-color .22s;border-top:3px solid #FACC15;overflow:hidden;color:#edf2f8;}
.rk-marketing .feature:hover{transform:translateY(-5px);border-color:#e9ca43;box-shadow:0 16px 40px #0004;}
.rk-marketing .feature .ico{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:linear-gradient(120deg,#d9a500,#facc15 38%,#ffe76a 55%,#e7b900);color:#101820;font-size:25px;margin-bottom:26px;border:1px solid #b88c00;box-shadow:inset 0 1px 0#fff8,0 7px 20px #131b2530;}
.rk-marketing .feature h3{font-size:21px;letter-spacing:-.04em;margin:0 0 8px;color:#edf2f8;position:relative;padding-bottom:17px;margin-bottom:16px;text-align:left;}
.rk-marketing .feature p{color:#d1dbe5;font-size:15px;line-height:1.75;margin:0;font-weight:500;position:relative;z-index:1;}
.rk-marketing .feature.feature-dark{background:linear-gradient(145deg,#34414e,#1b242e 75%);color:#edf2f8;border-color:#2b3540;border:1px solid #647080;border-top:3px solid #FACC15;border-radius:17px;overflow:hidden;box-shadow:0 16px 40px #0004;transition:transform .22s,border-color .22s;}
.rk-marketing .feature.feature-dark .ico{background:linear-gradient(120deg,#d9a500,#facc15 38%,#ffe76a 55%,#e7b900);border-color:#facc15;color:#101820;border:1px solid #b88c00;box-shadow:inset 0 1px 0#fff8,0 7px 20px #131b2530;}
.rk-marketing .feature.feature-dark p{color:#d1dbe5;font-weight:500;font-size:15px;line-height:1.75;}
.rk-marketing .workflow{background:transparent;border-top:1px solid #dce4ec;border-bottom:1px solid #dce4ec;border:0;}
.rk-marketing .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px;}
.rk-marketing .step{background:linear-gradient(145deg,#34414e,#1b242e 75%);padding:28px;border:1px solid #647080;border-radius:17px;border-top:3px solid #FACC15;overflow:hidden;box-shadow:0 16px 40px #0004;color:#edf2f8;transition:transform .22s,border-color .22s;}
.rk-marketing .step .number{font-size:13px;font-weight:900;color:#101820;background:linear-gradient(120deg,#d9a500,#facc15 38%,#ffe76a 55%,#e7b900);border-radius:7px;padding:7px 11px;display:inline-block;margin-bottom:22px;border:1px solid #b88c00;box-shadow:inset 0 1px 0#fff8,0 7px 20px #131b2530;}
.rk-marketing .step h3{margin:0 0 8px;font-size:21px;letter-spacing:-.04em;color:#edf2f8;position:relative;padding-bottom:17px;margin-bottom:16px;text-align:center;}
.rk-marketing .step p{margin:0;color:#d1dbe5;font-size:15px;font-weight:500;line-height:1.75;position:relative;z-index:1;}
.rk-marketing .cta{border-radius:17px;margin:0 auto 64px;padding:78px 0;background:linear-gradient(120deg,#2b333d,#48535e 52%,#242b33);color:#fff;position:relative;overflow:hidden;width:calc(100% - 64px);max-width:1156px;padding-top:48px;padding-bottom:48px;margin-bottom:36px;}
.rk-marketing .cta .wrap{position:relative;display:flex;justify-content:space-between;align-items:center;gap:35px;}
.rk-marketing .cta h2{font-size:clamp(34px,4vw,51px);line-height:1.1;letter-spacing:-.06em;margin:0 0 12px;text-align:left;}
.rk-marketing .cta p{color:#e1e7ed;margin:0;font-size:17px;line-height:1.7;font-weight:480;letter-spacing:-.01em;max-width:52ch;}
.rk-marketing .cta .eyebrow{text-align:left;color:#ffe36c;}
.rk-marketing .feature h3::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,#FACC15 0%,#C6A42D 35%,rgba(100,112,128,.65) 75%,transparent 100%);}
.rk-marketing .step h3::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,#FACC15 0%,#C6A42D 35%,rgba(100,112,128,.65) 75%,transparent 100%);}
.rk-marketing .hero .actions{margin-top:32px;gap:14px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;}
.rk-marketing .hero .btn{min-height:55px;padding:14px 27px;}
.rk-marketing .hero-signature{position:absolute;right:0;bottom:44px;font-size:clamp(68px,12vw,170px);font-weight:900;letter-spacing:-.11em;line-height:1;color:#17212c07;pointer-events:none;white-space:nowrap;}
.rk-marketing .cta-outer{width:calc(100% - 64px);max-width:1156px;margin:0 auto;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;box-sizing:border-box;}
.rk-marketing .cta-external-title{color:#17212c;font-size:clamp(29px,3.6vw,45px);font-weight:900;letter-spacing:-.055em;line-height:1.15;margin:0 0 22px;text-align:center;}
.rk-marketing .cta-heading-label{font-size:clamp(17px,2vw,22px);font-weight:800;color:#fff;letter-spacing:-.03em;margin:0 0 13px;text-align:left;}
.rk-marketing .hero-grid.hero-redesign{display:block;min-height:0;padding:0 32px;width:100%;box-sizing:border-box;}
.rk-marketing .hero-grid.hero-redesign .hero-content{width:100%;max-width:none;min-width:0;box-sizing:border-box;}
.rk-marketing .hero-grid.hero-redesign h1{font-size:clamp(31px,4.4vw,64px);line-height:1.1;letter-spacing:-.065em;font-weight:900;margin:0 0 44px;color:#17212c;white-space:normal;text-wrap:balance;text-align:center;}
.rk-marketing .hero-grid.hero-redesign .hero-subtitle{font-size:clamp(24px,3vw,42px);line-height:1.17;letter-spacing:-.055em;font-weight:900;margin:0 0 26px;color:#17212c;text-align:center;}
.rk-marketing .hero-grid.hero-redesign .hero-subtitle .highlight{color:#D5A600;-webkit-text-fill-color:#D5A600;background:none;}
.rk-marketing .rk-benefit-signature{display:block;width:100%;margin-top:35px;padding:25px 0 5px;border-top:1px solid #d8dfe4;background:transparent;}
.rk-marketing .rk-benefit-copy.rk-benefit-v40{display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:0;width:100%;}
.rk-marketing .rk-benefit-v40 .rk-benefit-kicker{display:block;text-align:center;margin:0 0 2px;padding:0;border:0;line-height:1.25;font-size:15px;font-weight:900;letter-spacing:.16em;color:#937100;white-space:normal;}
.rk-marketing .rk-benefit-v40 .rk-benefit-headline{display:block;margin:0 0 15px;padding:0;line-height:1.13;font-size:clamp(23px,2.2vw,30px);font-weight:900;letter-spacing:-.055em;color:#17212c;white-space:normal;text-align:center;}
.rk-marketing .rk-benefit-v40 .rk-benefit-gold{color:#eac24c;}
.rk-marketing .rk-benefit-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;width:100%;}
.rk-marketing .rk-benefit-mini-card{display:flex;align-items:center;gap:11px;min-width:0;min-height:75px;padding:16px 15px;background:linear-gradient(145deg,#34414e,#1b242e 75%);border:1px solid #647080;border-top:3px solid #facc15;border-radius:13px;box-shadow:0 10px 24px #0002;color:#edf2f8;font-size:13px;font-weight:800;line-height:1.35;letter-spacing:-.015em;transition:transform .2s,border-color .2s;}
.rk-marketing .rk-benefit-mini-card:hover{transform:translateY(-3px);border-color:#e9ca43;}
.rk-marketing .rk-benefit-mini-check{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:8px;background:linear-gradient(120deg,#d9a500,#facc15 38%,#ffe76a 55%,#e7b900);color:#101820;font-size:16px;font-weight:900;box-shadow:inset 0 1px 0 #fff8;}
.rk-marketing main{display:flex;flex-direction:column;gap:0;padding-bottom:0;}
.rk-marketing main > .hero{margin:0;padding-top:34px;padding-bottom:44px;}
.rk-marketing main > .section{margin:0;padding-top:34px;padding-bottom:44px;padding-left:0;padding-right:0;}
.rk-marketing main > .cta-outer{margin:0 auto;padding-top:34px;padding-bottom:44px;}
.rk-marketing .cta-outer .cta{width:100%;max-width:100%;margin:0;}
.rk-marketing .cta-outer .cta > .wrap{padding-left:32px;padding-right:32px;max-width:none;}

@keyframes rk-button-shine{0%{left:-70%;opacity:0}20%{opacity:1}100%{left:130%;opacity:0}}
@media(max-width:760px){
.rk-marketing .hero-grid.hero-redesign{padding-left:20px;padding-right:20px;}
.rk-marketing .hero-grid.hero-redesign .actions{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:12px;}
.rk-marketing .hero-grid.hero-redesign .actions .btn,.rk-marketing .cta-outer .cta .btn{display:flex;width:100%;max-width:none;box-sizing:border-box;justify-content:center;align-items:center;text-align:center;}
.rk-marketing .rk-benefit-cards{grid-template-columns:1fr;gap:9px;margin-top:17px;}
.rk-marketing .rk-benefit-mini-card{min-height:58px;padding:11px 14px;font-size:14px;}
}
@media(max-width:650px){
.rk-marketing main > .hero,.rk-marketing main > .section,.rk-marketing main > .cta-outer{padding-top:28px;padding-bottom:35px;}
.rk-marketing .cta-outer{width:calc(100% - 36px);}
.rk-marketing .cta-outer .cta > .wrap{padding-left:20px;padding-right:20px;}
.rk-marketing .hero-grid.hero-redesign .hero-subtitle{font-size:clamp(23px,6vw,33px);text-align:center;}
}
@media(min-width:761px) and (max-width:1000px){.rk-marketing .features{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.rk-marketing .features,.rk-marketing .steps{grid-template-columns:1fr;}.rk-marketing .wrap{padding-left:20px;padding-right:20px;}.rk-marketing .cta .wrap{flex-direction:column;align-items:stretch;}.rk-marketing .hero-signature{font-size:70px;bottom:18px;}.rk-marketing .hero .lead{font-size:16px;}.rk-marketing .rk-benefit-mini-card:hover{transform:none;}}
@media(max-width:650px){.rk-marketing main > .hero,.rk-marketing main > .section,.rk-marketing main > .cta-outer{padding-top:28px;padding-bottom:35px;}.rk-marketing .section h2{font-size:clamp(29px,7vw,40px);text-align:center;}.rk-marketing .cta h2{font-size:clamp(28px,7vw,40px);text-align:left;}}
@media(prefers-reduced-motion:reduce){.rk-marketing .btn,.rk-marketing .feature,.rk-marketing .step,.rk-marketing .rk-benefit-mini-card{transition:none;}.rk-marketing .btn:hover:before{animation:rk-button-shine .7s ease-out 1;}}
