/*body.js-off-canvas-dialog-open{
    position: fixed;
  }
*/

@media (max-width: 1170px) {
    #barra-sup {
        background-color: var(--color-custom1);
        border-bottom: none;
    }
    .icon-unizar-nombre:before {
        color: white;
    }
    .menu-icon-unizar span {
        background: white;
    }
    .menu-icon-unizar span::before, .menu-icon-unizar span::after {
        background: white;
    }
}  

.path-frontpage main{

  margin-top: 1rem;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 1rem;
}

.path-frontpage #contenido-wrapper #contenido {
    margin-bottom: 0;
}
  
.wrapper-cabecera-med .inner{
	display: none;
}
  
  /* cabecera */
  
  .wrapper-cabecera-med {
      margin: 0;
      min-height: 0;7.5rem;
  }
  
  @media (max-width: 992px){
      #barra-sup {
          background-color: var(--color-custom1);
      }
  
      .menu-icon-unizar span {
          background: white;
      }
  
      .menu-icon-unizar span::before, .menu-icon-unizar span::after {
          background: white;
      }
  
      #columna-lateral .block {
          width: 100%;
      }
  }    
  
  .nav .region-menu-principal .sf-menu {
      height: auto;
  }
  
  
  .stickynav-active{
      display: none;
  }
  
  /* eol cabecera */
  
  #contenido{
      order: 1;
    }
    
    #contenido-wrapper #columna-lateral{
      order: 0;
      padding-right: 3%;
      margin-right: 3%;
      border-right: 1px solid #eeeeee;
      padding-left: 0;
      margin-left: 0;
      border-left: 0;
    }
  
  @media (max-width: 1200px){
      #contenido-wrapper #columna-lateral {
          padding-right: 0%;
          margin-right: 0%;
          border-right: 0px solid #eeeeee;
      }
  }


.view-masteres-universitarios .view-header{
  position: relative;
  .imagen-rama{
    position: absolute;
    right: -50px;
    bottom: -45px;
    img{
      transform: scale(0.8);
    }
  }
}

