/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

@media (max-width: 767px) {
    .navbar-brand.logo-container.hidden-xs {
        display: block !important;
    }
}



.navbar-default {
    background-color: #65079a;
    border-color: #65079a;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    text-decoration: underline;
    color: #fff !important;
}

/* 
.logo {
    display: block;
    text-indent: -9999px;
    width: 190px;
    height: 46px;
    background: url(https://www.ull.es/wp-content/themes/base-ull/assets/svg/ull-sprite.svg) no-repeat 0 -695px transparent; 
    margin: 22px;
}
*/

.text-primary {
    color: rgb(0, 0, 0) !important;
}

.group-title {
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: left;
}

.group-description {
 margin-top: 0px;
 background-color: #fff;
 border: none;
 border-radius: 4px;
 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
 box-shadow: inset 0 0px 0px 

}

.question-container {
    border: 1px solid #65079a;
    background-color: #fff;
    margin-bottom: 15px !important;
    /* margin-top: -1px; */
}

.question-title-container {
    padding-top: 0em;
    padding-bottom: 0em;
    border: 1px solid #65079a;
    background-color: #65079a;
    color: #fff;
}

.answer-container {
   background-color: transparent !important;
   padding: 5px;
}


.btn-primary {
    color: #fff;
    background-color: #5c068c;
    border-color: #430467;
}

.btn-primary:hover {
    color: #fff;
    background-color: #430467;
    border-color: #430467;
}

.btn-primary:focus {
    color: #fff;
    background-color: #2e0346;
    border-color: #2e0346;
}

.btn-primary:active {
    color: #fff;
    background-color: #000000 !important; !important;
    /* border-color: #28023e  !important; */
    border-color: #2e0346  !important;
}

.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #000000  !important;
    border-color: #28023e  !important;
}

.text-primary {
    color: rgb(92, 6, 140);
}


.progress-bar {
    background-color: #430467;
}

label::after {
    background-color: #2c3e50;
}


.ls-even {
    background-color: #65079a1f;
}

.ls-odd {
    background-color: #fff;
}
.asterisk {
    display: none;
}

.survey-welcome {
    margin-top: 30px;
    margin-bottom: 30px;
}

.slider-list .form-group {
    margin-bottom: 1px;
}

.question-container {
    border:#65079a26;
}

.question-title-container {
    padding-top: 1em;
    padding-bottom: 1em;
    border: none;
    background-color: #65079a26;
    color: #000;
}


.texto .ls-question-help {
    display:none;

}


.question-container.row {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}

.space-col {
    margin-top: 1em;
    margin-bottom: 0em;
}

.survey-welcome {
    margin-top: 30px;
    margin-bottom: 10px;
}

.columna .question-valid-container {
    display:none;

}

@media (min-width: 768px) {
.columna {
    display: inline-block;
    width: 49%;
}



.formulario .question-title-container {
        
         width: 100%;
         
}
    
.formulario .answer-container {
         
         width: 100%;
      
    
}

.formulario .answer-container .ls-answers {
         
         padding-top:10px;
      
    
}

}

.texto .question-title-container {
    background: none;
    border: none;
    
}

.textoNo .question-title-container {
    background-color: #f2d2d2;
    border: none;
}

.textoSi .question-title-container {
    background-color: #d8eee2;
    border: none;
}

.subida {
    border: 1px solid #65079a70 !important;
    margin-bottom: 0px !important;

}

.top-container {
    margin-top: 0px !important;
}

.aceptacion .question-title-container {
    display:none;
}



.aceptacion .answers-list {
    padding-top: 3px;
    padding-bottom: 0;
}
.aceptacion .answer-item  {
   
    margin-bottom: 0px;
}

.espaciosup .question-title-container {
     margin-top: 20px !important;
}

.subidaD .question-title-container {
    display: inline-block;
    width: 60%;
    background-color: white;
}

.subidaD .question-title-container {
    display: inline-block;
    width: 60%;
    background-color: white;
}

