.file-selector-large ,
.file-selector-large .slds-file-selector__dropzone{

 /*display: flex;
  justify-content: center;
  */
  align-content: center;
  align-items: center;
  margin: auto;
  padding: 1rem;

}
.file-selector-large .slds-file-selector__dropzone slot {
  width: 100%;
  padding-left: 3em;
  padding-right: 3em;
  padding-top: 3em;
  padding-bottom: 3em;
  background-color: var(--dark-theme-background-color, rgb(135, 171, 208));
}
.file-selector-large .slds-file-selector__dropzone slot .slds-file-selector__body {
  /*  display: block;*/
  flex-direction: column !important;
  text-align: center !important;
}
.file-selector-image .slds-file-selector_files .slds-file-selector__text {
  margin-top: 0.75rem !important;
}

.custom-brand-selectbutton {
  width: 100% !important;
  text-align: center;
  color:white !important;
  border-color: #555555 !important;
  background-color: #555555 !important;

  padding: 0.25rem 3rem !important;  /* Ajustar el padding según sea necesario */
  margin: 0 !important; /* Ajustar el margen según sea necesario */
  font-size: 0.8rem !important; /* Ajustar el tamaño de la fuente según sea necesario */

}
.custom-brand-selectbutton:hover {
color: #555555 !important;
border-color: #555555 !important;
background-color: white !important;
}
.custom-brand-deletebutton {
  width: 100% !important;
  text-align: center !important;
  color:#555555 !important;
  border-color: #555555 !important;
  background-color: white !important;

  padding: 0.25rem 3rem !important; /* Ajustar el padding según sea necesario */
  margin: 0 !important; /* Ajustar el margen según sea necesario */
  font-size: 0.8rem !important; /* Ajustar el tamaño de la fuente según sea necesario */

}
.custom-brand-deletebutton:hover {
color: white !important;
border-color: #555555 !important;
background-color: #555555 !important;
}
.custom-brand-button {
    width: 100% !important;
    text-align: center !important;
    color:white !important;
    border-color: #044c8b !important;
    background-color: #044c8b !important;

    padding: 0.25rem 3rem !important; /* Ajustar el padding según sea necesario */
    margin: 0 !important; /* Ajustar el margen según sea necesario */
    font-size: 0.8rem !important; /* Ajustar el tamaño de la fuente según sea necesario */
    font-family: var(--lwc-fontFamily,-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol') !important;

}
.custom-brand-button:disabled {
  background-color: transparent!important;
  border-color: transparent!important;
  color: var(--slds-g-color-neutral-base-80, var(--lwc-colorTextButtonDefaultDisabled, rgb(201, 201, 201)))!important;
  cursor: default!important;
}
.custom-brand-button:hover {
  color: #044c8b !important;
  border-color: #044c8b !important;
  background-color: white !important; 
}
.custom-brand-button:active,
.custom-brand-button:focus {
    /* Estilos que deseas aplicar cuando el botón está activo o enfocado */
    /* Por ejemplo, cambiar el color de fondo o el color del texto */
    background-color: #044c8b !important;
    color: #ffffff !important;
}
.curso-item {
  background-color: #044c8b !important;
  border-radius: 8px !important;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1) !important;
  transition: box-shadow 0.3s ease;
  color: white !important;
  font-size: 0.9rem !important; /* Tamaño de letra más pequeño */
  text-align: start !important; /* Alineado a la izquierda */
}

.curso-item:hover {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2) !important;
  background-color: white !important;
  color: #044c8b !important;

}

.curso-item:hover h2{
  color: #044c8b !important;
}
.curso-item:hover p{
  color: #044c8b !important;
}

.curso-item h2 {
  font-size: 0.8rem !important; /* Tamaño de letra del título */
  font-weight: bold !important;
  color:white !important;
  font-family: var(--lwc-fontFamily,-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol') !important;
}

.curso-item p {
  font-size: 0.8rem !important; /* Tamaño de letra más pequeño */
  margin-top: 8px !important;
  color:white !important;
  font-family: var(--lwc-fontFamily,-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol') !important;
}

.curso-modalidad {
  display: flex !important;
  justify-content: space-between !important; /* Distribuye los elementos uniformemente, dejando espacio entre ellos */
}
.curso-modalidad p {
  margin: 0 !important; /* Quitamos el margen por defecto de los párrafos */
  /*width: 50%;  Asignamos el ancho a cada párrafo */
} 
.horario-fecha {
  display: flex !important;
  justify-content: space-between !important; /* Distribuye los elementos uniformemente, dejando espacio entre ellos */
}
.horario-fecha p {
  margin: 0 !important; /* Quitamos el margen por defecto de los párrafos */
  /*width: 50%;  Asignamos el ancho a cada párrafo */
}
.slds-file__crop {
  display:flow-root !important;
  justify-content: center !important;
  align-items: center !important;

}
.slds-file__crop img {
  width:auto !important; /* Establece el ancho de la imagen al 100% del contenedor */
  height:100% !important;/* Ajusta automáticamente la altura de la imagen para mantener la relación de aspecto */
  object-fit: contain !important; /* Ajusta el tamaño de la imagen para que se ajuste dentro del contenedor sin distorsionarla */
}
.slds-file__crop svg {

        width:auto !important; /* Establece el ancho de la imagen al 100% del contenedor */
        height:100% !important; /* Ajusta automáticamente la altura de la imagen para mantener la relación de aspecto */
        margin-top: 10% !important;

}

.desc-message {
  color: #044c8b !important;
  background-color: #FFFAF0 !important;
  padding: 10px !important; 
  border-radius: 10px !important;
  display:block !important;
  border: none !important;
  position: relative !important;

  ul{
    font-size: 0.8125rem !important;
    color: #044c8b !important;
   
    padding: 0 10px 10px 10px !important;
    font-family: var(--lwc-fontFamily,-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol') !important;
  }

  p{font-family: var(--lwc-fontFamily,-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol') !important;
    font-size: 0.8125rem !important;
    color: #044c8b !important;
    padding: 10px 10px 0 10px !important;
   
  }
}
.info-message {
  color: #555555 !important;
  padding: 4px !important; 
  border-radius: 10px !important;
  display:block !important;
  border: none !important;
  position: relative !important;

  font-size: 0.8rem !important; /* Tamaño de letra del título */
  font-weight: bold !important;
  font-family: var(--lwc-fontFamily,-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol') !important;
 
}
.error-message {

  
  background-color: #ffd6d6 !important;
  padding: 10px !important; 
  border-radius: 10px !important;
  display:block !important;
  border: none !important;
  position: relative !important;
 
  p{
    font-family: var(--lwc-fontFamily,-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol') !important;
    font-size: 0.8125rem !important;    
    padding: 0 10px 0 10px !important;
    color: #B22222;
    
  }

}
.slds-file_card {
  border-radius: 10px !important;
  background-color: #F2F2F2!important;

}
.end-message{
  font-family: var(--lwc-fontFamily,-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol') !important;
  font-size: 0.8125rem !important;    
  padding: 0 10px 0 10px !important;
}

.slds-scope .slds-text-heading_medium
{
  color: #2F2D2E !important;
}

/* Vista previa PDF — registroWebLWC (iframes data:application/pdf) */
.registro-web-pdf-preview {
  width: 100%;
  min-height: 280px;
  border: 0;
  display: block;
}