/* TODO Arreglar el Figma de UI kit */
/* TODO Terminar el excel de seguimiento para ver lo que falta de maquetar o pasar a Figma */
/* TODO Poner un color corp. que no sea negro para que se vea donde se usa, si no se mezcla con las cosas que sí que son negras de por sí */
/* TODO Hover en enlaces del header */
/* TODO Que todos los cards se ordenen en altura, el CTA abajo */

/* ---------------------------------- */
/* Fuentes */

/*
@font-face {
    font-family: "Helvetica";
    src: url('/wp-content/themes/woko-theme-child/fonts/helvetica-roman-webfont.woff2') format('woff2'), url('/wp-content/themes/woko-theme-child/fonts/helvetica-roman-webfont.woff') format('woff');
    font-weight: 400;
}

@font-face {
    font-family: "Helvetica";
    src: url('/wp-content/themes/woko-theme-child/fonts/helvetica-bold-webfont.woff2') format('woff2'), url('/wp-content/themes/woko-theme-child/fonts/helvetica-bold-webfont.woff') format('woff');
    font-weight: 700;
}
*/


/* ---------------------------------- */
/* Estilos de texto */

/* Texto por defecto */
body, input, textarea, select, button, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.7;
    font-size: 18px;
}

/* Grosores */
.font-weight--100 {
    font-weight: 100;
}
.font-weight--200 {
    font-weight: 200;
}
.font-weight--300 {
    font-weight: 300;
}
.font-weight--400 {
    font-weight: 400;
}
.font-weight--500, .button, .wpforms-submit, .wpforms-page-button.wpforms-page-next, .wpforms-page-button.wpforms-page-prev, .hs-button {
    font-weight: 500;
}
.font-weight--600 {
    font-weight: 600;
}
.font-weight--700, b, strong, .menu__item--current, .form--wpforms .wpforms-container .wpforms-field-label, .form--hubspot .hs-form-field > label, .form--hubspot .hs-dependent-field .hs-field-desc {
    font-weight: 700;
}
.font-weight--800 {
    font-weight: 800;
}
.font-weight--900 {
    font-weight: 900;
}

/* Definidos */
.has-display-1-font-size {
    font-size: clamp(60px, 8vw, 112px);
    line-height: 1.1;
    font-weight: 700;
    text-transform: uppercase;
}
.has-display-2-font-size {
    font-size: clamp(52px, 8vw, 80px);
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
}
.has-display-3-font-size {
    font-size: clamp(45px, 8vw, 60px);
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
}

.has-headline-1-font-size {
    font-size: clamp(38px, 8vw, 48px);
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    color: #232350;
    letter-spacing: -0.8px;
}
.has-headline-2-font-size {
    font-size: clamp(32px, 8vw, 36px);
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    color: #232350;
    letter-spacing: -0.8px;
}
.has-headline-3-font-size {
    font-size: clamp(26px, 8vw, 28px);
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    color: #232350;
    letter-spacing: -0.8px;
}
.has-headline-4-font-size {
    font-size: clamp(23px, 8vw, 24px);
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    color: #232350;
    letter-spacing: -0.8px;
}

.has-body-1-font-size, .button--size-l {
    font-size: 20px;
    line-height: 1.7;
}
.has-body-2-font-size {
    font-size: 18px;
    line-height: 1.7;
}
.has-body-3-font-size, table, input[type="text"], input[type="date"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], textarea, select, .wpforms-field-checkbox, .wpforms-field-radio, .hs-fieldtype-checkbox ul, .hs-fieldtype-radio ul, .button--size-m, .wpforms-submit, .hs-button, .wpforms-page-button.wpforms-page-next, .wpforms-page-button.wpforms-page-prev {
    font-size: 16px;
    line-height: 1.7;
}
.has-body-4-font-size, .buttons__item__annotation, .form--hubspot .hs-fieldtype-booleancheckbox, .wpforms-field-gdpr-checkbox, .button--size-s, .form--wpforms .wpforms-container .wpforms-field-label, .form--hubspot .hs-form-field > label, .form--hubspot .hs-field-desc, .form--wpforms .wpforms-container .wpforms-field-description, .form--wpforms .wpforms-container em.wpforms-error, .form--hubspot .hs-error-msg, .form--wpforms .modern-title, figcaption, .form--hubspot .hs-fieldtype-file .hs-input, .wpforms-field-number-slider-hint {
    font-size: 14px;
    line-height: 1.7;
}
.has-body-5-font-size, .form--wpforms .wpforms-container .wpforms-field-gdpr-checkbox .wpforms-field-description, .form--hubspot .hs-richtext {
    font-size: 12px;
    line-height: 1.7;
}

