.container{
    max-width: 1440px !important;
}

.js-swiper-shop-hero-thumbs {
    display: none;
}

.navbar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-color: black !important;
    border-bottom-width: 1px !important;
}

.alert {
    --bs-alert-padding-y: 0.5rem !important;
}

.navbar .alert .fw-semibold a {
    color: var(--bs-link-white) !important;
}

.navbar .alert {
    font-size: 0.95rem !important;
}

.navbar .alert-dismissible .btn-close {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.navbar a,
footer a {
    text-decoration: unset !important;
}

.wrapper-nice-login {
    border: unset !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.node--view-mode-teaser {
    border-bottom-width: 0 !important;
    border-bottom: unset !important;
}

form .error {
    color: var(--bs-red) !important;
    font-size: 0.85rem !important;
}

/*
.field--name-field-nombres {
    width: 50% !important;
    float: left;
}*/

.field--name-field-apellido-paterno {
    width: 50% !important;
    float: left;
}

.field--name-field-apellido-materno {
    width: 50% !important;
    float: left;
}

.field--name-field-pais {
    width: 50% !important;
    float: left;
}

.hs-nav-scroller-horizontal .nav .nav-link {
    font-size: 0.95rem !important;
}

.form-item-estudiante-profiles-0-entity-field-telefono-0-country-code,
.form-item-apoderado-profiles-0-entity-field-telefono-0-country-code,
.form-item-institucion-educativa-profiles-0-entity-field-telefono-0-country-code
 {
    max-width: 30% !important;
    float: left;
}

.form-item-estudiante-profiles-0-entity-field-telefono-0-phone,
.form-item-apoderado-profiles-0-entity-field-telefono-0-phone,
.form-item-institucion-educativa-profiles-0-entity-field-telefono-0-phone {
    max-width: 70% !important;
    float: left;
}


.form-item-estudiante-profiles-0-entity-field-telefono-0-phone label {
    display: none;
}

#edit-estudiante-profiles-0-entity-field-telefono-0-phone-error {
    display: none !important;
}

.form-item-apoderado-profiles-0-entity-field-telefono-0-country-code label[class='error'] {
    display: none !important;
}

#edit-apoderado-profiles-0-entity-field-telefono-0-phone-error {
    display: none !important;
}

.form-item-institucion-educativa-profiles-0-entity-field-telefono-0-phone label {
    display: none;
}

#edit-institucion-educativa-profiles-0-entity-field-telefono-0-phone-error {
    display: none !important;
}

#edit-subscriptions--wrapper--description {
    display: none !important;
}

#edit-simplenews summary,
#edit-subscriptions--wrapper legend {
    display: none !important;
}



.field--type-phone-number label[for="edit-estudiante-profiles-0-entity-field-telefono-0-label"],
.field--type-phone-number label[for="edit-apoderado-profiles-0-entity-field-telefono-0-label"],
.field--type-phone-number label[for="edit-institucion-educativa-profiles-0-entity-field-telefono-0-label"] {
    max-width: 100% !important;
    width: 100% !important;
}

.phone-number-field .country-select .arrow {
    display: none;
}

.page-user-register #edit-mail--description {
    display: none;
}

.nice-login__register__actions {
    width: 100% !important;
}


.password-input input {
    width: 100% !important;
    max-width: 100% !important;
}

.password-input .form-element--type-password {
    width: 100% !important;
    max-width: 100% !important;
}

.password-input input[type='password'] {
    width: 100% !important;
    max-width: 100% !important;
    float: left;
}

#edit-pass-error {
    width: 100% !important;
    float: left;
}

.MuiButton-containedPrimary {
    background-color: #377dff !important;
}

footer .navbar-brand-logo {
    max-width: 11rem !important;
}

#edit-apoderado-profiles-wrapper details summary,
#edit-estudiante-profiles-wrapper details summary,
#edit-institucion-educativa-profiles-wrapper details summary,
#edit-language summary,
#edit-timezone summary {
    display: none !important;
}

.nice-login__login__actions .mb-3,
.nice-login__register__actions .mb-3,
.nice-login__pass__actions .mb-3 {
    width: 100%;
    margin-top: 0.5rem !important;
}

.nice-login__login__actions button,
.nice-login__register__actions button,
.nice-login__pass__actions button {
    width: 100%;
}

.details-wrapper .mb-3 {
    margin-bottom: 0.3rem !important;
}

.placeholder {
    cursor: none !important;
    background-color: unset !important;
    opacity: 1 !important;
}

/* formulario de registro eventos */


.form-item-apellido-paterno,
.form-item-apellido-materno {
    width: 50% !important;
    float: left;
}

/*
.form-item-fecha-nacimiento,
.form-item-grado {
    width: 50% !important;
    float: left;
}
*/

.form-item-nombres,
.form-item-correo-electronico {
    width: 50% !important;
    float: left;
}

/*
.form-item-tipo-institucion {
    width: 50% !important;
    float: left;
}
*/