@media (max-width: 992px){
  .view-masteres-universitarios .view-header{
    display: flex;
    gap: 2rem;
    h1{
      flex: 1;
    }
    .imagen-rama{
      position: relative;
      width: 130px;
      bottom: -15px;
      right: 0;
      img{
      transform: none;
      width: 100%;
      }
    }
  }
}
    
  .view-masteres-universitarios .view-content .views-row{
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      align-items: flex-end;
      padding: 15px 0;
      border-bottom: 1px solid;
  }
    
  .view-masteres-universitarios .view-content .views-field-title{
      width: 70%
  }

  
  @media (max-width: 1200px){
      .view-masteres-universitarios .view-content .views-field-title{
          width: 100%
          }
  }
    
  .view-masteres-universitarios .view-content .views-field-title a{
      font-size: 2.5rem;
      display: block;
  }
  
  @media (max-width: 1200px){
      #contenido-wrapper #columna-lateral {
          padding-right: 0%;
          margin-right: 0%;
          border-right: 0px solid #eeeeee;
      }
  }
    
  .view-masteres-universitarios .view-content .views-field-field-rama-conocimiento{
      padding-left: 2%;
      width: 28%;
      color: black;
  }
  
  @media (max-width: 1200px){
      .view-masteres-universitarios .view-content .views-field-field-rama-conocimiento{
          padding-left: 0%;
          width: 100%;
  
      }
  }



  
  
  .view-masteres-universitarios .pager{
    padding: 40px 0 0;
    margin-bottom: 0;
  }
    
  .view-masteres-universitarios .pager__items{
      display: flex;
      justify-content: center;
  }
    
    .view-masteres-universitarios .pager__item{
      border-radius: 50px;
      border: 1px solid #457b9d;
      width: 40px;
      display: inline-block;
      height: 40px;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 10px;
    }
    
    .view-masteres-universitarios .pager__item:first-child{
      margin-left: 0;
    }
    
    .view-masteres-universitarios .pager__item.pager__item--ellipsis,
    .view-masteres-universitarios .pager__item.pager__item--next,
    .view-masteres-universitarios .pager__item.pager__item--last,
    .view-masteres-universitarios .pager__item.pager__item--first,
    .view-masteres-universitarios .pager__item.pager__item--previous{
      width: auto;
      border: 0
    }
    
    .exposed-filter-masteres .form-item{
      width: 100%;
    }
  
  @media (max-width: 992px){
      .exposed-filter-masteres .form-item{
          width: auto;
        }
  
       .exposed-filter-masteres > .form-item{
          margin-top: 1em;
          margin-bottom: 0.5em;
      }
  
      .exposed-filter-masteres .form-checkboxes{
          display: flex;
          flex-wrap: wrap;
      }
  
      fieldset.fieldgroup{
          width: 100%!important;
      }
  
      .exposed-filter-masteres .form-actions {
          margin-top: 1.5em;
          margin-bottom: 0;
      }
  
      .bef-exposed-form .form--inline > .form-item {
          float:none;
      }
  }    
  
    .exposed-filter-masteres .form-type-checkbox{
        display: flex;
        align-items: center;
    }
    
    .exposed-filter-masteres .form-type-textfield > label,
    .exposed-filter-masteres .form-type-select > label{
        width: 100%;
        display: inline-block;
        margin-bottom: 5px;
        font-weight: 700;
    }
    
    .exposed-filter-masteres  input[type=text],
    .exposed-filter-masteres select{
      font-size: 1.8rem;
      color: inherit;
      padding: 10px 18px 8px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 8px;
      border: 2px solid #457b9d;
      width: 100%;
      display: block;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      margin: 0;
    }

	.exposed-filter-masteres .js-form-item.js-form-type-select,
	.exposed-filter-masteres .js-form-item.js-form-type-textfield,
	.exposed-filter-masteres .js-form-item.fieldgroup{
		margin: 0.75rem 0 0.5rem;
	}
    
    .exposed-filter-masteres select{
      padding: 10px 8px 8px;
      background: none;
    }
    
    @supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .exposed-filter-masteres input[type=checkbox],
    .exposed-filter-masteres input[type=radio] {
        --active: #44abd2;
        --active-inner: #fff;
        --focus: 2px rgba(39, 94, 254, 0.3);
        --border: #bbc1e1;
        --border-hover: #44abd2;
        --background: #fff;
        --disabled: #f6f8ff;
        --disabled-inner: #e1e6f9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 18px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
      }
      .exposed-filter-masteres input[type=checkbox]:after,
      .exposed-filter-masteres input[type=radio]:after {
        content: "";
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
      }
      .exposed-filter-masteres input[type=checkbox]:checked,
      .exposed-filter-masteres input[type=radio]:checked {
        --b: var(--active);
        --bc: var(--active);
        --d-o: 0.3s;
        --d-t: 0.6s;
        --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
      }
      .exposed-filter-masteres input[type=checkbox]:disabled,
      .exposed-filter-masteres input[type=radio]:disabled {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: 0.9;
      }
      .exposed-filter-masteres input[type=checkbox]:disabled:checked,
      .exposed-filter-masteres input[type=radio]:disabled:checked {
        --b: var(--disabled-inner);
        --bc: var(--border);
      }
      .exposed-filter-masteres input[type=checkbox]:disabled + label,
      .exposed-filter-masteres input[type=radio]:disabled + label {
        cursor: not-allowed;
      }
      .exposed-filter-masteres input[type=checkbox]:hover:not(:checked):not(:disabled),
      .exposed-filter-masteres input[type=radio]:hover:not(:checked):not(:disabled) {
        --bc: var(--border-hover);
      }
      .exposed-filter-masteres input[type=checkbox]:focus,
      .exposed-filter-masteres input[type=radio]:focus {
        box-shadow: 0 0 0 var(--focus);
      }
      .exposed-filter-masteres input[type=checkbox]:not(.switch),
      .exposed-filter-masteres input[type=radio]:not(.switch) {
        width: 18px;
      }
      .exposed-filter-masteres input[type=checkbox]:not(.switch):after,
      .exposed-filter-masteres input[type=radio]:not(.switch):after {
        opacity: var(--o, 0);
      }
      .exposed-filter-masteres input[type=checkbox]:not(.switch):checked,
      .exposed-filter-masteres input[type=radio]:not(.switch):checked {
        --o: 1;
      }
      .exposed-filter-masteres input[type=checkbox] + label,
      .exposed-filter-masteres input[type=radio] + label {
        font-size: 14px;
        line-height: 24px;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        font-weight: normal;
        margin-left: 8px;
      }
      .exposed-filter-masteres input[type=checkbox]:not(.switch) {
        border-radius: 7px;
      }
      .exposed-filter-masteres input[type=checkbox]:not(.switch):after {
        width: 5px;
        height: 6px;
        border: 2px solid var(--active-inner);
        border-top: 0;
        border-left: 0;
        left: 5px;
        top: 4px;
        transform: rotate(var(--r, 20deg));
      }
      .exposed-filter-masteres input[type=checkbox]:not(.switch):checked {
        --r: 43deg;
      }
      .exposed-filter-masteres input[type=checkbox].switch {
        width: 38px;
        border-radius: 11px;
      }
      .exposed-filter-masteres input[type=checkbox].switch:after {
        left: 2px;
        top: 2px;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        background: var(--ab, var(--border));
        transform: translateX(var(--x, 0));
      }
      .exposed-filter-masteres input[type=checkbox].switch:checked {
        --ab: var(--active-inner);
        --x: 17px;
      }
      .exposed-filter-masteres input[type=checkbox].switch:disabled:not(:checked):after {
        opacity: 0.6;
      }
    
      .exposed-filter-masteres input[type=radio] {
        border-radius: 50%;
      }
      .exposed-filter-masteres input[type=radio]:after {
        width: 19px;
        height: 19px;
        border-radius: 50%;
        background: var(--active-inner);
        opacity: 0;
        transform: scale(var(--s, 0.7));
      }
      .exposed-filter-masteres input[type=radio]:checked {
        --s: 0.5;
      }
    }
    
    .exposed-filter-masteres input.button{
        border: 1px solid rgba(0, 0, 0, 0.2);
        padding: 10px 30px;
        border-radius: 30px;
        transition: 0.2s all ease-in-out;
    }
    
    .exposed-filter-masteres input.button:hover {
        background: #171A2B;
        color: white;
    }
    
    .exposed-filter-masteres input.button{
        background: #44abd2;
        color: white;
    }
    
  
