.fp-campaigne-individual-degree{ background-image: url(/wp-content/uploads/2025/11/form-background.webp); background-size: cover; width: 100%; min-height: fit-content; } .fp-campaigne-individual-degree:has(#form-campaigns) { position: relative; display: flex; padding: 15px; margin: 0 auto; z-index: 3; width: 100%; } .fp-campaigne-individual-degree #form-campaigns { display: block; max-width: 450px; width: 100%; border: none; background-color: #FAFAFA; box-shadow: 0 0px 0px #e1e1e1; border-radius: 20px; margin: 0 auto; height: fit-content; margin: auto; position: relative; } .fp-campaigne-individual-degree #form-campaigns .form__header { background-color: #45B8AC; padding: 12px; border-radius: 20px 20px 0 0; } .fp-campaigne-individual-degree #form-campaigns .form__header .form__header-title { text-align: center; color: #fff; font-family: 'Raleway'; font-size:22px; font-weight: 600; margin: 0; } .fp-campaigne-individual-degree #form-campaigns .form__body { background-color: transparent; display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; padding: 12px 32px; position: relative; overflow: hidden; transition: all .4s ease-in-out; } .fp-campaigne-individual-degree #form-campaigns .form__body > button[type="button"] { position: absolute; left: 50%; bottom: 0; width: 100%; transform: translate(-50%, 0); z-index: 1; appearance: none; padding: 45px 0 20px; border: none; background: none; color: #0473BA; display: flex; gap: 10px; flex-direction: column; align-items: center; font-family: 'Raleway', sans-serif; font-size: 17px; font-weight: 700; opacity: 1; visibility: visible; pointer-events: all; cursor: pointer; transition: all .4s ease-in-out; } .fp-campaigne-individual-degree #form-campaigns .form__body > button[type="button"]::before { content: ''; position: absolute; bottom: 0; left: 0; background: linear-gradient(180deg, #FFFFFF00 0%, #FAFAFACC 50%, #FFFFFF 100%); width: 100%; height: 100%; z-index: -1; } .fp-campaigne-individual-degree #form-campaigns .form__body > button[type="button"].removing { opacity: 0; visibility: visible; pointer-events: none; transition: all .4s ease-in-out; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col.col-titulacion{ display: none; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col, .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col-condiciones, .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col-submit, .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col-informacion-perfil, .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col.surnames{ grid-column: span 2; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col.surnames input{ width: 100%; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__dos-col { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__dos-col .form__col-left, .fp-campaigne-individual-degree #form-campaigns .form__body .form__dos-col .form__col-right { display: flex; flex-direction: column; position: relative; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__dos-col .form__col-left label, .fp-campaigne-individual-degree #form-campaigns .form__body .form__dos-col .form__col-right label, .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col label { color: #134C8F; font-family: 'Raleway'; font-size: 13px; font-weight: 700; padding-left: 6px; margin-bottom: 5px; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__dos-col .form__col-left label em, .fp-campaigne-individual-degree #form-campaigns .form__body .form__dos-col .form__col-right label em, .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col label em { color: red } .fp-campaigne-individual-degree #form-campaigns .form__body .form__dos-col .form__col-left input, .fp-campaigne-individual-degree #form-campaigns .form__body .form__dos-col .form__col-right input, .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col input, .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col textarea { border:1px solid #b6e1f9; border-radius: 8px; padding: 6px; font-family: 'Raleway'; font-size: 13px; color: #444444; -webkit-text-fill-color: #444444; font-weight: 400; box-shadow: #b6e1f9 0px 0px 6px 1px; -webkit-box-shadow: #b6e1f9 0px 0px 6px 1px; background-color: #fff; transition: all .3s ease-in-out; outline: none; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__dos-col .form__col-left input.error, .fp-campaigne-individual-degree #form-campaigns .form__body .form__dos-col .form__col-right input.error, .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col input.error, .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col textarea.error, .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col select.error { box-shadow: #ff00008c 0px 0px 6px 1px; -webkit-box-shadow: #ff00008c 0px 0px 6px 1px; border:1px solid #ff00008c; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col select { font-family: 'Raleway'; font-size: 13px; border:1px solid #b6e1f9; border-radius: 8px; padding: 6px; color: #444444; -webkit-text-fill-color: #444444; cursor: pointer; box-shadow: #b6e1f9 0px 0px 6px 1px; -webkit-box-shadow: #b6e1f9 0px 0px 6px 1px; font-weight: 400; outline: none; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col-condiciones { position: initial; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col-condiciones .text_form_condiciones span#view-more-conditions, span#view-less-conditions { font-weight: 700; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col-condiciones p, .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col-informacion-perfil p { font-family: 'Raleway', sans-serif; font-size: 13px !important; line-height: 1.3em; margin: 0; color: #134c8f; cursor: pointer; font-weight: 500; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col-condiciones label { margin: 10px 0 !important; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col-condiciones label, .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col-informacion-perfil label { font-family: 'Raleway', sans-serif; font-size: 13px !important; margin: 0; color: #134c8f; cursor: pointer; font-weight: 500; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col-condiciones label, .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col-informacion-perfil label input { margin: 0; padding: 0; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col-condiciones p a, .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col-informacion-perfil p a { color: #45b8ac; cursor: pointer; text-decoration: underline; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col-condiciones label a, .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col-informacion-perfil label a { color: #45b8ac; cursor: pointer; text-decoration: underline; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col-submit { display: flex; justify-content: center; padding: 18px 0 } .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col-submit .btn-submit { background-color: #45b8ac; border-radius: 40px; border: none; font-family: 'Raleway'; font-size: 15px; color: #FFFFFF; font-style: normal; font-weight: 400; moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px; -webkit-box-shadow: rgb(0 0 0 / 15%) 0px 1px 2px 0px; box-shadow: rgb(0 0 0 / 15%) 0px 1px 2px 0px; width: 100px; height: 32px; transition: .3s all ease-in-out; text-align: center; cursor: pointer; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col { display: flex; flex-direction: column; width: 100%; position: relative; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col .phone { position: relative; padding-left: 115px; height: 32px; } .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col .phone-code { position: absolute; top: 18px; font-size: 13px; font-family: 'Raleway'; height: 32px; left: 1px; width: 102px; border: none; background-color: #e9ecef; border-radius: 8px; padding-left: 4px; } .fp-campaigne-individual-degree #form-campaigns .form__body .class-error { font-family: 'Raleway', sans-serif; color: red; font-size: 11px; } .fp-campaigne-individual-degree #form-campaigns .form__body .class-error.show { margin-top: 5px; } @media(min-width: 768px){ .fp-campaigne-individual-degree:has(#form-campaigns) { padding-top: 40px; } } @media (min-width: 1024px) { .fp-campaigne-individual-degree:has(#form-campaigns) { margin: 0; } .fp-campaigne-individual-degree #form-campaigns { max-width: 400px !important; } } @media( max-width: 1400px ){ .fp-campaigne-individual-degree #form-campaigns .form__body .form__one-col .phone-code { top: 18px; } } @media (max-width: 768px) { .fp-campaigne-individual-degree #form-campaigns { width: 450px; } } .fp-campaigne-form-section{ background-image: url(/wp-content/uploads/2025/11/form-background.webp); background-size: cover; width: 100%; min-height: fit-content; } .fp-campaigne-form-section .formulario:has(#form-campaigns) { position: relative; display: flex; padding: 15px; margin: 0 auto; z-index: 3; width: 100%; } .fp-campaigne-form-section .formulario #form-campaigns { display: block; max-width: 450px; width: 100%; border: none; background-color: #FAFAFA; box-shadow: 0 0px 0px #e1e1e1; border-radius: 20px; margin: 0 auto; height: fit-content; margin: auto; position: relative; } .fp-campaigne-form-section .formulario #form-campaigns .form__header { background-color: #45B8AC; padding: 12px; border-radius: 20px 20px 0 0; } .fp-campaigne-form-section .formulario #form-campaigns .form__header .form__header-title { text-align: center; color: #fff; font-family: 'Raleway'; font-size:22px; font-weight: 600; margin: 0; } .fp-campaigne-form-section .formulario #form-campaigns .form__body { background-color: transparent; display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; padding: 12px 32px; position: relative; overflow: hidden; transition: all .4s ease-in-out; } .fp-campaigne-form-section .formulario #form-campaigns .form__body > button[type="button"] { position: absolute; left: 50%; bottom: 0; width: 100%; transform: translate(-50%, 0); z-index: 1; appearance: none; padding: 45px 0 20px; border: none; background: none; color: #0473BA; display: flex; gap: 10px; flex-direction: column; align-items: center; font-family: 'Raleway', sans-serif; font-size: 17px; font-weight: 700; opacity: 1; visibility: visible; pointer-events: all; cursor: pointer; transition: all .4s ease-in-out; } .fp-campaigne-form-section .formulario #form-campaigns .form__body > button[type="button"]::before { content: ''; position: absolute; bottom: 0; left: 0; background: linear-gradient(180deg, #FFFFFF00 0%, #FAFAFACC 50%, #FFFFFF 100%); width: 100%; height: 100%; z-index: -1; } .fp-campaigne-form-section .formulario #form-campaigns .form__body > button[type="button"].removing { opacity: 0; visibility: visible; pointer-events: none; transition: all .4s ease-in-out; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col-condiciones, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col-submit, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col-informacion-perfil, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col.surnames{ grid-column: span 2; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col.surnames input{ width: 100%; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__dos-col { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__dos-col .form__col-left, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__dos-col .form__col-right { display: flex; flex-direction: column; position: relative; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__dos-col .form__col-left label, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__dos-col .form__col-right label, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col label { color: #134C8F; font-family: 'Raleway'; font-size: 13px; font-weight: 700; padding-left: 6px; margin-bottom: 5px; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__dos-col .form__col-left label em, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__dos-col .form__col-right label em, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col label em { color: red } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__dos-col .form__col-left input, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__dos-col .form__col-right input, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col input, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col textarea { border:1px solid #b6e1f9; border-radius: 8px; padding: 6px; font-family: 'Raleway'; font-size: 13px; color: #444444; -webkit-text-fill-color: #444444; font-weight: 400; box-shadow: #b6e1f9 0px 0px 6px 1px; -webkit-box-shadow: #b6e1f9 0px 0px 6px 1px; background-color: #fff; transition: all .3s ease-in-out; outline: none; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__dos-col .form__col-left input.error, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__dos-col .form__col-right input.error, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col input.error, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col textarea.error, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col select.error { box-shadow: #ff00008c 0px 0px 6px 1px; -webkit-box-shadow: #ff00008c 0px 0px 6px 1px; border:1px solid #ff00008c; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col select { font-family: 'Raleway'; font-size: 13px; border:1px solid #b6e1f9; border-radius: 8px; padding: 6px; color: #444444; -webkit-text-fill-color: #444444; cursor: pointer; box-shadow: #b6e1f9 0px 0px 6px 1px; -webkit-box-shadow: #b6e1f9 0px 0px 6px 1px; font-weight: 400; outline: none; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col-condiciones { position: initial; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col-condiciones .text_form_condiciones span#view-more-conditions, span#view-less-conditions { font-weight: 700; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col-condiciones p, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col-informacion-perfil p { font-family: 'Raleway', sans-serif; font-size: 13px !important; line-height: 1.3em; margin: 0; color: #134c8f; cursor: pointer; font-weight: 500; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col-condiciones label { margin: 10px 0 !important; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col-condiciones label, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col-informacion-perfil label { font-family: 'Raleway', sans-serif; font-size: 13px !important; margin: 0; color: #134c8f; cursor: pointer; font-weight: 500; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col-condiciones label, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col-informacion-perfil label input { margin: 0; padding: 0; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col-condiciones p a, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col-informacion-perfil p a { color: #45b8ac; cursor: pointer; text-decoration: underline; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col-condiciones label a, .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col-informacion-perfil label a { color: #45b8ac; cursor: pointer; text-decoration: underline; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col-submit { display: flex; justify-content: center; padding: 18px 0 } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col-submit .btn-submit { background-color: #45b8ac; border-radius: 40px; border: none; font-family: 'Raleway'; font-size: 15px; color: #FFFFFF; font-style: normal; font-weight: 400; moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px; -webkit-box-shadow: rgb(0 0 0 / 15%) 0px 1px 2px 0px; box-shadow: rgb(0 0 0 / 15%) 0px 1px 2px 0px; width: 100px; height: 32px; transition: .3s all ease-in-out; text-align: center; cursor: pointer; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col { display: flex; flex-direction: column; width: 100%; position: relative; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col .phone { position: relative; padding-left: 115px; height: 32px; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col .phone-code { position: absolute; top: 18px; font-size: 13px; font-family: 'Raleway'; height: 32px; left: 1px; width: 102px; border: none; background-color: #e9ecef; border-radius: 8px; padding-left: 4px; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .class-error { font-family: 'Raleway', sans-serif; color: red; font-size: 11px; } .fp-campaigne-form-section .formulario #form-campaigns .form__body .class-error.show { margin-top: 5px; } @media(min-width: 768px){ .fp-campaigne-form-section .formulario:has(#form-campaigns) { padding-top: 40px; } } @media (min-width: 1024px) { .fp-campaigne-form-section .formulario:has(#form-campaigns) { margin: 0; } .fp-campaigne-form-section .formulario #form-campaigns { max-width: 400px !important; } } @media( max-width: 1400px ){ .fp-campaigne-form-section .formulario #form-campaigns .form__body .form__one-col .phone-code { top: 18px; } } @media (max-width: 768px) { .fp-campaigne-form-section .formulario #form-campaigns { width: 450px; } }