.phone-number-field {
    width: 100% !important;
    max-width: 100% !important;
}

#edit-simplenews,
#edit-simplenews summary,
#edit-subscriptions--wrapper {
    width: 100% !important;
    float: left;
    ;
}

#edit-simplenews {
    height: 100%;
}

.form-item-legal-terminos-condiciones {
    height: 100% !important;
    position: static !important;

}

.phone-number-field label {
    float: left;
    width: 28% !important;
}

.form-item-telefono-country-code {
    width: 27% !important;
    float: left;
}

.form-item-telefono-phone {
    float: left;
    width: 45% !important;
}

.form-item-suscripcion-newsletter {
    float: left;
    width: 100% !important;
    max-width: 100%;
}

.form-item-telefono-phone label[class='error'],
#edit-telefono-phone--2-error {
    display: none !important;
}

/*
.phone-number-field .form-type-textfield input {
    width: 100%;
}


*/
.form-type-webform-terms-of-service {
    float: left;
    width: 100% !important;
    max-width: 100%;
    height: 100% !important;
}

/*
.webform-submission-webform-event-registrant-form #edit-actions {
    float: left !important;
    width: 100% !important;
}*/


.webform-submission-webform-event-registrant-form #edit-telefono-phone-error {
    display: none !important;
}

.form-required::after {
    opacity: 0.65;
}

.accordion-button {
    font-weight: normal !important;
}

.list-group-flush {
    margin-left: 1rem !important;
}

.accordion-item .step-item {
    margin-bottom: 0rem !important;
    padding-right: 1.5rem !important;
}

.table-responsive {
    overflow-x: visible !important;
}

#edit-programas-de-interes--wrapper {
    width: 100% !important;
}

#edit-programas-de-interes .js-form-item {
    width: 20% !important;
    float: left;
}

#edit-grados-interes-primaria .js-form-item {
    width: 15% !important;
    float: left;
}

#edit-grados-interes-secundaria .js-form-item {
    width: 15% !important;
    float: left;
}

#edit-soy .js-form-item {
    width: 20% !important;
    float: left;
}

/*
.bloque-novedades .card-img {
    height: 207px !important;
}*/

.field--name-field-event-banner-img img {
    max-width: 100%;
    height: auto;
    display: block;
}

.field--name-field-article-cover-img img,
.field--name-field-event-cover-img img {
    max-width: 100%;
    height: auto;
    display: block;
}

.field--name-field-article-short-description,
.field--name-field-event-summary,
.field--name-field-course-short-description,
.field--name-field-dates-and-times,
.field--name-field-cmn-start-dates,
.field--name-field-compe-short-description
 {
    color: #677788 !important;
}

.bloque-novedades .image-style-imagen-480-320,
.field--name-field-article-cover-img .image-style-imagen-480-320,
.field--name-field-event-cover-img .image-style-imagen-480-320 {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
    border-top-left-radius: var(--bs-card-inner-border-radius);
    height: 207px !important;
}


.field--name-field-course-cover-img img,
.field--name-field-event-cover-img img {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
    border-top-left-radius: var(--bs-card-inner-border-radius);
    max-width: 100%;
    width: 100%;
    display: block;
}

.product-course .field--name-field-course-cover-img img {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
    border-top-left-radius: var(--bs-card-inner-border-radius);
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
}

#home-main img {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
    border-top-left-radius: var(--bs-card-inner-border-radius);
}

.form-switch .form-check-input {
    width: 1rem !important;
    height: 1rem !important;
    border-radius: .25rem !important;
    background-image: unset !important;
    margin-top: 0.25rem !important;
    border-width: 1px;
}

.form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}

.form-switch {
    padding-left: 0rem !important;
    margin-left: 0rem !important;
}

.form-switch .form-check-input {
    margin-left: 0rem !important;
}

#views-exposed-form-programas-page-1 .fieldgroup {
    width: 100% !important;
}

.form-item-tipo input[id="edit-tipo-all"] {
    display: none !important;
}

.form-item-tipo label[for="edit-tipo-all"] {
    display: none !important;
}

.form-switch:has(input[id="edit-tipo-all"]) {
    display: none !important;
}

.card-home-eventos .bi-calendar,
.card-home-eventos .field--name-field-dates-and-times {
    float: left !important;
}

.card-home-eventos .bi-calendar {
    color: #677788 !important;
}

.view-programas-destacados .card-body {
    padding-top: 10px !important;
}

#event-dates-siguiente summary,
#event-dates-siguiente details {
    display: none;
}

#event-dates-proximas summary,
#event-dates-proximas .next_instance {
    display: none;
}

.addtocal__link {
    background: #677788 !important;
}

#event-dates-proximas .list-group-item {
    border-color: #fff;
    color: #677788 !important;
    padding-left: 0px !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.password-input input {
    padding: 0.625rem 1rem !important;
    border: 0.0625rem solid rgba(33, 50, 91, .1);
}

#edit-pass-error {
    display: none !important;
}

