/* Portal de pagos: proporciones y lenguaje visual de SERFEDESCO */
.payments-page{overflow-x:clip;font-style:normal;font-synthesis:none}
.payments-page main{overflow:hidden}
.payments-page h1,.payments-page h2,.payments-page h3{font-family:Acumin,OpenSans,Arial,sans-serif;font-style:normal;letter-spacing:-.025em}
.payments-page section[id]{scroll-margin-top:118px}
.payment-kicker{display:inline-block;color:#d96907;font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.payment-button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:49px;padding:11px 23px;border-radius:100px;font-size:15px;font-weight:700;line-height:1.2;transition:background .28s,color .28s,transform .28s,box-shadow .28s}
.payment-button span,.payment-card-action span{font-size:20px;line-height:1;transition:transform .28s}
.payment-button:hover{transform:translateY(-4px)}
.payment-button:hover span,.payment-card-action:hover span{transform:translate(3px,-2px)}
.payment-button.primary{background:#117fb7;color:#fff;box-shadow:0 9px 19px #1674a62d}
.payment-button.primary:hover{background:#e8770b;box-shadow:0 13px 22px #ea750b3b}
.payment-hero{position:relative;background:linear-gradient(108deg,#fff 35%,#f8fcfe 75%,#eef9fc 100%)}
.payment-hero::after{content:"";position:absolute;left:-6%;bottom:-1px;width:112%;height:54px;background:#f6f9fb;border-radius:52% 48% 0 0/95% 100% 0 0;z-index:3;pointer-events:none}
.payment-hero-inner{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:1.5%;min-height:565px}
.payment-hero-copy{position:relative;z-index:4;padding:63px 0 103px}
.payment-hero h1{max-width:590px;margin:15px 0 19px;color:#192747;font-size:clamp(43px,4.1vw,61px);font-weight:850;line-height:1.07}
.payment-hero h1 strong{color:#0b80b9;font-weight:850}
.payment-lead{margin:0 0 8px;color:#192747;font-size:clamp(19px,1.6vw,24px);font-weight:800;line-height:1.25}
.payment-summary{max-width:420px;margin:0 0 26px;color:#465c70;font-size:16px;line-height:1.55}
.payment-hero-art{position:relative;align-self:stretch;min-width:0}
.payment-disc{position:absolute;left:10%;top:10%;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 29% 23%,#a9e3fb 0%,#4faddb 42%,#0b79b1 80%,#075b93 100%);box-shadow:0 18px 34px #0f79ac1e;animation:payment-disc-breathe 7s ease-in-out infinite}
.payment-disc-secondary{position:absolute;right:0;bottom:15%;width:24%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 25% 25%,#ffbf8a,#ee790e 70%);opacity:.87}
.payment-hero-person{position:absolute;z-index:2;left:49%;bottom:8%;display:block;width:min(112%,650px);height:91%;max-width:none;object-fit:contain;object-position:center bottom;transform:translateX(-50%);filter:drop-shadow(0 10px 13px #1236511e);animation:payment-person-float 6s ease-in-out infinite}
.payment-bubble{position:absolute;z-index:2;width:15px;height:15px;border-radius:50%;animation:payment-sway 5s ease-in-out infinite}
.bubble-blue{left:7%;top:27%;background:#137fb9;box-shadow:0 0 0 6px #d9f0fa}
.bubble-orange{right:3%;top:25%;width:21px;height:21px;background:#f4780b;box-shadow:0 0 0 7px #ffead7;animation-delay:-2s}
@keyframes payment-person-float{50%{translate:0 -9px}}
@keyframes payment-disc-breathe{50%{transform:scale(1.026)}}
@keyframes payment-sway{50%{translate:0 -10px}}
.payment-methods{position:relative;background:#f6f9fb;padding:72px 0 98px}
.payment-methods::after{content:"";position:absolute;left:-7%;bottom:-1px;width:114%;height:68px;background:#fff;border-radius:50% 50% 0 0 / 100% 75% 0 0;pointer-events:none}
.payment-methods-inner{position:relative;z-index:1}
.payment-heading{text-align:center;margin:0 auto 40px;max-width:680px}
.payment-heading h2,.payment-help h2{margin:9px 0 11px;font-size:clamp(34px,3vw,47px);font-weight:450;line-height:1.12;color:#192747}
.payment-heading h2 strong,.payment-help h2 strong{color:#0e80ba;font-weight:850}
.payment-heading p{margin:0;font-size:16px;line-height:1.55;color:#52677a}
.payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.payment-card{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:324px;padding:29px 23px 27px;text-align:center;border:1px solid #e4edf2;border-radius:26px;background:#fff;box-shadow:0 9px 25px #1a426210;transition:transform .36s cubic-bezier(.2,.8,.2,1),box-shadow .36s,border-color .36s}
.payment-card:hover,.payment-card:focus-within{transform:translateY(-8px);border-color:#77bade;box-shadow:0 20px 34px #19507128}
.payment-card-logo{display:grid;place-items:center;height:115px;width:100%;margin:0 auto 11px}
.payment-card-logo img{display:block;height:auto;max-height:103px;object-fit:contain;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.payment-card:hover .payment-card-logo img,.payment-card:focus-within .payment-card-logo img{transform:translateY(-4px) scale(1.07)}
.payment-card-logo.pse img{width:105px}
.payment-card-logo.supergiros img{width:min(96%,240px);max-height:82px}
.payment-card-logo.bbva img{width:min(89%,190px);max-height:82px}
.payment-card-copy{flex:1}
.payment-card h3{margin:0 0 6px;font-size:23px;line-height:1.18;font-weight:800;color:#192747}
.payment-card p{margin:0 auto 21px;max-width:260px;font-size:15px;line-height:1.45;color:#52657a}
.payment-card-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:10px 17px;border-radius:40px;background:#0d81bc;color:#fff;font-size:14px;font-weight:750;line-height:1.25;white-space:normal;transition:background .25s,transform .25s}
.payment-card-action:hover{background:#eb790b;transform:translateY(-2px)}
.payment-method-note{margin:28px auto 0;max-width:690px;text-align:center;color:#576a7e;font-size:14px;line-height:1.5}
.payment-help{position:relative;background:#fff}
.payment-help-inner{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:3%;min-height:375px}
.payment-help-copy{position:relative;z-index:2;padding:47px 0 64px}
.payment-help h2{margin-top:9px}
.payment-help-copy>p{max-width:475px;font-size:16px;line-height:1.55;color:#4b6074;margin:0 0 24px}
.payment-help-contact{display:inline-flex;align-items:center;gap:14px;min-height:84px;padding:12px 22px 12px 13px;border-radius:25px;background:#f4f8fb;border:1px solid #e5eef3;box-shadow:0 7px 20px #23496b10;transition:transform .24s,background .24s,border-color .24s}
.payment-help-contact:hover{transform:translateY(-4px);background:#e8f6fc;border-color:#89c4df}
.payment-help-contact>img{width:58px;height:58px;object-fit:contain;animation:payment-pulse 2.4s ease-in-out infinite}
.payment-help-contact span:not(.payment-help-arrow){display:flex;flex-direction:column;align-items:start;gap:2px}
.payment-help-contact small{font-size:14px;color:#4c6375}
.payment-help-contact strong{font-family:Acumin,OpenSans,sans-serif;color:#0b79b3;font-size:25px;line-height:1.15}
.payment-help-arrow{margin-left:8px;font-size:25px;color:#0b79b3;transition:transform .22s}
.payment-help-contact:hover .payment-help-arrow{transform:translate(3px,-3px)}
.payment-help-art{position:relative;align-self:stretch;min-height:375px}
.payment-help-shape{position:absolute;width:60%;aspect-ratio:1;left:20%;bottom:5%;border-radius:47% 53% 45% 55% / 56% 48% 52% 44%;background:linear-gradient(135deg,#c8edfc,#268fc3)}
.payment-help-art img{position:absolute;z-index:1;width:min(68%,340px);height:95%;object-fit:contain;object-position:center bottom;left:19%;bottom:0;filter:drop-shadow(0 9px 13px #0e476b25)}
@keyframes payment-pulse{50%{transform:scale(1.075)}}
@media(max-width:920px){.payment-hero-inner{min-height:510px;gap:0}.payment-hero h1{font-size:clamp(40px,5.2vw,49px)}.payment-hero-copy{padding:61px 0 80px}.payment-hero-person{width:112%;height:87%;bottom:11%}.payment-disc{left:10%;width:82%;top:18%}.payment-grid{gap:15px}.payment-card{padding:25px 14px;min-height:320px}.payment-card-action{padding:10px 12px;font-size:13px}}
@media(max-width:700px){.payment-hero-inner{display:flex;flex-direction:column;min-height:0;gap:0}.payment-hero-copy{width:100%;padding:51px 0 11px}.payment-hero h1{max-width:590px;font-size:clamp(36px,8vw,46px);margin:11px 0 14px}.payment-lead{font-size:20px}.payment-summary{margin-bottom:19px;font-size:16px}.payment-hero-art{width:100%;height:360px;align-self:center}.payment-disc{width:60%;left:20%;top:5%}.payment-disc-secondary{width:20%;right:11%;bottom:15%}.payment-hero-person{width:min(94%,500px);height:100%;bottom:5%;left:50%}.bubble-blue{left:14%;top:22%}.bubble-orange{right:10%;top:19%}.payment-hero::after{height:37px}.payment-methods{padding:55px 0 70px}.payment-heading{margin-bottom:28px}.payment-heading h2,.payment-help h2{font-size:clamp(31px,7vw,39px)}.payment-grid{grid-template-columns:1fr;max-width:460px;margin:auto;gap:18px}.payment-card{min-height:0;padding:23px 20px;display:grid;grid-template-columns:100px 1fr;gap:2px 18px;text-align:left;align-items:center}.payment-card-logo{grid-row:1/3;width:100px;height:115px;margin:0}.payment-card-logo.pse img{width:90px}.payment-card-logo.supergiros img{width:100px}.payment-card-logo.bbva img{width:100px}.payment-card-copy{align-self:end}.payment-card h3{font-size:20px}.payment-card p{font-size:14px;margin:0 0 12px}.payment-card-action{justify-self:start;align-self:start}.payment-method-note{max-width:470px;font-size:14px}.payment-help-inner{grid-template-columns:1fr;min-height:0}.payment-help-copy{padding:50px 0 8px}.payment-help-art{height:290px;min-height:290px}.payment-help-art img{left:32%;width:40%;height:100%}.payment-help-shape{left:28%;width:44%;bottom:0}}
@media(max-width:420px){.payment-hero-copy{padding-top:43px}.payment-hero h1{font-size:36px}.payment-hero-art{height:300px}.payment-disc{width:69%;left:15%}.payment-hero-person{width:105%}.payment-card{grid-template-columns:78px 1fr;gap:0 14px;padding:21px 14px}.payment-card-logo{width:78px;height:100px}.payment-card-logo.pse img{width:74px}.payment-card-logo.supergiros img,.payment-card-logo.bbva img{width:78px}.payment-card-action{font-size:13px;min-height:42px}.payment-help-art{height:275px;min-height:275px}.payment-help-art img{width:58%;left:23%}.payment-help-shape{width:67%;left:16%}.payment-help-contact{padding-right:14px;gap:10px}.payment-help-contact>img{width:48px;height:48px}.payment-help-contact strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.payment-hero-person,.payment-disc,.payment-bubble,.payment-help-contact>img{animation:none!important}.payment-card,.payment-card-logo img,.payment-button,.payment-card-action,.payment-help-contact{transition:none!important}}
/* Adjustments: sentence-case hero label and a single, prominent WhatsApp contact. */
.payment-help-inner{grid-template-columns:1.05fr .95fr;min-height:395px}
.payment-help-copy{padding:60px 0 73px}
.payment-help h2{margin:0 0 14px}
.payment-help-copy>p{margin-bottom:26px}
.payment-help-contact{min-height:92px;padding:13px 21px 13px 14px;border:0;border-radius:26px;background:#117fb7;box-shadow:0 13px 25px #146b9c30;color:#fff;transition:transform .25s,box-shadow .25s,background .25s}
.payment-help-contact:hover{background:#eb790b;box-shadow:0 17px 30px #dc720a32}
.payment-help-contact>img{width:55px;height:55px;padding:6px;border-radius:18px;background:#fff;animation:none}
.payment-help-contact small,.payment-help-contact strong,.payment-help-arrow{color:#fff}
.payment-help-contact small{font-size:14px}
.payment-help-contact strong{font-size:27px;font-variant-numeric:tabular-nums;white-space:nowrap}
.payment-help-art{min-height:395px}
.payment-help-shape{left:19%;bottom:7%;width:66%;background:radial-gradient(circle at 35% 32%,#f4fbfe,#d4effa 55%,#b7dff1)}
.payment-help-art .payment-help-icon{position:absolute;z-index:1;left:50%;bottom:2%;width:min(86%,380px);height:auto;max-height:98%;object-fit:contain;transform:translateX(-50%) rotate(6deg);filter:drop-shadow(0 20px 18px #136e4b2d);animation:payment-icon-float 5.5s ease-in-out infinite;transition:transform .3s}
.payment-help-art:hover .payment-help-icon{transform:translateX(-50%) rotate(10deg) scale(1.045)}
@keyframes payment-icon-float{0%,100%{translate:0 0}50%{translate:0 -13px}}
@media(max-width:700px){.payment-help-inner{grid-template-columns:1fr;min-height:0}.payment-help-copy{padding:55px 0 9px}.payment-help-art{height:305px;min-height:305px}.payment-help-shape{left:26%;width:48%;bottom:2%}.payment-help-art .payment-help-icon{left:50%;bottom:0;width:min(68%,295px);height:auto;max-height:100%}}
@media(max-width:420px){.payment-help-copy{padding-top:46px}.payment-help-art{height:260px;min-height:260px}.payment-help-shape{width:66%;left:17%}.payment-help-art .payment-help-icon{width:min(83%,255px)}.payment-help-contact{gap:10px;padding:10px 14px}.payment-help-contact>img{width:51px;height:51px}.payment-help-contact strong{font-size:22px}.payment-help-contact small{font-size:13px}}
@media(prefers-reduced-motion:reduce){.payment-help-art .payment-help-icon{animation:none!important;transition:none!important}}