.subidaD .question-valid-container {
    display:none;
}

.subidaD .question-title-container {
    display: inline-block;
    width: 60%;
    background-color: white;
}

.subidaD .answer-container {
    display: inline-block;
    width: 38%;
}

.subidaD {
    border: 1px solid #65079a70 !important;
    margin-bottom: 0px !important;
}



.formulario .question-valid-container {
}


@media (orientation: landscape) {
    .formulario .question-title-container {
        width: 30%;
    }

    .formulario .answer-container {
        width: 68%;
        padding-top: 0px;
    }
}

/*

    .formulario .question-title-container {
        
         width: 30%;
         
    }
    
    .formulario .answer-container {
         
         width: 68%;
         padding-top: 0px;
    
    }
    
*/
    
    .formulario .question-valid-container {
         
         display: none;
     
    }



/*
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
*/

.prgcolumnas .question-item {
    width:49%;
    display: inline-block;
}

.cnae {
    margin: 0px;
        
}

.cnae .questionvalidcontainer {
    display: none; 
}

.cnae .text-info {
    display: none; 
}



.cnae .question-help-container {
    display: none; 
}

.cnae .question-title-container {
    display: inline-block;
    margin-bottom: 10px;
    width: 27%;
    font-size: 10px;
    color: #000000;
    background-color: white;
    text-align: right;
}

.cnae .question-title-container + .question-wrapper {
    display: none;
}

.cnae .answer-container {
    display: inline-block;
    width:50%;
    padding-top: 0em;
    margin-bottom: 0px;
}

.cnae .question-text {

    font-size: 14px;
    color: #000000;
}
.cnae .answer-container .answer-item {
    display: inline-block;
    width:100%;
}

.asterisk {
    display: none;
}

.txtcnae .question-help-container {
    display:none;   
}

.txtcnae .question-help-container {
    display:none;   
}

.txtcnae .answer-container  {
    display:none;   
}

.codcnae {
    display: inline-block;
    width:57%;
}
.codcnae .question-title-container {
    display: inline-block;
    margin-bottom: 10px;
    width: 49%;
    font-size: 10px;
    color: #000000;
    background-color: white;
    text-align: right;
}

.codcnae .question-title-container + .question-wrapper {
    display: none;
    margin: 0px;
}

.codcnae .question-valid-container {
    display: none; 
}

.codcnae .answer-container {
    display: inline-block;
    width:50%;
    padding-top: 0em;
    margin-bottom: 0px;
}

.codcnae .question-text {

    font-size: 14px;
    color: #000000;
}
.codcnae .answer-container .answer-item {
    display: inline-block;
    width:100%;
}


.codcnae .questionvalidcontainer {
    display: none; 
}

.codcnae .question-help-container {
    display: none; 
}

.codcnae .form-group .col-sm-7 {
    width: 100%;
}


/* ///////////////////////// */
.helpcnae {
    display: inline-block;
    width:30%;
    margin: 0px 0px 0px 0px;
}

.helpcnae .question-title-container {
    display: none;
    margin-bottom: 10px;
    width: 27%;
    font-size: 10px;
    color: #000000;
    background-color: white;
    text-align: right;
}

.helpcnae .text-info {
    display: none;
}
.helpcnae .question-title-container + .question-wrapper {
    display: none;
}

.helpcnae .answer-container {
    display: inline-block;
    width:100%;
    padding-top: 0em;
    margin-bottom: 0px;
}

.helpcnae .question-text {

    font-size: 12px;
    color: #000000;
}
.helpcnae .answer-container .answer-item {
    display: inline-block;
    width:200%;
}


.helpcnae .questionvalidcontainer {
    display: none; 
}

.helpcnae .question-help-container {
    display: none; 
}

.firmantedos .question-title-container {
    display: inline-block;
    margin-bottom: 10px;
    width: 49%;
    font-size: 10px;
    color: #000000;
    background-color: white;
    text-align: center;
}