/* Subrayar */
.underline {
    text-decoration: underline;
}

/* Colores */
body, input, textarea, select, button {
    color: black;
}

.has-black-color, .form--hubspot .hs-dependent-field .hs-field-desc {
    color: black !important;
}
.has-white-color {
    color: white !important;
}
.has-grey-color, .form--wpforms .wpforms-page-indicator-steps, .form--hubspot .hs-field-desc, .form--wpforms .wpforms-container .wpforms-field-description {
    color: #707070 !important;
}
.has-red-color {
    color: #d83636 !important;
}


/* ---------------------------------- */
/* Texto formateado */

/* Enlaces internos */
.text--links-m a:not(.button):not(.share__link):not(.cta_button) {
    border-color: black;
}

/* Márgenes contenidos .text--margins-m */
.text--margins-m .has-display-1-font-size {
    margin-top: clamp(110px, 11vw, 150px);
    margin-bottom: clamp(55px, 10vw, 70px);
}
.text--margins-m .has-display-2-font-size {
    margin-top: clamp(100px, 10vw, 130px);
    margin-bottom: clamp(50px, 10vw, 70px);
}
.text--margins-m .has-display-3-font-size {
    margin-top: clamp(90px, 9vw, 120px);
    margin-bottom: clamp(45px, 10vw, 70px);
}

.text--margins-m .has-headline-1-font-size {
    margin-top: clamp(90px, 8vw, 110px);
    margin-bottom: clamp(40px, 8vw, 55px);
}
.text--margins-m .has-headline-2-font-size {
    margin-top: clamp(80px, 7vw, 100px);
    margin-bottom: clamp(40px, 8vw, 55px);
}
.text--margins-m .has-headline-3-font-size {
    margin-top: clamp(50px, 6vw, 70px);
    margin-bottom: clamp(30px, 8vw, 50px);
}
.text--margins-m .has-headline-4-font-size {
    margin-top: clamp(50px, 5vw, 60px);
    margin-bottom: clamp(40px, 8vw, 55px);
}

.text--margins-m p, .text--margins-m ol, .text--margins-m ul {
    margin: 30px 0;
}

.text--margins-m li {
    margin: 10px 0;
}

.text--margins-m .buttons {
    margin: 40px 0;
}
.text--margins-m .buttons + .buttons {
    margin-top: -15px;
}

.text--margins-m .form {
    margin: 40px 0;
}

.text--margins-m .intro {
    margin: 60px 0;
}

.text--margins-m .wp-block-quote {
    margin-top: clamp(60px, 7vw, 80px);
    margin-bottom: clamp(60px, 7vw, 80px);
}

.text--margins-m table, .text--margins-m .wp-block-table {
    margin: 60px 0;
}

.text--margins-m .tidy {
    margin: 60px 0;
}

.text--margins-m img, .text--margins-m .wp-block-image, .text--margins-m .hs-cta-wrapper {
    margin: 40px 0;
}

.text--margins-m .tweet {
    margin: 60px 0;
}

.text--margins-m .search {
    margin: 60px 0;
}


/* Márgenes contenidos .text--margins-s */
.text--margins-s > * {
    margin: 20px 0;
}
.text--margins-s > .flex, .text--margins-s > .buttons__item {
    margin: 30px 0;
}
.text--margins-s li {
    margin: 10px 0;
}

.text--margins-s .form,
.text--margins-s .intro,
.text--margins-s .wp-block-quote,
.text--margins-s table, .text--margins-s .wp-block-table,
.text--margins-s .tidy,
.text--margins-s img, .text--margins-s .wp-block-image, .text--margins-s .hs-cta-wrapper,
.text--margins-s .tweet,
.text--margins-s .search {
    margin: 40px 0;
}