/* ficha master */
    

  .page-node-type-ficha-master .node__content .ficha-master{
    display: grid;
    grid-template-columns: 1.2fr 2fr;
    column-gap: 6rem;
  } 

  .page-node-type-ficha-master fieldset.descripcion .field--name-field-video{
    margin-top: 4rem;
    & p{
      margin: 0!important;
      text-align: center;
    }
  }  

  .page-node-type-ficha-master fieldset.descripcion iframe{
    width: 100%;
    height: 297px;
    max-width: 528px;
    }
    
    @media (max-width: 992px){

      .page-node-type-ficha-master fieldset.features{
            width: 100%;
            order: 1;
        }

        .page-node-type-ficha-master fieldset.descripcion{
            width: 100%;
            order: 0;
        }
    }
  
    .back-img{
      position: absolute;
      z-index: -1;
      opacity: 0.5;
      left: 32%;
      top: 44%;
    }
  
  
    @media (max-width: 992px){
      .back-img{
        left: 100%;
        top: 100%;
      }
    }
    
      .node--type-ficha-master div, 
      .node--type-ficha-master p, 
      .node--type-ficha-master h2, 
      .node--type-ficha-master span{
          font-family: var(--font)!important;
      }
    

    .page-node-type-ficha-master .ficha-master--title{
      grid-row: 1;
      grid-column: 2;
      border-bottom: 1px solid;
      margin-bottom: 0;
      margin-top: 27px;
      padding-bottom: 30px;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      position: relative;
      h1{
        font-size: clamp(2.8rem, 3vw + 1rem, 4rem);
        line-height: clamp(3rem, 3vw + 1.2rem, 4.2rem);
        font-weight: 500;
        letter-spacing: 0;
        max-width: 70%;
        margin: 0;
      }
      .rama-conocimiento-imagen{
        position: absolute;
        right: -50px;
        bottom: -45px;
        img{
          transform: scale(0.8);
        }
      }
    }

  @media (max-width: 992px){
    .page-node-type-ficha-master .ficha-master--title{
      display: flex;
      gap: 2rem;
      h1{
        flex: 1;
      }
      .rama-conocimiento-imagen{
        position: relative;
        width: 130px;
        bottom: -15px;
        right: 0;
        img{
        transform: none;
        width: 100%;
        }
      }
    }
  }

    




    .page-node-type-ficha-master .ficha-master--imag-cabecera{
      .field--name-field-imagen{
        display: block;
        height: 100%;
        img{
          height: 100%;
          object-fit: cover;
        }
      }
    }

    .page-node-type-ficha-master .ficha-master--detalle{
      grid-column: 1;
    }

    .page-node-type-ficha-master .ficha-master--detalle .features{
          padding: 35px 35px 25px;
          border: 0;
          margin: 0;
          box-sizing: border-box;
          background: whitesmoke;
          & legend{
            display: none;
          }
          & .field__label{
            font-size: 12px;
            line-height: 1.5rem;
            font-weight: 400;
            text-transform: uppercase;
            color: gray;
          }
        }

    .page-node-type-ficha-master .ficha-master--detalle .web-estudio{
      margin-bottom: 10px;
      display: flex;
      gap: 3rem;
      background: #f5f5f5;
      padding: 0 30px 30px;
    }
    

    .page-node-type-ficha-master .ficha-master--detalle .web-estudio a{
      padding: 10px 20px;
      border: 1px solid gray;
      color: black;
      text-decoration: none;
      transition: all 0.2s;
      font-family: var(--font);
      text-transform: uppercase;
      font-size: 13px;
    }
  

    .page-node-type-ficha-master .ficha-master--detalle .web-estudio a:hover{
      box-shadow: 0px 0px 4px #c1c1c1;
      background: #f9f9f9;
    }
    
    

    .page-node-type-ficha-master fieldset .field:not(:last-child){
        margin-bottom: 10px;
    }
    

    .page-node-type-ficha-master fieldset .field--name-field-nombre-del-coordinador{
        margin-bottom: 0!important;
    }

    .page-node-type-ficha-master .ficha-master--descripion-video{
      margin-top: 4rem;
      & fieldset{
        margin: 0;
        border: 0;
        padding: 0
      }
      & legend{
        display: none;
      }
    }

    @media (max-width: 992px){
      .page-node-type-ficha-master .ficha-master--title{
        grid-column-start: 1;
        grid-column-end: 3;
        margin-bottom: 1rem;
      }

      .page-node-type-ficha-master .ficha-master--imag-cabecera{
        grid-column-start: 1;
        grid-column-end: 3;
      }

      .page-node-type-ficha-master .ficha-master--detalle{
        grid-column-start: 1;
        grid-column-end: 3;
        margin-top: 3rem;
      }

      .page-node-type-ficha-master .ficha-master--descripion-video{
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start:3;
        grid-row-end: 5;
        margin-top: 3rem
      }
    } 
    
    
  /* eol node-ficha-master */    
  
  /* bloque custom */
  
  .inner-ribbon.not-content{
      width: 100%;
      margin: 0;
      padding: 0;
  }
  

