/*Formacion.chtml*/

.botones_filtro {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6%;
    font-size: 16px;
}

.bt_filtrar {
    display: flex;
    align-items: center;
    padding: 0% 5%;
}

    .bt_filtrar button {
        padding: 10px 20px;
        display: inline-flex;
        align-items: center;
        margin-right: 10px;
    }

    .bt_filtrar img {
        vertical-align: middle;
        margin-left: 10px;
    }

.bt_limpiar {
    padding: 20px 0px;
}

/*
    .bt_limpiar a {
        background-color: #1d2448;
        padding: 10px 70px 12px 20px;
        border-radius: 20px;
        color: #ffffff;
        background-image: url('../img/flecha_cta_b.png');
        background-repeat: no-repeat;
        background-position: right 15px center;
        text-decoration: none;
        font-size: 18px;
    }

        .bt_limpiar a:hover {
            background-color: #000;
        }*/


.curso .contenido {
    width: 100% !important;
}


.cartuchoFechaPadre {
    padding: 0% !important;
}

.cartuchoFechaHijo {
    padding: 7% !important;
    background-color: #303C64 !important;
}

.tags {
    margin-left: 5%;
    margin-right: 5%;
}


/*.barrafecha {
    background-color: transparent;*/ /* Establece el color de fondo por defecto */
/*transition: background-color 0.3s ease;*/ /* Agrega una transición suave para el cambio de color de fondo */
/*}*/

/* Establece el color de fondo de barrafecha cuando se hace hover en curso */
/*.curso:hover .barrafecha {
    background-color: navy;*/ /* Cambia el color de fondo al hacer hover en curso */
/*}*/


/* COLABORADORES */
.colaboradorDetalle {
    color: black;
    text-decoration: none;
}

.colaborador_nopremium {
    cursor: default !important;
    background-image: none !important;
}

.partner {
    margin: 0% 0% 2% 0% !important;
    font-weight: bold !important;
}

/* BLOG */
.categoriaSeleccionada {
    background-color: #1a1a53 !important;
    color: #fff !important;
}

.categoriaDetalle {
    display: inline-block;
    margin-right: 10px;
}


/* Formacion_Detalle / Curso */

#formacion_detalle .bt_submit {
    background-color: #ffffff;
    padding: 10px 70px 12px 20px;
    border-radius: 20px;
    color: #1d2448;
    background-image: url('/img/flecha_cta_w.png');
    background-repeat: no-repeat;
    background-position: right 15px center;
    text-decoration: none;
    font-size: 18px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

    #formacion_detalle .bt_submit:hover {
        background-color: #1d2448;
        color: #fff;
        -moz-transition: all ease-in-out .2s;
        -o-transition: all ease-in-out .2s;
        transition: all ease-in-out .2s
    }


.checklegal {
    margin-right: 0%;
}

.linklegal {
    color: white;
    font-size: 85%;
}

.linklegalbolsa {
    color: black;
    font-size: 80%;
}

#preciosResumen p {
    margin: 1% 1% 0% 1%;
}


/* Curso detalle compra */
.mensajeplazas {
    text-align: center;
    margin-top: 10px;
}

    .mensajeplazas p {
        display: inline-block;
    }

.mensajeYaReservado {
    text-align: center;
    margin-top: 10px;
}

    .mensajeYaReservado p {
        display: inline-block;
        color: red;
    }


.removeLinksStyle {
    color: inherit !important;
    text-decoration: underline;
    font-weight: bold;
}


#ErrorLogin {
    color: red;
}


/* Area privada */
.btnModificar {
    background-color: transparent;
    border: none;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}



/*  SOCIEDADES AMIGAS  */
#sociedad_amiga {
    cursor: default !important;
    background-image: none !important;
}

.datos_empresa {
    margin-top: 5%;
}


/*  SOCIEDAD  */

.cuota p {
    text-align: center;
    font-style: italic;
}


/*    BOLSA EMPLEO     */
#btn_solicitar {
    background-image: url('/img/flecha_cta_b.png');
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-color: #25327a;
    color: #efefef;
    border-radius: 30px;
    float: right;
    padding: 8px 70px 9px 25px;
    font-size: 18px;
    margin-top: 2px;
    cursor: pointer;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

    #btn_solicitar a {
        text-decoration: none;
        color: white;
    }

.bt_submit_bolsa {
    background-image: url('/img/flecha_cta_b.png');
}


.logo_clinica {
    width: 200px; /* Ajusta el ancho del contenedor según tu diseño */
    height: 100px; /* Altura del contenedor */
    overflow: hidden; /* Oculta cualquier contenido que desborde */
    display: flex;
    align-items: center;
    justify-content: center;
}

    .logo_clinica img {
        width: 100%;
        height: auto;
        max-width: 200px;
        max-height: 100px;
        object-fit: contain;
        display: block;
        margin: 0 auto;
    }




