@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

/* Get rid of all default margins/paddings. Set typeface */
body {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: black;
  background: linear-gradient(to left,               /* Degradado lineal de izquierda a derecha */
        #e1ebe2,
        #e9f0e9,
        #f0f5f0,
        #f8faf8,
        #ffffff
    );
}






/* Botónes paypal  */

/* Botón PayPal — compacto, bordes suaves */
.btn-paypal{
    background:#0070E2;              /* PayPal blue (claro) */
    color:#fff;
    border:none;
    border-radius:8px;               /* bordes suaves, no tan cuadrados */
    padding:10px 24px;               /* alto y ancho moderados */
    display:inline-flex;
    align-items:center;
    gap:8px;                         /* espacio logo-texto */
    font-size:1rem;                  /* 16 px */
    font-weight:600;
    cursor:pointer;
    transition:background .15s ease-in-out,
                box-shadow   .15s ease-in-out;
    box-shadow:0 1px 4px rgba(0,0,0,.15);
}

.btn-paypal:hover{
    background:#005EA6;              /* un tono más oscuro al pasar el mouse */
    box-shadow:0 2px 6px rgba(0,0,0,.2);
}

/* Logotipo: discreto pero legible */
.pp-logo{
    height:26px;                     /* ajusta si quieres aún más pequeño */
    width:auto;
}

/* Evita cortes de línea raros en el texto */
.pp-text{ white-space:nowrap; }