/* Contenedor principal (el que ya tiene el fondo inline) */
.imagen-eslogan .block-content {
    display: flex;
    justify-content: center;
    width: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 24%, rgba(241, 251, 255, 1) 49%)!important;
   /* overflow: hidden; /* Evita scrolls horizontales por la imagen 3D */
}


.imagen-eslogan .block-inn {
    display: grid;
    grid-template-columns: 1fr 1.2fr; /* Dos columnas: texto e imagen */
    align-items: center;
    width: var(--maxwidth);
    margin: 0 auto;
    padding: 0 40px;
    gap: 20px;
}

.imagen-eslogan .logo-eslogan .field--name-field-logo-ms img{
    max-width: 220px;
    width: 50%;
    margin-bottom: clamp(2rem, 2vw, 4rem);
}


/* Columna del Eslogan (Texto/Imagen izquierda) */
.imagen-eslogan .field--name-field-eslogan {
    z-index: 2;
}

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

/* Columna de la Ilustración (Paraninfo 3D derecha) */
.imagen-eslogan .field--name-field-imagen-bloque {
    display: flex;
    justify-content: flex-end;
    z-index: 1;
}

.imagen-eslogan .field--name-field-imagen-bloque img {
    max-width: 110%; /* Permite que crezca un poco más para impacto visual */
    height: auto;
    object-fit: contain;
    /* Efecto opcional: desplazamiento para que parezca "flotar" */
    transform: translate(10%, 7%); 
}

