.wp-block-theme-blocks-custom-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
@media (width < 1080px) {
.wp-block-theme-blocks-custom-form {
padding-left: var(--wp--preset--spacing--60) !important;
padding-right: var(--wp--preset--spacing--60) !important;
}
}
.wp-block-theme-blocks-custom-form code {
font-family: inherit;
}
.wp-block-theme-blocks-custom-form p {
margin: 0;
}
.wp-block-theme-blocks-custom-form form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.wp-block-theme-blocks-custom-form .hidden {
display: none !important;
}
.wp-block-theme-blocks-custom-form .input-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
width: 100%;
}
.wp-block-theme-blocks-custom-form label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
.wp-block-theme-blocks-custom-form input[type=text],
.wp-block-theme-blocks-custom-form input[type=email],
.wp-block-theme-blocks-custom-form input[type=tel],
.wp-block-theme-blocks-custom-form select {
font-family: var(--wp--preset--font-family--open-sans);
height: 40px;
padding: 11px 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
border-bottom: 1px solid #8D8D8D !important;
background: white;
width: 100%;
}
.wp-block-theme-blocks-custom-form input[type=text]:disabled,
.wp-block-theme-blocks-custom-form input[type=email]:disabled,
.wp-block-theme-blocks-custom-form input[type=tel]:disabled,
.wp-block-theme-blocks-custom-form select:disabled {
background: rgba(255, 255, 255, 0.6);
}
.wp-block-theme-blocks-custom-form input[type=text].invalid,
.wp-block-theme-blocks-custom-form input[type=email].invalid,
.wp-block-theme-blocks-custom-form input[type=tel].invalid,
.wp-block-theme-blocks-custom-form select.invalid {
border-bottom: 1px solid var(--wp--preset--color--red) !important;
outline-color: var(--wp--preset--color--red);
}
.wp-block-theme-blocks-custom-form .invalid_ {
color: var(--wp--preset--color--red);
}
.wp-block-theme-blocks-custom-form select {
padding: 0 16px;
}
.wp-block-theme-blocks-custom-form .acceptance {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wp-block-theme-blocks-custom-form input[type=checkbox],
.wp-block-theme-blocks-custom-form input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #F6F6F5;
margin: 0;
font: inherit;
color: #818181;
width: 1.15em;
height: 1.15em;
border: 0.5px solid #818181;
border-radius: 50%;
-webkit-transform: translateY(-0.075em);
transform: translateY(-0.075em);
display: -ms-grid;
display: grid;
place-content: center;
}
.wp-block-theme-blocks-custom-form input[type=checkbox]::before,
.wp-block-theme-blocks-custom-form input[type=radio]::before {
content: "";
width: 0.6em;
height: 0.6em;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-box-shadow: inset 1em 1em var(--form-control-color);
box-shadow: inset 1em 1em var(--form-control-color);
background-color: var(--wp--preset--color--gray);
border-radius: 50%;
}
.wp-block-theme-blocks-custom-form input[type=checkbox]:checked::before,
.wp-block-theme-blocks-custom-form input[type=radio]:checked::before {
-webkit-transform: scale(1);
transform: scale(1);
}
.wp-block-theme-blocks-custom-form input[type=checkbox]:disabled,
.wp-block-theme-blocks-custom-form input[type=radio]:disabled {
--form-control-color: var(--form-control-disabled);
color: var(--form-control-disabled);
cursor: not-allowed;
}
.wp-block-theme-blocks-custom-form .acceptance {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
}
.wp-block-theme-blocks-custom-form .xs {
color: #818181;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.wp-block-theme-blocks-custom-form .block-amount,
.wp-block-theme-blocks-custom-form .block-amount-recurrent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
.wp-block-theme-blocks-custom-form .block-amount .btns-amount,
.wp-block-theme-blocks-custom-form .block-amount-recurrent .btns-amount {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.wp-block-theme-blocks-custom-form .block-amount .btn-amount,
.wp-block-theme-blocks-custom-form .block-amount-recurrent .btn-amount {
width: 97px;
height: 97px;
aspect-ratio: 1/1;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 5px;
border: 2px solid var(--wp--preset--color--purple);
background: white;
color: var(--wp--preset--color--purple);
text-align: center;
font-size: 27px;
font-weight: 700;
}
.wp-block-theme-blocks-custom-form .block-amount .btn-amount:has(span),
.wp-block-theme-blocks-custom-form .block-amount-recurrent .btn-amount:has(span) {
font-size: 16px;
}
.wp-block-theme-blocks-custom-form .block-amount .btn-amount.selected,
.wp-block-theme-blocks-custom-form .block-amount-recurrent .btn-amount.selected {
background: var(--wp--preset--color--red);
border-color: var(--wp--preset--color--red);
color: white;
}
@media (width < 520px) {
.wp-block-theme-blocks-custom-form .block-amount .btn-amount,
.wp-block-theme-blocks-custom-form .block-amount-recurrent .btn-amount {
width: 23%;
height: auto;
font-size: 18px;
}
}
.wp-block-theme-blocks-custom-form .block-amount-recurrent .radio-recurrent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 40px;
}
.wp-block-theme-blocks-custom-form .steps-counter {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wp-block-theme-blocks-custom-form .steps-counter::before {
content: "";
position: absolute;
top: 12px;
left: 30px;
z-index: 0;
display: block;
width: calc(100% - 60px);
height: 0.5px;
background: var(--wp--preset--color--gray);
}
.wp-block-theme-blocks-custom-form .steps-counter .steps-counter__bullet {
position: relative;
width: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wp-block-theme-blocks-custom-form .steps-counter .steps-counter__bullet span {
display: -ms-grid;
display: grid;
place-content: center;
border-radius: 50%;
width: 26px;
aspect-ratio: 1/1;
color: white;
background: #C6C6C6;
outline: 6px var(--wp--preset--color--background) solid;
}
.wp-block-theme-blocks-custom-form .steps-counter .steps-counter__bullet p {
font-size: 10px;
text-align: center;
color: #818181;
}
.wp-block-theme-blocks-custom-form .steps-counter .steps-counter__bullet.active span {
background-color: var(--wp--preset--color--turquoise);
}
.wp-block-theme-blocks-custom-form .grid-center {
display: -ms-grid;
display: grid;
place-content: center;
}
@media (width < 680px) {
.wp-block-theme-blocks-custom-form .is-layout-flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.wp-block-theme-blocks-custom-form .block-nif-nie-cif {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
}