.opfirmante {
    width:100%;
    margin: 0px 0px 0px 0px;
}

.txtplano .question-title-container {
    background-color: #ffffff;
    margin: 0px 0px 0px -20px;
}

.col25 {
    width:35%;
}

.col25 .col-sm-4 {
     width:100%;
}

.col75 {
    width:64%;
    margin: 0px 0px 0px 5px;
}

.col25 .col-sm-4 {
     width:100%;
}

.col30 {
    width:32%;
    margin: 0px 5px 0px 0px;
}

.fec50 {
    width:27%;
    margin: 0px 0px 0px 5px;
}


.fec50 .col-sm-4 {
     width:100%;
}
.hor40 {
    width:70%;
    margin: 0px 0px 0px 5px;
}

.btnescala .btn-primary {
    color: #000000;
    background-color: #d5efd8;
    border-color: #d5efd8;
    height: 50px;
}


/*************************************************
   AJUSTES VISUALES
   - Cada pregunta en caja independiente
   - Sin líneas violetas en enunciados
   - Esquinas suavizadas
   - Imagen de fondo en body
**************************************************/

/* ===== 1. FONDO GENERAL CON IMAGEN ===== */
html body {
    background-color: #ececec;
    background-image: url('../files/fondoadaptado.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
}

/* capa suave para que el formulario siga siendo legible */
html body #outerframeContainer {
    /* 
    background: rgba(236,236,236,0.88);
    */
    min-height: 100vh;
}

/* ===== 2. CONTENEDOR GENERAL ===== */
html body .container,
html body .container-fluid {
    max-width: 980px;
}

/* ===== 3. BLOQUE DE GRUPO ===== */
html body .group-container {
    /* 
    background: rgba(255,255,255,0.90);
    border: 1px solid #e3e3e3; 
    */
    border-radius: 18px;
    padding: 34px 38px 38px 38px;
    margin-bottom: 0px;
    backdrop-filter: blur(2px);
}

/* ===== 4. TÍTULOS DE GRUPO ===== */
html body .group-title-container {
    padding: 0;
    margin: 0 0 24px 0;
    border: none;
    background: transparent;
}

html body .group-title {
    font-size: 30px;
    line-height: 1.12;
    font-weight: 800;
    color: #111111;
    margin: 0;
}

/* quitar línea violeta bajo títulos de grupo */
html body .group-title:after {
    display: none !important;
    content: none !important;
}

/* ===== 5. CADA PREGUNTA COMO TARJETA ===== */
html body .question-container {
    background: rgba(255,255,255,0.98);
    border: 1px solid #e6e6e6;
    border-radius: 16px;
    padding: 24px 24px 22px 24px;
    margin-bottom: 24px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.04);
    overflow: hidden;
}

html body .question-container.row {
    margin-left: 0;
    margin-right: 0;
}

/* encabezado de la pregunta */
html body .question-title-container {
    padding: 0 0 12px 0;
    margin-bottom: 10px;
    border: none;
    background: transparent;
}

/* quitar línea violeta bajo enunciados */
html body .question-title-container:after,
html body .question-title:after {
    display: none !important;
    content: none !important;
}

html body .question-title {
    font-size: 21px;
    line-height: 1.25;
    font-weight: 750;
    color: #111111;
    margin: 0;
}

html body .question-number,
html body .question-code {
    float: none;
    display: inline;
    margin-right: 6px;
    color: #444444;
    font-weight: 700;
}

/* ===== 6. TEXTOS DE AYUDA ===== */
html body .ls-question-help,
html body .ls-questionhelp,
html body .questionhelp,
html body .help-block {
    color: #444444;
    font-size: 14px;
    line-height: 1.7;
    margin-top: 6px;
    margin-bottom: 12px;
}

html body .ls-questionhelp:before {
    display: none;
}

/* ===== 7. ÁREA DE RESPUESTAS ===== */
html body .ls-answers {
    padding: 0;
}

