/* ============================================
   STYLE RESPONSIVE V2
   Media queries organizadas por breakpoint
   ============================================ */

/* ============================================
   MAX-WIDTH: 1320px
   ============================================ */
@media (max-width: 1320px) {
    .blog_single_noticia_header_info {
        padding-left: 10px;
    }
}

/* ============================================
   MAX-WIDTH: 1024px
   ============================================ */
@media (max-width: 1024px) {
    /* Footer */
    .footer-top .acumbamail_input_email input[type="submit"],
    .footer-top .acumbamail_texto_politica {
        font-size: 14px !important;
    }
    
    /* Header */
    header#header {
        display: none;
    }
    header#mobile-header {
        z-index: 20;
        display: block;
    }
    
    /* Admin bar */
    #wpadminbar {
        display: none !important;
    }
    
    /* Menú móvil */
    .menu-principal-movil ul > li {
        display: block;
    }
    
    /* Banner */
    .new-banner:after {
        width: 70%;
        height: 100%;
    }
    
    /* Blog */
    .new_listado_blog .elementor-bilnea-blog .item_noticia_blog,
    .listado_blog_home .item_noticia_blog {
        flex: 0 calc(50% - 13px);
    }
    
    /* Footer home */
    .home #footer {
        margin-top: -300px;
    }
    
    /* Content wrapper */
    .content-wrapper {
        padding-top: 0 !important;
    }
    
    /* Fellowship */
    .fellowship__europa-estados-unidos .elementor-column {
        width: 100% !important;
    }
	
	/* Fellowship banner */
    /*.fellowship__banner-mejor-candidato > div {
        background-image: none !important;
    }*/
    
    /* Video gallery */
    .video-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* Language selector */
    .language-wrapper {
        text-align: right;
        position: absolute !important;
        top: 0;
        right: 0;
    }
    .language-selector > a {
        font-size: 14px;
        color: white !important;
        padding: 0 0 0 8px !important;
        border: 0;
    }
    .language-selector > a:not(:last-child) {
        padding: 0 8px !important;
        border-right: 1px solid;
    }
    
    /* Elementor específico */
    .elementor-1233 .elementor-element.elementor-element-1070a23 {
        padding: 15px !important;
    }
    
    /* Bottom menu móvil */
    #bottom-menu-movil #menu-menu-superior,
	    #bottom-menu-movil #menu-menu-superior-en{
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        row-gap: 24px;
        padding: 0 20px;
        margin-top: 16px;
    }
}

/* ============================================
   MIN-WIDTH: 768px AND MAX-WIDTH: 1024px
   ============================================ */
@media (min-width: 768px) and (max-width: 1024px) {
    .filter-wrapper {
        margin-right: 0 !important;
    }
    .tab-gallery {
        margin-right: 20px !important;
    }
}

/* ============================================
   MAX-WIDTH: 768px
   ============================================ */
