@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Open+Sans:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Work+Sans:wght@600&display=swap');@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Open+Sans:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Work+Sans:wght@600&display=swap'); /* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */


body.page-node-type-convocatorias,
body.path-webform {
    background: #292929 !important;
    color: #fff;
}


dl.styled > dd { display: block; }     /* base visible */
dl.styled > dd[hidden] { display: none !important; } /* oculto manda */
dl.styled > dt[aria-expanded="true"] + dd { /* abierto */ }


h1 {
    font-family: "Poppins",sans-serif;
    font-weight: 600;
    font-style: normal;
}

h2 {
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #323131;
}


.imagenconv {
    border-radius: 20px;
}

.ckeditor-accordion-container > dl dt > a,.ckeditor-accordion-container > dl dt > a:not(.button) {
    background-color: transparent;
    border-bottom: 1px solid #ea207c ;
    padding: 20px 15px 21px 11px;
    text-decoration: none;
}

.ckeditor-accordion-container > dl dt > a:hover,.ckeditor-accordion-container > dl dt > a:not(.button):hover,.ckeditor-accordion-container > dl dt.active {
    background-color: #0000007d;
    color: #ffffff;
}

.ckeditor-accordion-container > dl {
    position: relative;
    border: none;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
    right: 11px !important;
    left: auto !important;
}

.borderRimage img {
    border-radius: 20px;
}

.ckeditor-accordion-container > dl {
    width: 75%;
    place-self: center;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before,.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
    background: #ea207c;
}

.maincontent p,.maincontent li, form,.fieldset-legend {
    font-size: 1.5rem;
    line-height: 130%;
}



.form-text, .form-email,select, .form-control  {
    border-radius: 40px !important;
    background: #292929 !important;
    margin: 20px 0px 2px 0px;
    color: #fff !important;
    margin-left: 10px;
}

.form-control:focus {
   
    background-color: #292929 !important;
  color: #fff !important;
  border-color: #783cff !important;
    outline: 0;
    box-shadow: 0.15rem 0.15rem 0.9rem 0.15rem #efc2f828 !important
}

label.error,
.form--2600 label.error {
    font-size: 15px;
    margin-left: 20px;
    color: #bd2146;
}



label {
     color: #FFF; 
}


.form-radios {
    padding: 20px;
}




.btn-primary
{
background: linear-gradient(90deg, #6b2cff 0%, #F21F75 100%)!important;
    color: #fff !important;
border-color: brown !important;}




.borde-verde {
    border-bottom: #ea207c solid 40px;
}



* {
    font-family: 'Lato',sans-serif;
}


h1,h2,h3,h4,h5,h6 {
    font-weight: 600;
}

.subtitulo {
    color: #ea207c  !important;
    font-size: 2.7em;
    line-height: normal!important;
}
.maincontent dd a,
form a,
.maincontent strong
{
 color: #ea207c  !important;	
}
.maincontent p, .maincontent, .maincontent ul ,  .maincontent li
{
	color:#FFF !important;
}

.maincontent .field--name-body {
    width: 100% !important;
}
.maincontent .field--name-body .table td {
    width: auto !important;
}


dt,dt a,dd a {
    font-size: 1.5rem;
    line-height: 130%;
    color: rgb(70 251 188);
}

b,strong {
    font-weight: bolder;
    color: #ea207c ;
}

.btn-lg {
    max-width: 350px;
}
.form-required::after {
    background-image: none !important;
    content: "*" !important;
    color:#bd2146;
    vertical-align: sub;
}


.webform-element-description, .text-count-message
{
	    font-size: 15px;
    line-height: normal;
        padding: 10px;
	
}



.form-type-managed-file {
    padding: 10px;
    margin:10px;
    border: dotted 1px #DDD;
    border-radius: 20px;
}

.text-count-message
{
	margin-left:20px;
}

.form-type-managed-file label {
    color: #FFF;
    margin-bottom: 20px;
    line-height: normal;
    font-size: 20px;
}

.webform-managed-file-placeholder, .webform-managed-file-preview, .webform-file-button,.file  {
    margin: 0.5em 0;

}
.webform-managed-file-placeholder  {
    font-size: 15px;
    opacity: 0.8;
}

input {

    font-size: 18px;
}
.webform-message .bg-warning,
.webform-confirmation .bg-warning,
.webform-confirmation .alert-success {
    --bs-bg-opacity: 1;
    background-color: rgb(126 50 132) !important;
    margin: 10%;
    padding: 5% 10% !important;
    text-align: center;
}
.webform-message .bg-warning h2,
.webform-confirmation .bg-warning h2,
.webform-confirmation .alert-success h2 {
    color: #fff;
}
.webform-message .alert-dismissible .btn-close {
  display: none;
}
.webform-message .alert-status.alert-dismissible {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}

/* ============================
   📱 DISPOSITIVOS MÓVILES
   ============================ */
@media (max-width: 575.98px) {
  /* Teléfonos pequeños (vertical) */
	.ds-2col-stacked > .group-left {
	    width: 100% !important;
	}
	
	.ds-2col-stacked > .group-right {
    width: 100% !important;
	}
	.ckeditor-accordion-container > dl {
    width: 100%  !important;;
 }
 
 .w-75 {
    width: 100% !important;
	}
input {
    font-size: 15px;
}
}

/* ============================
   📲 TELÉFONOS GRANDES / PHABLETS
   ============================ */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* Ejemplo: Galaxy, iPhone Plus, etc. */
	.ds-2col-stacked > .group-left {
	    width: 100% !important;
	}
		
	.ds-2col-stacked > .group-right {
    float: right;
    width: 100% !important;
	}
	.ckeditor-accordion-container > dl {
    width: 100%  !important;;
 }	
 .w-75 {
    width: 100% !important;
	} 
 input {
    font-size: 15px;
}
}