/* ---------------------------------- */
/* Fondos */

.background--white {
    background: white;
}
.background--darken {
    background: rgba(0,0,0,0.4);
}
.background--darken {
    background: rgba(0,0,0,0.4);
}
.background--left-darken {
    background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.3) 100%);
}
.background--right-darken {
    background: linear-gradient(270deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.3) 100%);
}
.background--lighten {
    background: rgba(255,255,255,0.4);
}
.background--left-lighten {
    background: linear-gradient(90deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.3) 100%);
}
.background--right-lighten {
    background: linear-gradient(270deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.3) 100%);
}
.background--light-grey {
    background-color: #f5f5f5;
}
.background--blue {
    background: linear-gradient(40deg, #465bba, #152d7c);
}
.background--blue::after {
    content: '';
    background: linear-gradient(237deg, #465bba, #152d7c);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    animation-name: background--blue;
    animation-duration: 4s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
}
@keyframes background--blue {

    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }

}


/* ---------------------------------- */
/* Slider */

/* Bullet activo de la navegación */
.slider .swiper-pagination-bullet-active::after {
    background-color: black;
}

/* Flechas */
.slider .swiper-button-next, .slider .swiper-button-prev {
    color: black;
}


/* ---------------------------------- */
/* Botones */

.button, .wpforms-submit, .wpforms-page-button.wpforms-page-next, .wpforms-page-button.wpforms-page-prev, .hs-button {
    border: 2px solid;
}
.button:active, .wpforms-submit:active, .wpforms-page-button.wpforms-page-next:active, .hs-button:active, .button--state-active {
    transform: scale(0.98);
}

/* Tamaños */
.button--size-s {
    padding-left: 10px;
    padding-right: 10px;
    height: 43px;
}
.button--size-m, .wpforms-submit, .wpforms-page-button.wpforms-page-next, .wpforms-page-button.wpforms-page-prev, .hs-button {
    padding-left: 18px;
    padding-right: 18px;
    height: 52px;
}
.button--size-l {
    padding-left: 25px;
    padding-right: 25px;
    height: 60px;
}

/* Primario (normal, hover, active y disabled) */
.button--appearance-primary, .wpforms-submit, .wpforms-page-button.wpforms-page-next, .hs-button {
    color: white;
    background: #232350;
    border-color: #232350;
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 10px;
    font-weight: 700;
}
.button--appearance-primary:hover, .wpforms-submit:hover, .wpforms-page-button.wpforms-page-next:hover, .hs-button:hover, .button--appearance-primary.button--state-hover {
    background: #17173e;
    border-color: #17173e;
}

/* Fantasma (normal, hover, active y disabled) */
.button--appearance-phantom, .wpforms-page-button.wpforms-page-prev {
    border-color: #232350;
    color: #232350;
    background: transparent;
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 10px;
    font-weight: 700;
}
.button--appearance-phantom:hover, .wpforms-page-button.wpforms-page-prev:hover, .button--appearance-phantom.button--state-hover {
    background: #f1f1f9;
}

/* Texto (normal, hover, active y disabled) */
.button--appearance-text {
    border: none;
    padding: 2px 0;
    height: auto;
    border-bottom: 2px solid #232350;
}
.button--appearance-text:hover, .button--appearance-text.button--state-hover {
    border-color: #0c0c3e;
}

/* Estados */
.button:disabled, .wpforms-submit:disabled, .wpforms-page-button.wpforms-page-next:disabled, .wpforms-page-button.wpforms-page-prev:disabled, .hs-button:disabled, .button--state-disabled {
    opacity: 0.4;
    pointer-events: none;
}

/* Iconos */
.button > .button__icon {
    margin: 0 8px;
}

/* Anotación */
.buttons__item__annotation {
    color: #818181;
}


/* ---------------------------------------- */
/* Logo */

/* Tamaños */
.logo--size-m {
    width: 110px;
}
.logo--size-l {
    width: 120px;
}

@media (max-width: 1110px) {

    .logo--size-m {
        width: 100px;
    }
    .logo--size-l {
        width: 100px;
    }

}
@media (max-width: 980px) {

    .logo--size-m {
        width: 90px;
    }

}
@media (max-width: 570px) {

    .logo--size-m {
        width: 80px;
    }
    .logo--size-l {
        width: 90px;
    }

}



/* ---------------------------------------- */
/* Iconos */

/* Tamaño */
.material-symbols-outlined--xs {
    font-size: 16px !important;
    position: relative;
    top: 1px;
}
.material-symbols-outlined--s {
    font-size: 20px !important;
}
.material-symbols-outlined--m {
    font-size: 25px !important;
}
.material-symbols-outlined--l {
    font-size: 30px !important;
}
.material-symbols-outlined--xl {
    font-size: 40px !important;
}
.material-symbols-outlined--xxl {
    font-size: 45px !important;
}


/* ---------------------------------- */
/* Formularios */

/* Texto y select (normal, hover, focus, error y ok) */
input[type="text"], input[type="date"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], textarea, select {
    padding: 14px 20px;
    background: #F9FAFB;
    border-radius: 5px;
    border-color: #F9FAFB;
    transition: 0.15s;
}
input[type="text"]:hover, input[type="password"]:hover, input[type="date"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="number"]:hover, textarea:hover, select:hover {
    border-color: #eeeeee;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
    border-color: #b8b8b8;
}
input[type="text"].wpforms-error, input[type="password"].wpforms-error, input[type="email"].wpforms-error, input[type="tel"].wpforms-error, input[type="number"].wpforms-error, textarea.wpforms-error, select.wpforms-error,
input[type="text"].invalid, input[type="date"].invalid, input[type="password"].invalid, input[type="email"].invalid, input[type="tel"].invalid, input[type="number"].invalid, textarea.invalid, select.invalid {
    border-color: #d75c5c !important;
}
input[type="text"].wpforms-valid, input[type="password"].wpforms-valid, input[type="email"].wpforms-valid, input[type="tel"].wpforms-valid, input[type="number"].wpforms-valid, textarea.wpforms-valid, select.wpforms-valid {
    border-color: #a8c97a !important;
}


/* Checkbox y radio (normal, hover, error y checked) */
input[type="checkbox"], input[type="radio"] {
    background: #edeff1;
    border-color: #edeff1;
    border-radius: 5px;
    position: relative;
    transition: 0.15s;
}
input[type="checkbox"]::after, input[type="radio"]::after {
    font-family: 'Material Symbols Outlined';
    content: "check";
    -webkit-font-feature-settings: 'liga';
    font-size: 30px;
    position: absolute;
    top: calc(50% - 2px);
    left: calc(50% + 3px);
    transform: translateX(-50%) translateY(-50%) scale(0.5);
    opacity: 0;
    transition: 0.15s;
    pointer-events: none;
}
input[type="radio"] {
    border-radius: 1000px;
}

input[type="checkbox"]:hover, input[type="radio"]:hover {
    border-color: #dde0e3;
}
input[type="checkbox"].wpforms-error, input[type="radio"].wpforms-error,
input[type="checkbox"].invalid, input[type="radio"].invalid {
    border-color: #d75c5c !important;
}
input[type="checkbox"]:checked::after, input[type="radio"]:checked::after {
    transform: translateX(-50%) translateY(-50%);
    opacity: 1;
}

/* Select */
.wpforms-field-select::after,
.form--hubspot .hs-fieldtype-select .input::after {
    right: 8px;
}
.wpforms-field-select::after {
    top: 29px;
}
.wpforms-field-select select {
    padding-right: 40px;
}

/* Mensajes de error */
.form--wpforms .wpforms-container em.wpforms-error,
.form--hubspot .hs-error-msg {
    color: #d75c5c;
}

/* Mensaje al enviar el formulario */
.wpforms-confirmation-container {
    background: #deecca;
    padding: 20px 20px;
    padding-bottom: 22px;
}

/* Formulario por pasos: títulos de los pasos */
.form--wpforms .wpforms-page-indicator-page .wpforms-page-indicator-page-triangle {
    border-top-color: black !important;
}
.form--wpforms .wpforms-page-indicator-page-title {
    font-size: 15px !important;
    line-height: 1.4;
}

/* Formulario por pasos: indicador de pasos */
.form--wpforms .wpforms-page-indicator-steps {
    margin-top: 10px;
}

/* Formulario por pasos: altura de la barra */
.form--wpforms .wpforms-page-indicator-page-progress-wrap, .form--wpforms .wpforms-page-indicator-page .wpforms-page-indicator-page-number {
    height: 4px !important;
}

/* Formulario por pasos: color de la barra */
.form--wpforms .wpforms-page-indicator-page .wpforms-page-indicator-page-number, .wpforms-page-indicator-page-progress-wrap {
    background-color: #f0f0f0 !important;
}
.form--wpforms .wpforms-page-indicator-page.active .wpforms-page-indicator-page-number, .form--wpforms .wpforms-page-indicator-page-progress {
    background-color: black !important;
}

/* Checkbox del RGPD */
.form--wpforms .wpforms-field-gdpr-checkbox .wpforms-field-label-inline,
.form--hubspot .hs-fieldtype-booleancheckbox {
    color: #767676;
}

.has-white-color .form--wpforms .wpforms-page-indicator-steps,
.has-white-color .form--hubspot .hs-field-desc,
.has-white-color .form--wpforms .wpforms-container .wpforms-field-description {
    color: #c8c8c8 !important;
}
.has-white-color .form--wpforms .wpforms-field-gdpr-checkbox .wpforms-field-label-inline,
.has-white-color .form--hubspot .hs-fieldtype-booleancheckbox {
    color: #c8c8c8 !important;
}



/* ---------------------------------- */
/* Texto */

/* Entradilla */
.intro {
    border-color: black;
}

/* Check */
.check__icon {
    color: black;
}

/* Tabla */
table td, table th {
    padding: 10px !important;
    border: 1px solid #f3f3f3 !important;
}
table tr:nth-child(even) {
    background: #F9FAFB;
}

/* Captions */
figcaption {
    border-color: #CFCFD0;
    color: #868686;
    margin-top: 20px;
    padding-top: 12px;
}


/* ---------------------------------- */
/* Usuarios */


.account {
    display: flex;
    gap: 30px;
    justify-content: space-between;
}
.account__title {
    min-width: 370px;
}
.account__data {
    width: 100%;
    margin-top: -10px;
}
.account__data li {
    border-bottom: 1px solid #e7e7e7;
    list-style: none;
    padding: 10px 0;
}

@media (max-width: 980px) {

    .account {
        flex-direction: column;
    }

}
@media (max-width: 570px) {

    .account__data > li {
        display: block;
    }
    .account__data > li > span {
        display: block;
    }

}


/* ---------------------------------- */
/* Solicitudes */

/* Tabla con todas las becas o solicitudes */
.table {
    overflow-x: auto;
}
.table tr {
    background: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.table td, .table th {
    border: none !important;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}
.table th {
    font-size: 15px;
}

/* Acceso */
.acceso {
    display: flex;
    position: relative;
    gap: 150px;
}
.acceso > div {
    width: 50%;
}
.acceso > div:first-child::after {
    content: '';
    width: 1px;
    height: 100%;
    display: block;
    background: white;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.2;
}

@media (max-width: 980px) {

    .acceso {
        gap: 80px;
    }

}
@media (max-width: 570px) {

    .acceso {
        flex-direction: column-reverse;
        gap: 60px;
    }
    .acceso > div:first-child::after {
        content: none;
    }
    .acceso > div {
        width: 100%;
    }

}

/* Estados */
.estados__estado__corrections {
    color: white;
    display: inline-flex;
    margin-left: 8px;
    align-items: center;
    justify-content: center;
    background: #ed5757;
    width: 24px;
    height: 24px;
    border-radius: 1000px;
    font-size: 16px;
    font-weight: 700;
    padding-top: 1px;
    text-align: center;
}

/* Ficha de solicitud */
.solicitud__bar {
    border-top: 1px solid #e7e7e7;
}
.solicitud__bar__load, .documentos__lista__load {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    transition: 0.5s;
    pointer-events: none;
    opacity: 0;
}
.solicitud__bar__load::after, .documentos__lista__load::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 45px;
    display: block;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 7px solid #191818;
    pointer-events: none;
    animation:
            solicitud__bar__load_1 0.8s infinite linear alternate,
            solicitud__bar__load_2 1.6s infinite linear;
}
@keyframes solicitud__bar__load_1 {
    0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
    12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
    25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
    50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
    62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
    75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
    100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
}
@keyframes solicitud__bar__load_2 {
    0%    {transform:translateX(-50%) translateY(-50%) scaleY(1)  rotate(0deg)}
    49.99%{transform:translateX(-50%) translateY(-50%) scaleY(1)  rotate(135deg)}
    50%   {transform:translateX(-50%) translateY(-50%) scaleY(-1) rotate(0deg)}
    100%  {transform:translateX(-50%) translateY(-50%) scaleY(-1) rotate(-135deg)}
}

.solicitud__progress {
    background-color: #E4E1F4;
    height: 30px;
    width: 100%;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin-right: 20px;
}
.solicitud__progress > div {
    background-color: #B6B6DA;
    width: 0%;
    transition: 0.3s;
    display: block;
    height: 100%;
    border-radius: 10px;
}
.solicitud__progress > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.solicitud__columns {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(5, 1fr);
}
.solicitud__columns__left {
    border-right: 1px solid #e7e7e7;
    padding-right: 50px;
    grid-column: 2 span;
}
.solicitud__columns__right {
    grid-column: 3 span;
    transition: 0.5s;
}

@media (max-width: 980px) {

    .solicitud__columns {
        display: block;
    }
    .solicitud__columns__left {
        border: none;
        padding: 0;
        margin-bottom: 20px;
    }
    .solicitud__columns__right {
        max-width: 600px;
    }
    .solicitud__progress {
        display: none;
    }

}

.solicitud__corrections {
    list-style: none;
}
.solicitud__correction--corrected {
    text-decoration: line-through;
    opacity: 0.5;
    color: black;
}

.solicitud__anexo--disabled {
    display: none;
}
.solicitud__field--disabled {
    display: none;
}

.solicitud__field--checkbox input {
    margin-top: 3px !important;
}

.solicitud__field--file .solicitud__field__input {
    margin-top: 6px;
}
.solicitud__field--file input {
    display: none;
}
.solicitud__field--file .solicitud__field__input__area {
    border: 2px dashed #9b9b9b;
    color: #9b9b9b;
    width: 100%;
    height: 80px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    text-align: center;
}
.solicitud__field--file .solicitud__field__input__area span {
    max-width: 240px;
    line-height: 1.3;
}
.solicitud__field--file .solicitud__field__input__area:hover {
    cursor: pointer;
}

.solicitud__field__input__files {
    background: #f7f7fa;
    color: #232350;
    border: 2px solid #b3b3bf;
    border-radius: 6px;
    padding-right: 35px;
    position: relative;
    display: none;
}
.solicitud__field__input__files__close {
    cursor: pointer;
    position: absolute;
    right: 4px;
    top: 4px;
    color: #232350;
}
.solicitud__field__input__files li {
    padding: 8px;
}
.solicitud__field__input__files li:first-child {
    display: none;
}
.solicitud__field__input__files li + li {
    padding-top: 0;
}

.solicitud__field__input__currentfiles {
    list-style: none;
    margin-bottom: 8px;
}
.solicitud__field__input__currentfile {
    background: #f7f7fa;
    color: #232350;
    border: 1px solid #b3b3bf;
    border-radius: 6px;
    padding: 4px 10px;
}
.solicitud__field__input__currentfile__remove {
    cursor: pointer;
}

.solicitud__field--file--uploaded .solicitud__field__input__files {
    display: block;
}
.solicitud__field--file--uploaded .solicitud__field__input {
    display: none;
}

@media (max-width: 570px) {

    .solicitud__field--file .solicitud__field__input__area {
        padding-left: 8px !important;
        padding-right: 40px !important;
    }

}

.solicitud__field--textarea .solicitud__field__input__area {
    min-height: 80px;
    max-height: 300px;
    resize: vertical;
    display: block;
}

.solicitud__field--select .solicitud__field__input::after {
    content: '';
    position: absolute;
    right: 13px;
    top: calc(50% - 1px);
    transform: translateY(-50%) rotate(135deg);
    z-index: 1;
    width: 10px;
    height: 10px;
    border: 2px solid black;
    border-left: none;
    border-bottom: none;
    pointer-events: none;
    opacity: 0.4;
}
.solicitud__field--select .solicitud__field__input__tooltip {
    margin-right: 30px;
}

.solicitud__field__label {
    gap: 7px;
}
.solicitud__field__title {
    line-height: 1.5;
}
.solicitud__field__subtitle {
    line-height: 1.5;
}
.solicitud__field__template {
    text-decoration: underline;
}

.solicitud__field__input {
    position: relative;
}
.solicitud__field__input__area {
    width: 100%;
    padding-right: 50px !important;
}

.solicitud__field__input__tooltip {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    padding: 8px 0;
}
.solicitud__field__input__tooltip span {
    width: 20px;
    height: 20px;
    border-radius: 1000px;
    background: #202122;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    cursor: pointer;
}
.solicitud__field__input__tooltip p {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    color: white;
    background: #202122;
    width: max-content;
    padding: 10px;
    max-width: 230px;
    pointer-events: none;
    transition: 0.15s;
    opacity: 0;
}
.solicitud__field__input__tooltip:hover p {
    opacity: 1;
    pointer-events: unset;
}

.solicitud__field--multiple ul {
    list-style: none;
    max-height: 150px;
    overflow-y: auto;
    position: relative;
}

.solicitud__legal {
    height: 70px;
    overflow-y: auto;
}


.solicitud--submitting .solicitud__columns__right {
    opacity: 0.3;
    pointer-events: none;
}
.solicitud--submitting .solicitud__bar__load,
.documentos--submitting .documentos__lista__load {
    opacity: 1;
    pointer-events: unset;
}



.documentos__lista__item {
    background: #f7f7fa;
    color: #232350;
    border: 1px solid #b3b3bf;
    border-radius: 6px;
    padding: 12px 16px;
    transition: 0.3s;
}
.documentos__lista__item input {
    display: none;
}
.documentos__lista__item--error {
    background: #fcebeb;
    color: #cf4e4e;
    border: 1px solid #cf4e4e;
}
.documentos__lista__item--ok {
    background: #90cf4e26;
    color: #699638;
    border: 1px solid #7eb642;
}


/* Alerta */
.alert {
    border: 1px solid #90cfce;
    padding: 20px 30px;
    border-radius: 5px;
    background: #90cfce1c;
    color: #1d6867;
}


/* ---------------------------------- */
/* Acordeones */

/* Aries */
.aries__title__arrow {
    color: black;
}


/* ---------------------------------- */
/* Tablas de precios */

/* Virgo */
.virgo__featured {
    background: black;
    color: white;
}
.virgo__description {
    color: #737373;
}
.virgo__characteristic--included .virgo__characteristic__icon {
    color: #6aa35b;
}
.virgo__characteristic--not-included {
    color: #acacac;
}


/* ---------------------------------- */
/* Switchers */

/* Acuario */
.acuario {
    background: #eff0f1;
    border-radius: 8px;
}
.acuario__item {
    border-radius: 8px;
}
.acuario__item.switcher__item--active {
    background-color: black;
    color: white;
}



/* ---------------------------------- */
/* Widgets */

/* Share */
.share__link {
    background: #ebebeb;
}
.share__link:hover {
    background: #d5d5d5;
}


/* ---------------------------------------- */
/* Counters */

/* Linx */
.linx__value {
    color: black;
}


/* ---------------------------------------- */
/* Diseño */

.anchor-menu a {

}
.anchor-menu__current {
    font-weight: 700;
}


/* ---------------------------------------- */
/* Calendario */

.calendar__day--past {
    opacity: 0.4;
}

.calendar__day--results:not(.calendar__day--results--hidden) {
    color: #f93939;
    font-weight: 700;
}

.calendar__day--selected {
    border: 2px solid;
}

.calendar__day--today {
    background-color: #f93939;
    border: 2px solid;
    color: white;
}