@media (max-width: 768px) {
    /* Mostrar imagen móvil, ocultar imagen PC */
    .blog_single_noticia_header_background .blog_single_noticia_header_img_mobile {
        display: block !important;
    }
    
    .blog_single_noticia_header_background .blog_single_noticia_header_img_pc {
        display: none !important;
    }
	.eael-accordion-tab-title {
		width: calc(100% - 50px);
		padding-right: 10px;
	}
    /* Footer */
    .footer-top .acumbamail_input_email {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    /* Banner */
    .new-banner:after {
        width: 90%;
        height: 90%;
    }
    
    /* Blog */
    .new_listado_blog .elementor-bilnea-blog .item_noticia_blog,
    .listado_blog_home .item_noticia_blog {
        flex: 0 100%;
    }
    
    /* Footer home */
    .home #footer {
        margin-top: -200px;
    }
    
    /* Mentes innovadoras */
    .img-mentes-innovadoras > img {
        width: auto !important;
    }
    
    /* Cursos slider */
    .new_listado_curso .slick-prev {
        left: -12px !important;
    }
    
    /* Fellowship banner */
   /* .fellowship__banner-mejor-candidato > div {
        background-image: none !important;
    }*/
    
    /* Editions */
    .editions-title {
        font-size: 20px;
        margin: 0 0 20px 0;
    }
    
    .editions-container {
        gap: 20px;
    }
    
    .edition-card {
        flex: 0 0 100%;
        flex-direction: column;
        text-align: center;
        padding: 16px 20px;
        gap: 10px;
        min-height: auto;
    }
    
    .edition-left {
        flex-direction: column;
        text-align: center;
        gap: 6px;
    }
    
    .edition-icon-container {
        flex-direction: column;
        gap: 8px;
    }
    
    .edition-icon {
        width: 35px;
        height: 35px;
    }
    
    .edition-icon svg {
        width: 18px;
        height: 18px;
    }
    
    .edition-info {
        flex-direction: column;
        gap: 2px;
        text-align: center;
    }
    
    .edition-label,
    .edition-date {
        font-size: 12px;
    }
    
    .edition-button {
        font-size: 13px;
        padding: 8px 14px;
    }
    
    /* Bloque datos programa */
    .bloque-datos-programa {
        flex-direction: column;
        border-radius: 10px;
    }
    
    .datos-titulo {
        border-right: none;
        border-bottom: none;
        padding: 20px;
        min-width: auto;
        width: auto;
        text-align: center;
        background: #00B3BE;
    }
    
    .datos-titulo h3 {
        writing-mode: horizontal-tb;
        text-orientation: initial;
        transform: none;
        font-size: 20px;
        color: white;
    }
    
    .datos-contenido {
        padding: 18px 22px;
    }
    
    .datos-row {
        flex-direction: column;
        margin-bottom: 18px;
        gap: 12px;
    }
    
    .datos-row:last-child {
        margin-bottom: 0;
    }
    
    .dato-item {
        flex: none;
        padding: 0;
        border-bottom: none;
        gap: 8px;
    }
    
    .dato-item:last-child {
        border-bottom: none;
    }
    
    .dato-icon {
        width: 38px;
        height: 38px;
    }
    
    .dato-icon svg {
        width: 20px;
        height: 20px;
    }
    
    .dato-label {
        font-size: 11px;
        margin-bottom: 2px;
        color: #818488;
    }
    
    .dato-value {
        font-size: 16px;
        font-weight: 700;
        font-family: 'VAG Rounded', sans-serif;
        color: #343A40;
    }
    
    /* Pastillas */
    .pastillas-container {
        gap: 12px;
    }
    
    .pastilla-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        padding: 16px;
    }
    
    .pastilla-label {
        font-size: 13px;
        margin-bottom: 6px;
    }
    
    .pastilla-value {
        font-size: 14px;
    }
    
    .pastilla-button {
        align-self: flex-end;
        margin-left: 0;
        margin-top: 10px;
    }
    
    /* Botón popup */
    .btn-popup-fixed {
        bottom: 20px;
        right: 20px;
        width: 55px;
        height: 55px;
        padding: 14px;
    }
    
    .btn-popup-fixed img {
        width: 24px;
        height: 24px;
    }
    
    .mi-popup {
        padding: 30px 25px;
        margin: 20px;
    }

    .form_hubspot .input ul.inputs-list.multi-container {
        column-count: 1 !important;
    }
    
    /* Logo nurses */
    .logo-nurses  {
        width: 50%;
        height: auto;
    }
    
    /* Video modal */
    .video-modal-content {
        width: 95%;
        padding: 20px;
    }
    
    .video-modal-content h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    .video-modal-close {
        font-size: 28px;
        right: 15px;
    }
    
    /* Reset password */
    .reset-password-content {
        width: 95% !important;
        padding: 30px 20px !important;
    }

    .reset-password-header h3 {
        font-size: 24px !important;
    }

    .reset-password-header .reset-subtitle {
        font-size: 14px;
    }
    
    /* IVI Video modal */
    .ivi-video-modal-content {
        width: 95%;
        padding: 30px 20px 20px 20px;
    }
    
    .ivi-video-modal-close {
        top: 5px;
        right: 15px;
        font-size: 28px;
    }
    
    .ivi-video-modal-title {
        font-size: 18px;
        margin: 15px 0 2px 0;
        padding: 0 40px 0 0;
    }
    
    .ivi-video-modal-subtitle {
        font-size: 16px;
        padding: 0 40px 0 0;
    }


    /*
    .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
        padding: 15px !important;
    }
    */  
    
    .new_listado_blog .elementor-widget-bilnea_taxonomies ul li a {
        padding: 5px 15px;
    }

    .new_listado_blog .elementor-widget-bilnea_taxonomies li {
        padding: 0px;
    }

    .new_listado_blog .item_blog_boton_search .jet-menu-item-wrapper {
        padding: 5px;
        width: 31px;
        height: 31px;
    }

    .new_listado_blog .elementor-widget-bilnea_taxonomies ul {
        margin-bottom: 0px;
    }
	
	.mi-popup .form_hubspot {
  		padding: 80px 5px 40px 5px;
	}
	
	#mi-popup form > fieldset:nth-child(4) label,
	#form_contacto_es form > fieldset:nth-child(4) label,
	.hbspt-form form > fieldset:nth-child(4) label {
		margin-top: 18px;
  		display: inline-block;
	}
	
	.bloque-header {
	  & .bloque-header-left {
		& h1.titulo {
		  font-size: 28px !important;
		}
	  }
	}
	
	.bloque-down .buttons .ivi-white-button,
	.bloque-down .buttons .ivi-transparent-button{
		font-size: 18px;
	}
	
	.bloque-header {
	  & .bloque-header-left {
		& .info {
		  grid-template-columns: 1fr;
		  gap: 12px;
		}
	  }
	}
	
	.dato-item p,
	.dato-item span {
  		font-size: 15px !important;
	}
	
	.datos-grid {
		display: grid;
	  	grid-template-columns: 1fr 1fr;
		margin-left: 0;
	}
	
	#ediciones .form_hubspot {
		padding-top: 12px !important;
		margin-top: 0 !important;
	}
	
	.bloque-descripcion {
	  gap: 36px;
	}
	
	.doc-wrapper {
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
		overflow-x: hidden;
	}
	
	 .doc-wrapper > div {
    	width: calc(50% - 10px) !important;
    	padding: 0 5px 20px 5px !important;
    	box-sizing: border-box;
	}
	
	/* Ajustar el padding de los items de la columna izquierda para equilibrar el espacio */
	.doc-wrapper > div:nth-child(2n-1) {
		padding-left: 10px !important;
		padding-right: 5px !important;
	}
	
	/* Ajustar el padding de los items de la columna derecha para equilibrar el espacio */
	.doc-wrapper > div:nth-child(2n) {
		padding-left: 5px !important;
		padding-right: 10px !important;
	}
	
	.doc-wrapper > div > div {
		width: 100% !important;
  		height: auto;
	}
	
	.doc-wrapper  .docente_v2 {
		height: auto;
	}
	
	.social.docente_v2_social {
		padding-top: 12px;
	}
	
	.filter-sidebar-docentes-fila {
		flex-wrap: wrap;
	}
	
	.filter-sidebar-header-docentes-selector select {
		width: 250px !important;
	}
	
	.filter-sidebar-header-docentes-selector .select2-container--default .select2-selection--single {
		width: 260px !important;
	}
	
	.fellowship-europa__title-directores-programa {
		margin-bottom: 0 !important;
	}

	.conocenos-entidades-acreditadoras .gallery-item {
		padding: 0 20px 20px 0 !important;
	}
	
	#slider-experiencias .slick-next {
		top: -60px;
		right: 0px !important;
	}
	
	#slider-experiencias .slick-prev {
		top: -60px;
		left: -15px !important;
	}
	
	.blog_single_noticia_header_info .metadata {
	  gap: 12px;
	  margin-top: 18px;
	  flex-wrap: wrap;
	}
	
	 .blog_single_noticia_header_info {
		padding-left: 15px;
	  }
	
	.blog_single_noticia_header_info h1 {
		font-size: 18px !important;
	  }
	
	.ivi_blog_single_noticia_footer {
	  flex-wrap: wrap;
	}
	
	.ivi_blog_single_noticia_foote_right {
		margin-top: 24px;
	}
	
	.form_hubspot {
    	padding: 9px !important;
  	}
	
	#hsForm_4c713ce7-e42d-402e-a093-44e5032a7ae9 fieldset:nth-child(4) label {
		margin-top: 4px;
	}
	
	#hsForm_4c713ce7-e42d-402e-a093-44e5032a7ae9 fieldset:nth-child(4) > div > label {
		margin-top: 18px;
	}
	
	.programa-datos.curso-datos .datos-grid {
  		gap: 1.5rem;
	}
	
	.programa-datos.curso-datos .dato-item .icon img {
	  width: 20px;
	  height: 20px;
	}
	
	.programa-datos.curso-datos .dato-item .icon {
	  width: 40px;
	  height: 40px;
	  min-width: 40px;
	}
	
	#bottom-menu-movil {
		margin-bottom: 90px;
	}
	
	.training-servicios {
		margin: 0 15px !important;
	}
	
	.programa-datos .titulo span {
		display: inline;
	}
	
	.ivi-wrapper > .elementor-row > .elementor-column {
	  margin-bottom: 8px;
	}
	
	.elementor-row.form_profile_v2_row {
		flex-direction: column;
	}
	
	.form_profile_v2_col_datos,
	.form_profile_v2_col_areas,
	.form_profile_v2_col_avatar {
		margin-left: 0 !important;
	}
	
	.form_profile_v2_col_datos {
		order: 1;
		margin-top: 32px;
	}
	
	.form_profile_v2_col_datos .card.two-form {
		padding: 10px;
		box-shadow: none;
	}
	
	.form_profile_v2_col_areas {
		order: 2;
	}
	
	.form_profile_v2_col_areas .card.p20,
	.form_profile_v2_col_avatar .card.p20 {
		box-shadow: none;
	}
	
	.form_profile_v2_col_avatar {
		order: 3;
	}
	
	.pathways-subtitle {
		margin-bottom: 8px !important;
	}
	
	.fertility-nursing__paises .elementor-container{
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(2, auto);
		grid-auto-flow: column;
		align-items: self-start;
		gap: 20px;
		margin-top: 24px;
	}
	
	.fertility-nursing__paises > * {
		min-width: 0;
	}
	
	.info-master a {
		padding: 14px 30px;
    	font-size: 18px;
	}
	
	.bloque-descripcion .bloque-descripcion-derecha .video p {
		font-size: 20px;
    }
	
	.bloque-descripcion .bloque-descripcion-derecha .video p span {
		font-size: 16px;
    }
	
	.bloque-descripcion .bloque-descripcion-derecha .video a {
        padding: 20px 22px;
        font-size: 20px;
	}
	
	.bloque-descripcion .bloque-descripcion-derecha .video {
      gap: 20px;
	}
	
	#mi-popup .form_hubspot .hbspt-form > form {
		margin-top: 64px;
	}
	
	@supports (-webkit-touch-callout: none) {
    .hs-form-checkbox-display {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .hs-form-checkbox-display input[type="checkbox"] {
      margin: 0;
      width: 18px;
      height: 18px;
      position: relative;
      top: 5px;
		-webkit-appearance: checkbox;
      appearance: checkbox;
      box-shadow: none;
      outline: none;
      background-color: transparent;
    }
  }
	
	.ivi_master_boton_iralmaster {
		font-size: 18px;
		padding: 14px 27px;
	}
	
	.ivi_master_boton_masinfo {
		padding: 14px 53px;
	}
}

