/* Estilos del formulario stripe_checkout — misma línea visual que el módulo
   antiguo (inputs blancos 40px, radio 4px, sombra suave), con botón con cuerpo */

.pdw-checkout .form-control {
    background-color: #fff;
    height: 42px;
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid #e6ebf1;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}
.pdw-checkout .form-control:focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
    border-color: #cfd7df;
}
.pdw-checkout label {
    font-weight: 600;
}

/* Email con icono de sobre, como en el diseño anterior */
.pdw-checkout .pdw-email {
    position: relative;
}
.pdw-checkout .pdw-email .fa-envelope-o {
    position: absolute;
    top: 13px;
    left: 13px;
    color: #b5b5b5;
    font-size: 16px;
    pointer-events: none;
}
.pdw-checkout .pdw-email .form-control {
    padding-left: 38px;
}

/* Color corporativo (#654c8e, el morado del tema) para los botones del flujo
   de pago. Este CSS solo se carga cuando actúa el módulo stripe_checkout, y
   .formulario-contenedor es el contenedor del módulo en socios/donativos, así
   que cubre también los botones de las pantallas de éxito, error y redirección
   sin tocar el resto de la web. Los !important baten el degradado azul de
   bootstrap-theme. */
.formulario-contenedor .btn-primary {
    background-color: #654c8e !important;
    background-image: none !important;
    border-color: #654c8e !important;
    color: #fff;
}
.formulario-contenedor .btn-primary:hover,
.formulario-contenedor .btn-primary:focus,
.formulario-contenedor .btn-primary:active {
    background-color: #55407a !important;
    border-color: #55407a !important;
    color: #fff;
}

/* Botón de pago: anula el btn-xs fino del tema */
.pdw-checkout .pdw-pay-btn {
    min-height: 42px;
    padding: 10px 28px !important;
    font-size: 15px !important;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-transition: opacity 150ms ease;
    transition: opacity 150ms ease;
}
.pdw-checkout .pdw-pay-btn:hover,
.pdw-checkout .pdw-pay-btn:focus {
    opacity: .88;
}

/* Aviso de pago seguro */
.pdw-checkout .pdw-secure-note {
    display: inline-block;
    margin-top: 10px;
    color: #999;
}
.pdw-checkout .pdw-secure-note .fa-lock {
    margin-right: 6px;
}

.pdw-checkout .pdw-acepto {
    margin: 5px 0;
}

@media (max-width: 767px) {
    .pdw-checkout .pdw-pay-btn {
        margin-top: 10px;
    }
}