/* ===== 8. INPUTS Y SELECTS MÁS SUAVES ===== */
html body .form-control {
    min-height: 48px;
    padding: 12px 14px;
    border: 1px solid #d7d7d7;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: none;
    font-size: 15px;
    color: #111111;
}

html body .form-control:focus {
    border-color: #8b69a8;
    box-shadow: 0 0 0 3px rgba(122,31,162,0.08);
}

html body input.form-control,
html body textarea.form-control {
    max-width: 620px;
}

html body select.form-control {
    max-width: 340px;
    cursor: pointer;
}

html body textarea.form-control {
    min-height: 120px;
}

/* ===== 9. FILE UPLOAD MÁS BONITO ===== */
html body .uploadedfiles,
html body .file-upload-modal-body {
    background: transparent;
}

html body .btn,
html body .btn-default,
html body .btn-primary,
html body .btn-success {
    border-radius: 12px;
    padding: 11px 18px;
    font-weight: 700;
    box-shadow: none;
}

html body .btn-default {
    background: #ffffff;
    color: #111111;
    border: 1px solid #d0d0d0;
}

html body .btn-default:hover,
html body .btn-default:focus {
    background: #f7f3fa;
    border-color: #8b69a8;
    color: #111111;
}

html body .btn-primary,
html body .btn-success {
    background: #7a1fa2;
    color: #ffffff;
    border: 1px solid #7a1fa2;
}

html body .btn-primary:hover,
html body .btn-success:hover,
html body .btn-primary:focus,
html body .btn-success:focus {
    background: #66198a;
    border-color: #66198a;
}

/* ===== 10. ALERTAS Y ERRORES ===== */
html body .alert {
    border-radius: 14px;
}

html body .text-danger,
html body .question-valid-container .text-danger {
    font-size: 14px;
    font-weight: 700;
}

/* ===== 11. PROGRESO MÁS SUAVE ===== */
html body .top-container .progress {
    height: 10px;
    border-radius: 999px;
    overflow: hidden;
}

html body .progress .progress-bar {
    border-radius: 999px;
}

/* ===== 12. NAVEGACIÓN FINAL ===== */
html body #navigator-container {
    margin-top: 28px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,0.55);
}

/* ===== 13. RESPONSIVE ===== */
@media (max-width: 768px) {
    html body .group-container {
        padding: 22px 18px 24px 18px;
        border-radius: 16px;
    }

    html body .question-container {
        padding: 18px 16px 18px 16px;
        border-radius: 14px;
    }

    html body .question-title {
        font-size: 19px;
    }

    html body input.form-control,
    html body textarea.form-control,
    html body select.form-control {
        max-width: 100%;
    }
}







html body .question-container.textoSi {
    background:  #d8eee2;
    border: 1px solid #d8eee2;
    border-left: 5px solid #4caf7a;
}

html body .question-container.textoNo {
    background: #f2d2d2;
    border: 1px solid #f2d2d2;
    border-left: 5px solid #d9534f;
}



/*************************************************
   FOOTER CON LOGOS CENTRADOS
**************************************************/



footer {
    height: 100px;
    width: 100%;
    background-color: #ffffff;
    background-image: url('../files/PROGRAMA-DE-FORMACION-AGENTES-DE-TRANSFORMACION-DIGITAL-DE-LOS-SERVICIOS-PUBLICOS-footer-1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-top: 1px solid #e5e5e5;
}




html body {
    position: relative;
}

/* espacio para que no se solape el contenido */
html body #outerframeContainer {
    padding-bottom: 120px;
}

/* FOOTER */
/* html body:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;

    height: 100px;
    background-color: #ffffff;

    background-image: url('../files/PROGRAMA-DE-FORMACION-AGENTES-DE-TRANSFORMACION-DIGITAL-DE-LOS-SERVICIOS-PUBLICOS-footer-1.png'); 
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    border-top: 1px solid #e5e5e5;
}
*/