.form--2600 {
    font-size: inherit;
    margin-left: auto;
    margin-right: auto;
}
.form--2600 .webform-file-button {
    display: inline-block;
    border: 1px solid #eeeeee;
    color: #eeeeee;
    border-radius: 3px;
    margin: 1rem 0 0.5rem;
    width: fit-content;
    font-weight: 300;
}
.form--2600 > fieldset.form-item,
.form--2600 > fieldset.form-item,
.form--2600 > fieldset > .fieldset-wrapper > fieldset,
.form--2600 .form-wrapper > fieldset.form-item,
.form--2600 .form-wrapper > fieldset.form-item > .fieldset-wrapper > fieldset  {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid #eeeeee52;
    border-radius: 0.25rem;
    margin-top: 0;
}
.form--2600 .js-form-type-radio label {
    margin: 0;
    display: inline-block;
}
.form--2600 .js-form-type-radio label{
display: inline-block;
}
.form--2600 > fieldset.form-item > legend,
.form--2600 .form-wrapper > fieldset.form-item > legend,
.form--2600 .form-wrapper > fieldset.form-item > .fieldset-wrapper > fieldset > legend  {
    border-bottom: 1px solid #eeeeee52;
}
.form--2600 > fieldset.form-item > legend,
.form--2600 > fieldset > .fieldset-wrapper > fieldset > legend,
.form--2600 .form-wrapper > fieldset.form-item > legend,
.form--2600 .form-wrapper > fieldset.form-item > .fieldset-wrapper > fieldset > legend {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: rgb(0 0 0 / 23%);
}
.form--2600 .fieldset-wrapper > fieldset .fieldset-wrapper > legend {
    background: none;
}
.form--2600 fieldset.form-item > .fieldset-wrapper {
    flex: 1 1 auto;
    padding: 1rem 1rem;
}

.form--2600 fieldset fieldset span.fieldset-legend {
    font-size: 1.2rem;
    font-weight: 400;
}
.form--2600 > fieldset > legend span.fieldset-legend {
        font-size: 1.3rem;
        font-weight: 500;
        opacity: 0.7;
}
.form--2600 > fieldset > .fieldset-wrapper > fieldset > legend span.fieldset-legend {
        font-size: 1.1rem;
        font-weight: 500;
        opacity: 0.7;
}
.form--2600 .form-radios {
    padding: 0;
    position: relative;
}
.form--2600 .fieldset-wrapper .fieldset-wrapper fieldset {
    margin: 0;
}
.form--2600 .form-required.webform-file-button::after {
    background: none;
    display: none;
}
.form--2600 .webform-button--submit {
    padding: 0.5rem 1.5rem;
    font-size: larger;
}
.form--2600  .webform-element-description,
.form--2600  .text-count-message {
    padding: 10px 0;
    opacity: 0.6;
    font-size: 14px;
}

.form--2600  .form-text,
.form--2600 .form-email,
.form--2600 select,
.form--2600 .form-control {
    margin: 10px 0px 2px 0px;
}
.form--2600 .webform-document-file .form-submit.btn-primary {
    background: #673ab7 !important;
    border:none;
    border-radius: 10px;
    font-size: small;
}
.form--2600 .form-actions .webform-button--submit{
    padding: 0.5rem 1.5rem;
    font-size: larger;
}
.form--2600 .fieldset-wrapper p{
    font-size: inherit;
}
.form--2600  p.small {
    font-size: 0.875em !important;
}
.form--2600 .js-form-type-radio label.error {
    position: absolute;
    right: 20px;
    top: 1px;
}
.form--2600  .form-type-processed-text p strong {
    color: white !important;
}
 .form--2600  label{
    font-size: 1.2rem;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
    border: 2px solid #ea207c;
}

/* ============================
   💻 TABLETS (horizontal)
   ============================ */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* iPad horizontal, tablets medianas */

}

/* ============================
   🖥️ LAPTOPS Y PANTALLAS MEDIANAS
   ============================ */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Portátiles pequeños */

}

/* ============================
   🖥️ MONITORES GRANDES (HD)
   ============================ */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  /* Desktop y monitores 1080p */

}

/* ============================
   🖥️🖥️ PANTALLAS XXL / 4K
   ============================ */
@media (min-width: 1400px) {
  /* Monitores grandes o pantallas 4K */

}