/* Start custom CSS for html, class: .elementor-element-78bfc56 *//* =========================================================
   CE-PAY · Formas de Pago UX 2026
========================================================= */

:root{
  --pay-ink:#0c0c10;
  --pay-muted:rgba(12,12,16,.72);
  --pay-line:rgba(12,12,16,.08);
  --pay-soft:#f6f7f9;
  --pay-accent:#ffd100;
  --pay-radius:22px;
}

.ce-pay{
  color:var(--pay-ink);
}

.ce-pay__c{
  width:min(1100px, calc(100% - 40px));
  margin:0 auto;
}

.ce-pay-m01{
  padding:100px 0 80px;
  background:#fff;
}

.ce-pay__head{
  max-width:760px;
  margin-bottom:60px;
}

.ce-pay__k{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:rgba(0,0,0,.55);
}

.ce-pay__h1{
  font-size:clamp(34px,4vw,52px);
  margin:14px 0;
  letter-spacing:-.02em;
}

.ce-pay__p{
  font-size:18px;
  line-height:1.7;
  color:var(--pay-muted);
}

.ce-pay__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
}

.ce-pay__card{
  background:#fff;
  border:1px solid var(--pay-line);
  padding:36px;
  border-radius:var(--pay-radius);
  transition:.35s ease;
}

.ce-pay__card:hover{
  transform:translateY(-6px);
  box-shadow:0 25px 60px rgba(0,0,0,.06);
}

.ce-pay__card h2{
  font-size:20px;
  margin-bottom:12px;
}

.ce-pay__card p{
  color:var(--pay-muted);
  margin-bottom:14px;
}

.ce-pay__card ul{
  padding-left:18px;
  color:var(--pay-muted);
}

.ce-pay__card--highlight{
  border:2px solid var(--pay-accent);
  background:linear-gradient(180deg,#fff,#fffbe6);
}

.ce-pay__badge{
  display:inline-block;
  font-size:11px;
  padding:6px 12px;
  border-radius:30px;
  background:var(--pay-accent);
  font-weight:600;
  margin-bottom:14px;
}

/* B2B */

.ce-pay-m02{
  padding:90px 0;
  background:var(--pay-soft);
}

.ce-pay__b2b{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:40px;
  align-items:center;
  background:#fff;
  padding:50px;
  border-radius:var(--pay-radius);
  border:1px solid var(--pay-line);
}

.ce-pay__h2{
  font-size:28px;
  margin:10px 0 20px;
}

.ce-pay__b2b ul{
  padding-left:18px;
  color:var(--pay-muted);
}

.ce-pay__btn{
  display:inline-block;
  padding:14px 28px;
  border-radius:40px;
  background:#000;
  color:#fff !important;
  text-decoration:none;
  font-weight:600;
  transition:.3s;
}

.ce-pay__btn:hover{
  background:var(--pay-accent);
  color:#000 !important;
}

.ce-pay__note{
  margin-top:40px;
  font-size:14px;
  color:rgba(0,0,0,.6);
  line-height:1.6;
}

/* Responsive */

@media(max-width:992px){

  .ce-pay__grid{
    grid-template-columns:1fr;
  }

  .ce-pay__b2b{
    grid-template-columns:1fr;
    padding:30px;
  }

}

.ce-pay__small{
  margin-top:14px;
  font-size:13px;
  color:rgba(0,0,0,.55);
  line-height:1.5;
}

.ce-pay__card--bank{
  background:#f9fafc;
  border:1px dashed rgba(0,0,0,.15);
}

.ce-pay__grid{
  grid-template-columns:repeat(2,1fr);
}/* End custom CSS */