/*  AREA Facturas  */

.bt_submitDescarga {
    background-color: #1d2448;
    padding: 10px 70px 12px 20px;
    border-radius: 20px;
    color: #fff;
    background-image: url('/img/flecha_cta_w.png');
    background-repeat: no-repeat;
    background-position: right 15px center;
    text-decoration: none;
    font-size: 18px;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

    .bt_submitDescarga:hover {
        background-color: #000;
        color: #fff;
        -moz-transition: all ease-in-out .2s;
        -o-transition: all ease-in-out .2s;
        transition: all ease-in-out .2s;
        background-image: url('/img/flecha_cta_w.png');
    }


.group_form {
    text-transform: none !important;
}



.flatpickr-input {
    text-align: left;
}

.input-wrapper {
    position: relative;
    margin-top:1rem;
    /*display: flex;*/
    /*align-items: end;*/
/*    align-content: space-between;  
    justify-content:space-between;*/
    /*margin-top:1rem;*/
}



#fecha_personales {
    width: 100%;
    height: 20px;
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
    height: 38px; 
    font-size: 1rem;
    line-height: 1.5;
    box-sizing: border-box; 
}



#blog_detalle .contactar {
    background: rgb(197, 196, 194);
    background: linear-gradient(180deg, rgba(138, 136, 134, 1) 0%, rgba(197, 196, 194, 1) 100%);
    padding-top: 60px;
    padding-bottom: 100px;
    margin-bottom: 0px;
}

    #blog_detalle .contactar .content_form {
        width: 65%;
        margin: 0px auto;
    }

    #blog_detalle .contactar .titular_cont {
        padding-bottom: 60px;
    }

        #blog_detalle .contactar .titular_cont .titular {
            white-space: nowrap;
            color: #ffffff;
            font-size: 35px;
            background: none;
            -webkit-text-fill-color: inherit;
        }

        #blog_detalle .contactar .titular_cont .subtitular {
            font-size: 16px;
            padding-left: 20px;
            padding-top: 3px;
            margin-left: 20px;
            border-left: 1px solid #ffffff;
            color: #ffffff;
        }

    #blog_detalle .contactar .group_form {
        margin-bottom: 30px;
    }

    #blog_detalle .contactar .result {
        margin-top: 20px;
        margin-bottom: 20px;
    }


    #blog_detalle .contactar .group_form input {
        background: none;
        border: none;
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
        border-bottom: 1px solid #ffffff;
        border-radius: 0px;
        padding-left: 0px;
        color: #ffffff;
    }

    #blog_detalle .contactar .group_form textarea {
        background: none;
        border: none;
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
        border-bottom: 1px solid #ffffff;
        border-radius: 0px;
        padding-left: 0px;
        color: #ffffff;
        height: 30px;
        resize: none;
        text-transform: uppercase
    }

        #blog_detalle .contactar .group_form textarea::placeholder {
            color: #ffffff;
            opacity: .6;
        }


/*    CESTA      */
.checkboxCesta{
    color:black !important;
}



/*  BLOG    */
#categoriasBlog {
    padding-top: 2rem !important;
    padding-bottom: 1rem !important;
}



/*  Menu movil    */
@media (min-width: 992px) {
    .main_menu .dropdown:hover > .dropdown-menu {
        display: block;
    }
}


/* FOOTER */
.footer_newsletter {
    margin-top: 20px;
}

.footer_newsletter_title {
    font-weight: 600;
    margin-bottom: 10px;
}

.footer_newsletter_more {
    display: none;
    margin-top: 12px;
}

    .footer_newsletter_more.is-open {
        display: block;
    }

/* INPUT NEWSLETTER FOOTER */
.footer_newsletter input.form-control {
    background: transparent;
    color: #fff;
    border: none;
    border-bottom: 1px solid #fff;
    box-shadow: none;
}

    /* Línea inferior en focus */
    .footer_newsletter input.form-control:focus {
        color: #fff;
        border-bottom: 1px solid #fff;
        box-shadow: none;
    }

    /* Placeholder blanco */
    .footer_newsletter input.form-control::placeholder {
        color: #fff;
        opacity: 1;
    }

    /* Compatibilidad navegadores */
    .footer_newsletter input.form-control::-webkit-input-placeholder {
        color: #fff;
    }

    .footer_newsletter input.form-control:-ms-input-placeholder {
        color: #fff;
    }

    .footer_newsletter input.form-control::-ms-input-placeholder {
        color: #fff;
    }