/* --- RESPONSIVE: Punto de ruptura en 1100px --- */
@media (max-width: 1100px) {
    .imagen-eslogan .block-inn {
        gap: 20px;
        padding: 20px 25px;
    }

    .imagen-eslogan .field--name-field-eslogan img {
        max-width: 100%; 
    }

    .imagen-eslogan .field--name-field-imagen-bloque {
        justify-content: center;
    }

    .imagen-eslogan .field--name-field-imagen-bloque img {
        max-width: 100%;
    }
}

  
/* bloque cabecera fichas masteres */

  
  .page-node-type-ficha-master main{
  	margin-top: 5rem;
    & #contenido-wrapper{
      border-top: 0;
    }
  }

.fichas-masteres .block-inn {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    align-items: center;
    max-width: 1200px;
    width: var(--maxwidth);
    padding: var(--padding-general);
    margin: 0 auto;
    gap: 20px;
    overflow: hidden;
}


  .fichas-masteres .block-content{
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 24%, rgba(241, 251, 255, 1) 49%)!important;
    height: 200px;
    display: flex;
    align-items: center;
  }
  
  .fichas-masteres .field--name-field-eslogan{

  }
  
  .fichas-masteres .field--name-field-eslogan img{
    height: 140px;
    object-fit: contain;
    width: auto;
  }

.fichas-masteres .field--name-field-imagen-bloque img{
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 335px;
  height: calc(100vw/3.6);
  object-fit: contain;
  object-position: right;
  z-index: 5;
  position: relative;
}
  
@media (max-width: 720px) {
  .fichas-masteres .block-content{
    height: 115px;
  }
  .fichas-masteres .block-inn {
    text-align: center;
    grid-template-columns: 3fr 1.2fr;
    gap: 20px;
  }

  .fichas-masteres .field--name-field-imagen-bloque img {
    max-height: 120px;
    margin: 0 auto;
  }
}
  
/* eol bloque cabecera fichas masteres */
  
    
    /* page-node-type-ficha-master */
  
  .page-node-type-ficha-master a.logo-unizar {
      display: block;
  }
  
    .page-node-type-ficha-master .imag-cabecera{
      width: 100%;
      overflow: hidden;
    }
  
    .page-node-type-ficha-master .imag-cabecera img{
      height: 100%;
      width: 100%;
      object-fit: cover;
      display: block;
      filter: grayscale(0.5);
      opacity: 0.7;
    } 
  
    /* eol page-node-type-ficha-master */
    
    /* vista opiniones */

	.block.opiniones{
		padding: var(--padding-general);
		width: var(--maxwidth);
		margin: 0 auto;
		box-sizing: border-box;
		margin-bottom: 6rem;
		@media (max-width: 1280px) {
			& {
			  width: 100%;
			}
		  }
		& h2{
			text-align: center;
			margin-top: 4rem;
			font-family: var(--font);
			color: var(--color-custom1-enlace);
		}
		& .opiniones-master{
			& .view-content{
				& .nombre_master{
					font-size: 2.3rem;
					font-weight: bold;
					text-align: center;
					margin-bottom: 2rem;
				}
				& .views-field-field-imagen-del-estudiante-op{
					display: flex;
					justify-content: center;
					border-radius: 100px;
					overflow: hidden;
					margin: 2rem auto;
					width: 150px;
					& img{
						width: 15rem;
						height: 15rem;
						object-fit: cover;
					}
				}
				& .views-field{
					text-align: center;
				}
				& .views-field-title{
						font-size: 2.3rem;
						margin-bottom: 3rem;
						display: block;
				}
				& .views-field-field-opinion-op{
					width: 100%;
					padding: 3rem 7rem;
					background: #f4f4f4;
					margin: 0 auto;
					border-radius: 4px;
					margin-bottom: 3rem;
					box-sizing: border-box;
				}
			}
		}
	}
    
    
    
    /* eol vista opiniones */
    
/* custom breadcrumbs */

.migas .block-inn{
  padding: var(--padding-general);
}
    
.breadcrumb{
    width: var(--maxwidth);
    padding: 10px 0;
    margin: 0 auto;
    border-bottom: 1px solid #eeeeee;
    & li{
        font-size: 1.4rem;
        color: gray;
        &::before{
            content: "\205E";
            margin: 0 0.5rem;
        }
        & a{
            color: gray;
            &:hover{
                color: black;
                text-decoration: underline;
            }
        }
    }
}

@media (max-width: 1280px) {
    .breadcrumb {
      width: 100%;
      box-sizing: border-box;
  }
}

/* eol custom breadcrumbs */