/* ============================================
   MAX-WIDTH: 767px
   ============================================ */
@media (max-width: 767px) {
    .main_container .content-wrapper {
        padding-top: 48px !important;
    }
    
    /* Hacer el contenedor del formulario flex para poder reordenar */
    .form_registro_v2 .ivi-wrapper {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .form_registro_v2_row {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .form_registro_v2_row > .elementor-column:not(:first-child) {
        margin-left: 0 !important;
    }
    
    /* Reordenar columnas en responsive */
    .form_registro_v2_col_datos {
        order: 1 !important;
    }
    
    .form_registro_v2_col_avatar {
        order: 2 !important;
    }
    
    .form_registro_v2_col_areas {
        order: 3 !important;
    }
    
    .form_registro_v2_col_submit {
        text-align: center !important;
    }
    
    .form_registro_v2_col_submit .response {
        max-width: none !important;
    }
    
    .access .sub-menu {
        background-color: white !important;
        padding: 20px !important;
        min-width: 280px !important;
        width: auto !important;
    }
    
    .access .sub-menu svg {
        width: 12px !important;
        height: 12px !important;
    }
    
    .blog_single_noticia_header_info h3 {
        width: 100%;
        font-size: 20px !important;
    }
    
    .elementor-468 .elementor-element.elementor-element-e5edfe6 > .elementor-container {
        min-height: auto !important;
    }
}

/* ============================================
   MAX-WIDTH: 600px
   ============================================ */
@media (max-width: 600px) {
    .video-gallery {
        grid-template-columns: 1fr;
    }
    
    .tab-gallery {
        width: 100% !important;
    }
}

/* ============================================
   MAX-WIDTH: 480px
   ============================================ */
@media (max-width: 480px) {
    .pastilla-card {
        padding: 14px;
    }
    
    .pastilla-label {
        font-size: 12px;
    }
    
    .pastilla-value {
        font-size: 13px;
    }
    
    .pastilla-button {
        width: 100%;
        justify-content: center;
    }
}

/* ============================================================================
   MENÚ MÓVIL - Ajustes para scroll y altura dinámica
   Solo se aplica en dispositivos móviles/tablets (hasta 1024px)
   ============================================================================ */
@media (max-width: 1024px) {
	#mobile-menu.open {
		min-height: calc(100vh - 52px) !important;
		max-height: calc(100vh - 52px) !important;
		height: auto !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		-webkit-overflow-scrolling: touch;
		background-color: #006575 !important;
	}

	/* Asegurar que el fondo se extienda con el contenido */
	#mobile-menu.open .elementor-section {
		min-height: 100%;
		height: auto;
		background: transparent !important;
	}

	#mobile-menu.open .elementor-background-overlay {
		display: none !important;
	}
	
	/* Submenús en móvil: position relative para que funcione el scroll */
	#mobile-menu .sub-menu.open {
		position: relative !important;
	}
}