@charset 'UTF-8';

@import url('rtve.mod_suscription.basics.css');

.formBox form {min-width:36rem;}

/*

:root {

  --fondo_pf: #181717;

  --fondo_pf: #111;

  --fondo_wall: #16191C;

  --color_contraste: #fff;

}

*/



/*body suscription

body.pfusers.suscription {background:var(--fondo_pf);}

body.pfusers.suscription .navBox .onside strong,

body.pfusers.suscription .services .tooltip strong,

body.pfusers.suscription h1, 

body.pfusers.suscription h2 {color: var(--color_contraste);}



.pfusers.suscription .menu-cross:not(.active) span {background:var(--color_contraste);}

.pfusers.suscription .content,

.pfusers.suscription .pwall {width:46rem;margin:0 auto;background: var(--fondo_wall);padding: 2.2rem;}



#opcionPago {background:var(--fondo_pf);}

.pfusers.suscription .content {min-height:47rem;}

.pfusers.suscription .content h2 {font-size:2.4rem;line-height: 3.4rem;}

.pfusers.suscription .content input, #opcionPago .content  label {font-size:1.8rem;line-height:2.4rem;vertical-align:middle;}

.pfusers.suscription .content * {color:var(--color_contraste);flex-wrap: nowrap;text-align:center;}

.pfusers.suscription .content  p {font-size:1.6rem;line-height:1.8rem;padding: 0.5rem 0;}

.pfusers.suscription {display:flex;flex-direction:column;width: 100%;align-content: center;align-items:center;padding-bottom:12rem;}

.pfusers.suscription .content strong {font-size:2.4rem;line-height: 1;}

.pfusers.suscription .content ul {display:inline-flex;flex-flow:row;justify-content:center;align-items:center;min-height:7rem;}

.pfusers.suscription .content ul li {padding: 0 2rem;}

*/

/*button

.pfusers.suscription .content button, .pfusers.suscription .optionBox > .butt, .pfusers.suscription .optionBox > .butt input {cursor:pointer;}

.pfusers.suscription .content button {padding:0 1.2rem;color:#000;border-radius:0.2rem;background-color:rgb(250, 120, 10);font-size:2.6rem;font-weight: 500;

    font-style: normal; font-stretch: normal;letter-spacing:-0.25pt;}

.pfusers.suscription .content button:hover{background:#fff;opacity: 0.9;transition: opacity,background 0.3s;}	

.pfusers.suscription .content em {display:block;font-style: normal;font-size:2rem;padding:4rem 0 2rem 0;font-weight:300;}

.pfusers.suscription .content .paymentPlan {width:100%;display:flex;flex-wrap: nowrap;justify-content: space-around;align-items: center;align-content: space-between;}

.pfusers.suscription .content .paymentPlan p {font-size:1.6rem;line-height:2rem;}





.pfusers.suscription .content .butt {padding:0 1.2rem;color:#000;border-radius:0.2rem;background-color:rgb(250, 120, 10);font-size:2.2rem;font-weight: 500;font-style: normal;font-stretch: normal;letter-spacing:-0.25pt;opacity: 1;margin: 1rem;    border: none;}

.pfusers.suscription .content .butt input {color:#000}

.pfusers.suscription .content .butt:hover {background: #fff;opacity: 0.9;transition: opacity,background 0.3s;}

*/

/*info Suscripcion

.pfusers.suscription .content .optionBox #autoRenew {position:relative;padding-left:2.6rem;width: 2rem;height: 2rem;margin-right: 0.5rem;}

.pfusers.suscription .content .optionBox #autoRenew:before {

    content: "";position:absolute;left:0;top:0;width:1.6rem;height:1.6rem;border:0.2rem solid rgb(250, 120, 10);

    border-radius: 0.3rem;box-shadow: rgb(0 0 0 / 30%) 0px 1px 3px inset;}

.pfusers.suscription .content .optionBox #autoRenew:checked:after {color: black;width: 1.6rem;height:1.9rem;content: "✔";position:absolute;top:0;left:0;padding-left:0.2rem;padding-bottom:0;

    font-size: 1.4rem;transition: all 0.2s ease 0s;}

.pfusers.suscription .content .optionBox #autoRenew:checked:after {opacity:1;transform: scale(1);background-color:rgb(250, 120, 10);}

*/



/*form externo

.pwall  p {font-size:1.4rem;line-height:2rem;padding: 0.5rem 0;}

.pwall .pwall-header * {color:var(--color_contraste);}

.pwall .pwall__nav[data-v-12fddd62] {background:var(--fondo_wall) !important;}

.pwall .pwall__nav__drawer[data-v-12fddd62] {background-color:var(--fondo_wall);}





.pwall .pwall__nav__drawer__element .pwall-svg-icon.fpay {background-image:url('http://img2.rtve.es/css/rtveplay.2021/rtveplay.users/img/sipay_tarjeta_collapsed_v2.png') !important;}

.pwall .pwall__nav__drawer__element .pwall-svg-icon.gpay {background-image:url('http://img2.rtve.es/css/rtveplay.2021/rtveplay.users/img/sipay_gpay_collapsed_white.png') !important;}



.pwall .pwall__nav__drawer__element:hover  .pwall-svg-icon {filter:invert(1);}

.pwall.pwall-sipay .pwall-btn--secondary {box-shadow: none !important;-webkit-box-shadow: none !important;}

.iframe-sipay .frm-label[data-v-5ec998a4]{color:#000;}

.iframe-sipay .frm-input[data-v-5ec998a4] {-webkit-box-shadow: none;box-shadow: none;border: 0.05rem solid rgb(79, 75, 82);}





@media only screen and (max-width:459px){

    body.pfusers.suscription .pwall, body.pfusers.suscription section {width:100%;min-width:100%;max-width:100%}

    .pfusers.suscription .content button {font-size:2rem}

}

*/