.subseccion {
    scroll-margin-top: 200px;
}


.field--name-field-dates-and-times .list-group-item {
    padding: 0.1 rem !important;
}

.bi-calendar,
.page-view-programas .field--name-field-dates-and-times {
    float: left !important;
}

.bi-book,
.page-view-programas .field--name-field-dates-and-times {
    float: left !important;
}

.bi-clock,
.page-view-programas .field--name-field-course-duracion {
    float: left !important;
}

.page-view-programas .list-inline-item {
    width: 35% !important;
}

.page-view-programas .list-separator .list-inline-item:not(:last-child)::after {
    top: 0% !important;
    content: "|" !important;
    transform: unset !important;
}

.page-view-novedades .list-inline-item {
    width: 100% !important;
}

.step-title {
    margin-top: 0.5rem;
}

/* Matrícula Modal*/

#matriculaModal .form-item-estudiante-nombres,
#matriculaModal .form-item-estudiante-ap-paterno,
#matriculaModal .form-item-estudiante-ap-materno,
#matriculaModal .form-item-estudiante-correo-electronico,
#matriculaModal .form-item-grado,
#matriculaModal .form-item-tipo-institucion,
#matriculaModal .form-item-region,
#matriculaModal .form-item-provincia,
#matriculaModal .form-item-apoderado-nombres,
#matriculaModal .form-item-apoderado-ap-paterno,
#matriculaModal .form-item-apoderado-ap-materno,
#matriculaModal .form-item-apoderado-correo-electronico {
    width: 50% !important;
    float: left;
}

/* user password */
/*
#edit-pass .form-item-pass-pass1,
#edit-pass .form-item-pass-pass2
{
    width: 50% !important;
    float: left;
}*/
#edit-pass .form-item-pass-pass1,
.password-input,
.password-input input,
.form-element--api-password,
#edit-pass .form-item-pass-pass1 label[for="edit-pass-pass1"] {
    max-width: 100% !important;
    width: 100% !important;
}

#edit-pass-pass1-error{
    max-width: 100% !important;
    width: 100% !important;
    float: left;
}

.password-input input[type='password']{
    float: left;
    width: 100% !important;
    max-width: 100% !important;
}
.password-input input[class='error']{
    float: left;
    width: 100% !important;
    max-width: 100% !important;
}


.form-item-pass-gen{
    display: none;
}
#edit-pass .form-item-pass-pass2,
.form-item-pass-pass2[class='mb-3']{
    margin-bottom: 0px !important;
}
.password-input .form-element--api-password{
    margin-top: 0px !important;
}


.nav-tabs:not(.nav-vertical) .nav-link{
    padding-top: 0.75rem !important; 
    padding-bottom: 0.75rem !important;
}

#landing-right-side-card {
    --bs-card-spacer-y: 1rem !important;
    --bs-card-spacer-x: 1rem !important;
}


/*programas 2 pagina*/
.product-course .field--name-field-cmn-imagen-principal img,
.program-list .field--name-field-cmn-imagen-principal img
 {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
    border-top-left-radius: var(--bs-card-inner-border-radius);
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
}

/**vista nueva programas2*/
/*
.bi-calendar,
.program-list .field--name-field-dates-and-times {
    float: left !important;
}

.bi-book,
.program-list .field--name-field-dates-and-times {
    float: left !important;
}

.bi-clock,
.program-list .field--name-field-course-duracion {
    float: left !important;
}

.program-list .list-inline-item {
    width: 35% !important;
}

.program-list .list-separator .list-inline-item:not(:last-child)::after {
    top: 0% !important;
    content: "|" !important;
    transform: unset !important;
}
*/

/* Limitar ancho en desktop y full ancho en móvil */
.custom-modal-dialog {
  width: 100%;       /* ancho total en móviles */
  max-width: 600px;  /* límite en desktop */
  margin: 1.75rem auto; /* centrado vertical/horizontal */
}

.ui-dialog-titlebar-close {
  background: none;      /* quitar el sprite por defecto */
  border: none;          /* quitar borde */
  color: #000;           /* color de la X */
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}

.ui-dialog-titlebar-close::after {
  content: "X";          /* la X */
}

.wrapper-nice-login {
    padding-left: 0px !important; 
    padding-right: 0px !important; 
}

@media (min-width: 992px) { /* lg en adelante */
  .img-hero {
    max-height: 400px; /* o el valor que quieras */
    object-fit: contain; /* mantiene proporción sin recortar */
  }
}

#home-main .mx-auto{
    margin-right: 20px !important;
}

.fc-day-grid-event .fc-content{
    white-space: unset !important;
}

.node--type--competition a p{
    color: #677788 !important;
}

.bef-exposed-form fieldset{
    width: 100% !important;
}

@media (min-width: 992px) { /* lg en adelante */
  .img-section {
    max-height: 360px; /* o el valor que quieras */
    object-fit: contain; /* mantiene proporción sin recortar */
  }
}

#img-section-id .mx-auto{
    margin-right: 20px !important;
}