@charset 'UTF-8';
/** FORMULARIOS BASICOS *************************/
/** *********************************************/
.formBox {padding:2.4rem;max-width:108rem;background-color:#fff;border-radius:0.4rem;text-align:center;}
.formBox form {width:100%;}
.formBox h2 {font-size:2.4rem;}
.formBox input,.formBox label,.formBox p {font-size:1.5rem;}
.formBox input,.formBox label,.formBox p {line-height:2.4rem;}
.formBox h2 {line-height:3.2rem;}
.formBox .butt-label strong,.formBox legend strong {font-size:1.3rem;line-height:2.4rem;text-transform:uppercase;letter-spacing:1pt;}
.formBox h2 {padding:1.2rem 0;}
.formBox h2 {font-weight:100;}
.formBox input,.formBox p,.formBox h2 strong {font-weight:300;}
.formBox label {font-weight:500;}

.formList {display:flex;flex-direction:column;align-items:center;}
.formList > li,.formButt {padding:4.8rem 0 2.4rem 0;}
.formBox fieldset {margin-top:4.8rem;}
.formList > li {position:relative;width:auto;min-width:36rem;max-width:42rem;display:inline-block;}
.formList input[type="text"],.formList input[type="text"] + label {width:100%;padding:0.8rem;}
.formList input[type="text"] {border-bottom:0.1rem solid #979797;}
.formList input[type="text"] + label {color:#979797;}
.formList input[type="text"] + label {position:absolute;left:0;text-align:left;bottom:2.4rem;transform:scale(1);transform-origin:left;}
.formList input[type="text"]:focus + label,
.formList input[type="text"] + label.active {bottom:calc(4rem + (2.4rem * 0.8));transform:scale(0.8);}

/*botones*/
.formBox .butt-label {cursor:pointer;}
.formBox .butt-label strong {font-size:1.3rem;line-height:2.4rem;padding:0.4rem 2rem;text-align:center;display:inline-block;
	border:0.1rem solid #979797;color:#232323;background:#fff;border-radius:0.4rem;}
.formBox .butt-label:focus strong,.formBox .butt-label:hover strong {color:#fff;border-color:#232323;background:#232323;}

#editarNombre,#btnPaypalAccess,#btnAutoRenew,#cambioTarjeta,#confirmoTarjeta {transform:scale(0.7692);margin:0 -0.7692rem;}
.formBox .content > .formList > li > .buttBox {width:100%;display:flex;justify-content:center;padding-top:1.2rem;}

/*boton volver*/
button {cursor:pointer;}
.suscription .container.striplayer {padding:4.8rem;display:flex;justify-content:center;}
button.back {padding:0.4rem 1.2rem 0.4rem 0.8rem;text-align:center;display:inline-block;border:0.1rem solid #979797;color:#232323;background:#fff;border-radius:0.4rem;}
button.back strong {font-size:1.3rem;line-height:2.8rem;text-transform:uppercase;letter-spacing:1pt;
	padding:0 0.8rem 0 0.4rem;display:inline-block;}
button.back .rtve-icons {width:2.8rem;height:2.8rem;float:left;background:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_prev_000000.svg') no-repeat 50%;}
button.back:hover,button.back:focus {filter:invert(1);}



/*fieldsets*/
.formBox fieldset .formList {flex-direction:row;justify-content:center;}
.formBox fieldset .formList > li {width:50%;min-width:unset;max-width:16rem;padding:2.4rem 0;display:inherit;flex-direction:column;align-items:center;}
.formBox fieldset .formList .label,.formBox .formList .icon-label strong {font-size:1.4rem;line-height:2.2rem;font-weight:400;}
.formBox fieldset .formList button.icon-label {display:inherit;flex-direction:column;align-items:inherit;}
.formBox fieldset .formList button.icon-label .rtve-icons {width:6.4rem;height:6.4rem;background-repeat:no-repeat;background-position:50%;
	background-size:4rem;filter:invert(1);}
	.formBox fieldset .formList button.credit .rtve-icons {background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_pay-credit.svg');}
	.formBox fieldset .formList button.paypal .rtve-icons {background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_pay-paypal.svg');}

/*datos de suscripcion*/
.formBox .content > .formList {align-items:left;}
.formBox .content > .formList > li {width:100%;max-width:100%;padding:1.2rem;font-size:1.5rem;line-height:2.4rem;text-align:left;}
.formBox .content > .formList > li > * {display:inline-block;}
.formBox .content > .formList > li > .label {width:calc(50% - 1.2rem);padding-right:1.2rem;text-align:right;}
.formBox .content .nota,.formBox .content .advise p {font-size:1.2rem;line-height:1.8rem;padding:0.6rem 20%;}
.formBox .content .nota,.formBox .content .advise {padding:1.2rem 2.4rem;width:100%;text-align:center;}

/** FORMULARIOS BASICOS *************************/
/** END *****************************************/