/***************************************************************************
TAMANIO NORMAL: Para mover al Main
***************************************************************************/
     
     /***************************************************************************
    GENERAL: Addons
    ***************************************************************************/
    .smallimage{
            max-width: 200px;
            margin: 1rem auto 1rem;
    }
    
    
    
    /***************************************************************************
    GENERAL: CONTENIDO PAGINA
    ***************************************************************************/
    .node--type-pagina .bloque-imagentexto figure{
        text-align:center;
    }
    .node--type-pagina .bloque-imagentexto img{
        max-width:400px;
        margin: auto;
    }
    
    /***************************************************************************
    GENERAL: MENU PRINCIPAL
    ***************************************************************************/
    #block-santaursula-main-menu li a{
        color:var(--color-gris-menu);
        height: 126px;
        display: flex;
        align-items: center;
        padding: 0.5rem 1rem 0.5rem 1rem;
        font-size: 0.8rem;
    }
    #block-santaursula-main-menu li li a{
        height: 100%;
        width: 100%;
        background: transparent;
        padding: 0;
    }
    
    
    
    #block-santaursula-main-menu > ul > li{
        position:relative;
    }
    #block-santaursula-main-menu li::after{
        position: absolute;
        content: "";
        display: block;
        width: 1px;
        background-color: #DEDEDE;
        height: 70%;
        /*margin-right: 1rem;*/
        z-index: 2;
        top: 8px;
        right: 0px;
    }
    
    #block-santaursula-main-menu li:hover::after{
        display:none;
    }
    
    #block-santaursula-main-menu li a:hover{
        background: var(--color-naranja);
        transition: .3s;
        color: white !important;
        text-align: center;
        text-decoration: none;
    }  
    
    #block-santaursula-main-menu li.active > a{
        color:var(--color-verde);
        font-weight:bold;
    }
    #block-santaursula-main-menu li.active > a:hover{
        color:white;
    }
    
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        margin-top: 0rem;
    }
    
    
    /*******************DROPDOWN MENU  ******************/
    .dropdown-menu{
        padding:0;
    }
    .dropdown-item:focus, .dropdown-item:hover {
        color: white !important;
        text-decoration: none;
        background-color: var(--color-naranja);
        /*padding:0;*/
    }
    #block-santaursula-main-menu li li::after{
        display:none;
    }  
    
    ul.dropdown-menu li.dropdown-item a.active{
        color:white !important;
    }    
    .navbar-nav .dropdown-menu {
      width: 100%;
    }
    .dropdown-item {
        padding: 0.35rem 1.5rem;
        font-size: 0.9rem;
    }
    /*drop drop de hijos*/
    ul ul .dropdown-item{
        padding:0.5rem 0.5rem;
    }
    
    .dropdown-menu{
        padding: 0.5rem !important; 
        top: 65%;
    }
    
    
    /***************************************************************************
    GENERAL: EU COOKIE COMPLIANCE
    ***************************************************************************/   
    .eu-cookie-compliance-message h1, .eu-cookie-compliance-message h2, .eu-cookie-compliance-message h3, .eu-cookie-compliance-message p{
        font-weight: lighter;
    }
    .eu-cookie-compliance-banner{
        padding:1rem 1rem;
    }
    
    
    /***************************************************************************
    GENERAL: REEMPLAZO
    ***************************************************************************/
    .blockAdmisionText strong{
        font-size: 4rem;
    } 
    .path-frontpage .HeroImage p{
         font-size:0.9rem;  
         text-align: center;
    }
    .path-frontpage .HeroImage .headBanner p{
         font-size:var(--font-size-large);    
    }
    
    .HeroImage:hover .hoverBanner {
        transform: none;
    }
    .hoverBanner {
        transform: none;
    }
    
    /*[TODO] Reemplazar en style 187*/
    .btn a, .btn {
      text-decoration: none;
      display: inline-block;
      color: white;
      font-weight: lighter;
      font-size: 0.9rem;
      
      border-radius: 1px;
    }
    .btn a{
        padding: 0.5rem 1rem;
    }
    
    /*[TODO] Añadir estilo - Esto es del video inicial*/
    .path-frontpage .banner-video-fullwidth {
      margin-top: -1rem;
      height: 50vw;
      z-index: 0;
      position: relative;
      overflow: hidden;
    }
    .path-frontpage .banner-video-fullwidth video{
        object-fit: cover;
        margin-top: -2rem;
        margin-bottom: 0rem;
    }
    
    figure{
        text-align:center;
    }
    
    /*[TODO] Añadir estilo*/
    .HeroImage{
       /* height: 40vh;*/
    }
    .HeroImage p{
        margin-bottom:0px;
    }
    /*[TODO] Buscar style NUEVO y reemplazarlo*/
    .navbar {
      padding: 0;
    }

     /*[TODO] Buscar style 522 y reemplazarlo*/  
    .grillaTitle {
      padding: 1.6rem 1rem;
      font-size: 0.9rem;
      transition:.3s;
    }

    
     /*[TODO] Buscar style 1098 y reemplazarlo*/       
     .wp-block-drupalmedia-drupal-media-entity video {
      width: 100%;
      height: auto;
      margin:1rem auto;
    }   
        
        
    /*[TODO] Buscar style 426 y reemplazarlo*/
    .bloque-grilla-fullView .view-content, .bloque-grilla-full {
      grid-template-columns: repeat(3,calc(100% /3));
    }
    
    /*[TODO] Buscar style 445 y reemplazarlo*/
    .grillaImg img {
      height: 50%;
    }
    
    /*[TODO] Buscar style 473 y reemplazarlo*/
    .blockAutor{
        display: flex;
        color: white;
        gap: 1rem;
        justify-content: center;
        margin: 1rem auto;
        align-content: center;
        align-items: center;
    }
    
    /*[TODO] Buscar style 616 y reemplazarlo*/
    .itemBgMedio a {
      color: white;
      /*text-shadow: 1px 1px 2px #333;*/
    }
    
    
    /*[TODO] Buscar style 1007 y reemplazarlo*/
    .blockAdmisionImg img {
      object-position: bottom;
    }   
    
    /*[TODO] Buscar style 984 y reemplazarlo*/
      .blockAdmisionText {
      padding: 4rem 3rem;
    }  
   
    /*[TODO] Buscar style xxx y reemplazarlo*/
    .bloque-grilla-fullView .grillaImg img {
      height: 50%;
      min-height: 335px;
    }
    
    /*[TODO] Añadir este estilo*/ 
    .wp-block-group.titlePortadaBanner.container{
        padding: 2rem 2rem !important;
        text-align: center;
    }
    
    /*[TODO] Estamos chankando este estilo de bg-crema aqui con transparencia. Deberiamos de arreglar todo el contenido
    lo haremos cuando nos confirmen que el estilo estas genial*/ 
    .wp-block-group.titlePortadaBanner.container.bg-crema{
        background:var(--color-crema-transparente);
    }
    
    /*[TODO] Buscar style 1322 y reemplazarlo*/    
    .grillaLogros .view-content .views-field-title {
        color: var(--color-verde);
        font-size: var(--font-size-medium);
        font-weight: bold;
        margin: 1rem 0rem 0.2rem;
        text-align: center;
    }
    
    /*[TODO] Buscar style 748 y reemplazarlo*/
    .bg-medio .responsive .view-content .views-slideshow-controls-bottom {
      bottom: calc(50% + 2rem);
    }
    
    /*[TODO] Buscar style 10028 y reemplazarlo*/
    .contenedor_FormAdmision .tab {
      font-weight: 300;
      font-size: 0.9rem;
    }
     .contenedor_FormAdmision .tab.active {
      font-weight: normal;
    }  
    
    /*[TODO] Modificar en formulario*/  
    .form-control {
      font-size: 0.9rem;
      font-weight: lighter;
    }
    
    .wp-block-group.blockNombrePromo {
        margin-top: -6rem;
    }
    
    .bloque-imagentexto-domino-cuadrado .has-large-font-size,
    .bloque-imagentexto-domino-cuadrado .fz-large {
      width: 100%;
    }
    
    
    
    .bloque-imagentexto-domino-cuadrado .wp-block-column.col1 .wp-block-group{
      position: absolute;
      bottom: -44px;
      left: calc(50% - 6rem);
    }
     
    /***************************************************************************
    PAGINA DETALLE talleres
    ***************************************************************************/     
    .node--type-talleres .bloque-imagentexto .imagen-bajada img{
        max-width: 400px;
    }
     
     
     
    /***************************************************************************
    COMPONENTE imagentexto-domino
    ***************************************************************************/   
    /*[TODO] Buscar style 761 y reemplazarlo*/
    .bloque-imagentexto-domino-cuadrado .wp-block-columns {
      display: grid !important;
      grid-template-columns: 1.3fr 1.5fr;

    }
    
    /*[TODO] Buscar style 741 y reemplazarlo*/
    .bloque-imagentexto-domino-cuadrado .col1 {
      padding: 4rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-top: 3rem;
      right: 0px;
      z-index: 1;
      width: unset;
      height: unset;
      position: relative;
      text-align: right;
    }
    
    /*[TODO] Aﾃｱadir style*/
    .bloque-imagentexto-domino-cuadrado .wp-block-columns.alreves {
      display: grid !important;
      grid-template-columns: 1.5fr 1.3fr;

    }    
    
    .bloque-imagentexto-domino-cuadrado .view-content .container.wrapper:nth-child(2n+1) figure,
    .bloque-imagentexto-domino-cuadrado .alreves figure {
        left: unset;
        right: 0px;
    }
    
    .bloque-imagentexto-domino-cuadrado .alreves .col1 {
      left: unset;
      right: unset;
      margin-left: unset;
       text-align: left;     
    }    
    
    /*[TODO] Anadir style*/
    .bloque-imagentexto-domino-cuadrado .wp-block-column:not(:first-child) {
      margin-left: -3rem;
    }
    
    /*[TODO] Anadir style*/
    .bloque-imagentexto-domino-cuadrado figure {
      width: unset;
      height: calc(100% + 3rem);
    }
    
    .bloque-imagentexto-domino-cuadrado figure {
      left: 0px !important;
    }
    
    .bloque-imagentexto-domino-cuadrado.container.wrapper,
    .bloque-imagentexto-domino-cuadrado .container.wrapper {
      padding-bottom: 0rem;
      margin-bottom: 10rem !important;
      padding-top: 0rem;
}
    
    .bloque-imagentexto-domino-cuadrado .wp-block-image{
        margin: 0;
    }
    
    
        
    /***************************************************************************
    GENERAL: FOOTER
    ***************************************************************************/
     .logo_footer{
        padding-right:4rem;
        max-height:300px;
    } 
    
    .infoFooter{
        margin-bottom:1rem;
    }
    /*[TODO] Buscar en site-footer.css este p y eliminarlo*/
    .infoFooter p {
      margin-top: 0;
      margin-bottom: 0;
    }
    .TextGris .infoFooter{
        margin-top:1.5rem;
    }
    
    
@media (max-width: 1340px){
    .blockTalleres .view-content{
        grid-template-columns:repeat(auto-fit, minmax(min(100%,15rem),1fr));
    }
    .grillaLogros .view-content, .grillaActividades .view-content {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%,17rem),1fr));
        gap: 2rem;
    }
}
/*[TODO:JSK]No deberia de existir, deberia de ser992. Revisar*/
@media (max-width: 1200px){
 .bg-medio .views-row:nth-child(4){
    display:none;
    }
.navbar-expand-lg .navbar-toggler{
    /*display:block;*/
}
}
@media (max-width: 992px){
    /***************************************************************************
    GENERAL: FOOTER
    ***************************************************************************/
     .logo_footer{
        padding-right:2rem;
    }  
    
    /***************************************************************************
    INICIO
    ***************************************************************************/   
    .blockAdmisionText{
      padding: 2rem 2rem 4rem 2rem;
    }  
    .blockAdmisionText.wp-block-column:not(:first-child) {
      margin-left: 0rem;
    }
    
    /***************************************************************************
    MENU
    ***************************************************************************/     
    #block-santaursula-main-menu li a{
        height:100%;
        min-height:40px; /*Tamanio minimo del dedo*/
    }
    #CollapsingNavbar{
        z-index:100;
        transition: .3s;
    }
    #CollapsingNavbar.show{

        padding-bottom: 2rem;
    }
            
    
    .navbar-toggler{
        margin-right: 1rem;
        margin-top: -1rem;
    }
    #block-logo{
        margin-left:1rem;
    }
    
    #header{
        z-index: 1000;
        position: relative;

    }

}

@media (max-width: 991px){
     /***************************************************************************
    GENERAL: Menu
    ***************************************************************************/ 

    
    /***************************************************************************
    COMPONENTE imagentexto-domino
    ***************************************************************************/ 
    .bloque-imagentexto-domino-cuadrado .wp-block-columns {
      grid-template-columns: 1fr !important;
      grid-template-areas:"imagen"
                          "texto";
    }
    
    .bloque-imagentexto-domino-cuadrado .wp-block-columns .wp-block-column{
        grid-area:imagen;
    }
    .bloque-imagentexto-domino-cuadrado .wp-block-columns .wp-block-column.col1{
        grid-area:texto;
    }    
    .bloque-imagentexto-domino-cuadrado .wp-block-column:not(:first-child) {
      margin-left: 0rem;
    }
    
    .bloque-imagentexto-domino-cuadrado.container.wrapper, .bloque-imagentexto-domino-cuadrado .container.wrapper {
      margin-bottom: 3rem !important;
    }
    .bloque-imagentexto-domino-cuadrado .wp-block-column,
    .bloque-imagentexto-domino-cuadrado .wp-block-column.col1{
        text-align:center;
    }
    
    .path-frontpage .banner-video-fullwidth video{
        margin-top: 0rem;
    }
}


/*******************************************************************************
TAMANIO TABLET
*******************************************************************************/
@media (max-width: 781px){
    
    /***************************************************************************
    GENERAL: FOOTER
    ***************************************************************************/
    .logo_footer{
        width: 80%;
        padding-right: unset;
        margin: auto;
        max-width: 200px;
    }
    .site-footer .wp-block-column p,
    .site-footer .wp-block-column{
        text-align:center !important;
        
    }
    .titleFooter::after{
       margin:0 auto 1rem;
    }
    .titleFooter{
       position:relative;
    }
    .site-footer .wp-block-column:nth-child(2n) {
        margin-left: 0;
        text-align:right;
    }
    .page-node-3 .blockTalleres .view-content{
        gap: 3rem;
        grid-template-columns:1fr;
    }
    .page-node-3 .bg-medio.naranja .itemBgMedio {
        background:linear-gradient(to bottom, var(--color-crema) 50%, var(--color-naranja) 50%);
    }
    .page-node-3 .bg-medio.naranja{
        background:transparent;
    }
    .page-node-3 .bg-medio.naranja .itemBgMedio img{
        width:auto;
    }
    
    .page-node-3 .itemBgMedio .title{
        margin-top:0 !important;
    }
    .page-node-3 .itemBgMedio:nth-child(odd) > figure a,
    .page-node-3 .itemBgMedio:nth-child(even) > figure a{
        
        height:auto;
    }
}


@media (max-width: 768px) {
    /* ------------------- GENERAL -------------------*/
        :root{
        --font-size-large:1.5rem;
    }
    
    
    .fz-xlarge{
        /*Hay que ver si choca con algo pero teoricamente nos va a ir bien*/
        text-align:center;
    }
    
    /***************************************************************************
    COMPONENT: imagentexto-domino-cuadrado
    ***************************************************************************/   
    .bloque-imagentexto-domino-cuadrado figure{
        margin-bottom:0rem;
    }
    /* ------------------- Hacemos que la imagen vaya debajo en mobil -------------------*/
     .bloque-imagentexto-domino-cuadrado .container.wrapper:nth-child(2n) figure:nth-child(3){
        display:none !important;
    }      
    .bloque-imagentexto-domino-cuadrado .container.wrapper:nth-child(2n) figure:nth-child(1){
        display:block !important;
    }
 
 
    .bloque-imagentexto-domino-cuadrado .fz-large {
      margin-bottom:1rem;
      width: 100%;
    }
    
    
    /***************************************************************************
    OTROS
    ***************************************************************************/      
    .formContact .btnNaranja{
        display: block;
        width: 100%;
    }
    .infoForm {
        grid-template-columns: 1fr;
        gap: 0rem;
    }
    .bloque-imagentexto-domino-cuadrado .imageAdmision img{
        padding:1rem 1rem 0;
    }
    .btn a, .btn{
        font-size:1rem;
    }
    .bloque-imagentextoNaranja {
    
    background: linear-gradient(to top, var(--color-naranja) 80%, var(--color-crema) 20%);
    }
    
    .bloque-imagentextoMorado {
        background: linear-gradient(to top, var(--color-morado) 80%, var(--color-crema) 20%);
    }
    .bloque-imagentextoVerdeJade {
        background: linear-gradient(to top, var(--color-verdeJade) 80%, var(--color-crema) 20%);
    }
    .bloque-imagentextoAmarillo {
        background: linear-gradient(to top, var(--color-amarillo) 80%, var(--color-crema) 20%);
    }
    .bloque-imagentexto.fondo-morado{
    background: linear-gradient(to top, var(--color-morado) 80%, var(--color-crema) 20%);
    }
    .bloque-imagentexto.fondo-verde{
        background: linear-gradient(to top, var(--color-verde) 80%, var(--color-crema) 20%);
    }
    .bloque-imagentexto.fondo-naranja{
        background: linear-gradient(to top, var(--color-naranja) 80%, var(--color-crema) 20%);
    }
    .bloque-imagentexto.fondo-amarillo{
        background: linear-gradient(to top, var(--color-amarillo) 80%, var(--color-crema) 20%);
    }
    .bloque-imagentexto.fondo-amarillo p,
    .bloque-imagentexto.fondo-amarillo a{
      color: var(--color-verde) !important;
    }
    
    /*logo header*/
    .bloque-imagentexto .imagen-bajada img{
        padding:0 15px;
    }
    #block-logo img{
        width:200px;
    }
    .bloque-historia-doble .views-row:nth-child(odd):before, .bloque-historia-doble .views-row:nth-child(even):after{
        content:none;
    }
    .bloque-historia-doble .views-row:nth-child(even):before{
        content:none;
    }
    .bloque-historia-doble .views-row:nth-child(odd){
        border-right:0;
    }
    .bloque-historia-doble .views-row:nth-child(even){
        border-left:none;
    }
    .bloque-historia-doble .views-row .btn{
        position:static !important;
    }
    .bloque-historia-doble .views-row{
        text-align:center !important;
    }
    .imagenPromocion{
        padding:0;
    }
    .bloque-historia-doble .views-row .btn{
        margin-bottom:1rem;
    }
    /*style slider*/
    .bloque-historia-doble .view-content{
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    .bloque-slider .views-field-title,
    .bloque-slider img{
        width:100% !important;
    }
    /*formatear espacios*/
    :root{
        --padding-wrapper-top:3.5rem;
        --padding-wrapper-bottom:3.5rem;
    }
    .blockAdmisionImg img{
        height:auto;
        
    }
    /**/
    .bloque-imagentexto-domino-cuadrado .col1{
        margin-top:0;
    }
    .bloque-imagentexto-domino-cuadrado figure{
        height:auto;
    }
    .bloque-imagentexto-domino-cuadrado .view-content .container.wrapper:nth-child(odd) .col1, .bloque-imagentexto-domino-cuadrado .alreves .col1{
        left:0;
    }
    .bloque-imagentexto-domino-cuadrado.container.wrapper, .bloque-imagentexto-domino-cuadrado .container.wrapper{
        padding-bottom:1.5rem;
    }
    /**/
    /*linetime*/
    .cardLineTime{
        grid-template-columns: 1fr;
    }
    .itemLinetime:nth-child(even) .col2,
    .itemLinetime:nth-child(odd) .col1{
        border:none;
    }
    .cardLineTime .col{
        padding: 1rem 0;
    }
    
    
    /**/
    .banner-imagen-texto.isometrico{
        grid-template-columns:1fr;
    }
    .blockAdmisionText{
        padding:var(--padding-wrapper-top) 1.5rem var(--padding-wrapper-bottom) 1.5rem;
    }
    /*Distribuir 1 a 4 secciones foto y descripcion*/
    .bg-medio .block-views{
        display:none;
    }
    .bg-medio .responsive{
        display:block;
        /*height: 25vw;*/
    }
    .itemBgMedio {
        display:inline-block;
    }
    .responsive .views_slideshow_cycle_slide {
        width:100% !important;
        text-align: center;
    }
    .itemBgMedio img{
        height:224px !important;
    }
    .bloque-imagentexto-domino-rectangulo .field--name-field-personal .field__item:nth-child(odd) .layout--threecol-section {
        grid-template-columns: 1fr;
        padding: 1rem 0;
    }
    .bloque-imagentexto-domino-rectangulo .field--name-field-personal .field__item:nth-child(even) .layout--threecol-section {
        grid-template-columns: 1fr;
        padding: 2rem 0;
    }
    
    /*Secciones segundas impares amarilla y pares moradas*/
    .bloque-imagentexto-domino-rectangulo .field--name-field-personal .field__item:nth-child(odd) .layout__region--second{
        min-height: auto;
        padding: 1rem;
    }
    .bloque-imagentexto-domino-rectangulo .field--name-field-personal .field__item:nth-child(even) .layout__region--second{
        min-height: auto;        
        padding: 1rem;
        align-items: flex-start;
        text-align: left;
    }
    
    /*Textos secciones second*/
    .field__item .layout__region--second .field--name-body {
        max-width: 100%;
    }

    /*Color background primer bloque*/
    .bloque-imagentexto-domino-rectangulo .field--name-field-personal .field__item .layout__region--first{
        background: linear-gradient(to top, var(--color-amarillo) 50%, var(--color-crema) 50%);
        height: auto;
        justify-content: center;
        align-items: end;
    }
    
    /*Color background tercer bloque*/
    .bloque-imagentexto-domino-rectangulo .field--name-field-personal .field__item .layout__region--third{
        background: linear-gradient(to top,var(--color-morado) 50%, var(--color-crema) 50%);
        height: auto;
        justify-content: center;
        align-items: end;
        grid-row: 1 / 2;
    }


    /* ------------------- BLOQUE IMAGENTEXTO --------------------------------------*/
    /*imagen*/
    .bloque-imagentexto .block-field-blocknodetalleresfield-imagen-de-bajada img {

        width: 90vw;
        height: 60vw;
    }
        
    /*parrafo*/
    .bloque-imagentexto .block-field-blocknodetalleresbody p {
        max-width: 90%;
    }
    
    /* ------------------- BANNER VIDEO --------------------------------------*/
   
    
    .banner-imagen-texto-grid {
        grid-template-columns: 1fr;
    }
    
    .banner-imagen-texto-grid .wp-block-column:nth-child(2n) {
        margin-left: 0;
    }
    
    /* ------------------- BANNER IMAGEN --------------------------------------*/
    .HeroImage img {
        height: 40vh;
    }
    
    /* ------------------- BLOQUE IMAGENTEXTO ISOMETRICO  ---------------------*/
    /*.blockAdmision {*/
    /*    grid-template-columns: 100%;*/
    /*}*/
    
    /*.blockAdmisionText {*/
    /*    padding: 3rem 2rem;*/
    /*    grid-column-start: 1;*/
    /*    grid-row-start: 1;*/
    /*}*/
    
    /* ------------------- BLOQUE TEXTO 2-COLUMNAS  ---------------------*/
    .bloque-dos-columnas {
        grid-template-columns: 1fr;
    }
    .bloque-dos-columnas .separacion {
        display: none;
    }
    .bloque-dos-columnas .col {
        display: inline-flex;
        justify-content: center;
    }

    /* ------------------- BLOQUE GRILLA FULL  ---------------------*/
    .bloque-dos-columnas.conRaya {
        grid-template-columns: 1fr;
        text-align:center;
    }

    .bloque-grilla-full {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
        
    /* -------------- BLOQUE IMAGEN TEXTO DOMINO CUADRADO -----------*/
     
    
    .bloque-imagentexto-domino-cuadrado .wp-block-columns, .bloque-imagentexto-domino-cuadrado.view.container.wrapper {
        grid-template-columns: 1fr;
    }
    .bloque-imagentexto-domino-cuadrado .col1 {
        right: 0;
    }
    .bloque-imagentexto-domino-cuadrado figure {
        left: 0;
    }
    
    /***************************************************************************
    SLIDER: Component
    ***************************************************************************/    
    .itemBgMedio .title {
      margin-top: -2rem;
    }
    .itemBgMedio a {
      color: var(--color-gris);
      text-shadow: none;
    }
    /*EN PROMOCIONES EN BLANCO LO PONDREMOS*/
    .block-views-blockview-block-elcolegio-promociones-block-1 .views-slideshow-controls-text-next-processed:before,
    .block-views-blockview-block-elcolegio-promociones-block-1 .views-slideshow-controls-text-previous-processed:before{
        color:white;
        border-color:white;
    }
    
    /***************************************************************************
    COMPONENTE: grilla-full
    ***************************************************************************/    
    .bloque-grilla-fullView .view-content, .bloque-grilla-full {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    /***************************************************************************
    COMPONENTE: formulario en mobil
    ***************************************************************************/        
    .page-node-30 .to-column-in-movil .wp-block-columns  {
      flex-direction: column;
    }
    .infoContact{
        margin-bottom:3rem;
    }
    
    
    .formularioadmisionText > .wp-block-group{
        padding-bottom:0rem;
    }
    
    /***************************************************************************
    COMPONENTE: admision
    ***************************************************************************/    
    .page-node-74 .col > div{
        margin-bottom:2rem;
    }
    
    /***************************************************************************
    GENERAL: padding en movil
    ***************************************************************************/      
    .container {
      padding-right: 2rem;
      padding-left: 2rem;
    }
        
        
    
}
@media (min-width: 600px) and (max-width: 781px){
    .wp-block-column:nth-child(2n) {
    margin-left: 0;
        
    }
    
    
    
    
}

@media (max-width: 600px){
    /***************************************************************************
    GENERAL: FOOTER
    ***************************************************************************/
    .logo_footer {
      max-width: 200px;
      margin: 0rem auto 1rem auto;
      padding: 0rem 2rem;
    }
}


@media (max-width: 500px) {
    .containerFlexControl{
        flex-direction:column;
    }
    
    /***************************************************************************
    COMPONENT: IMAGENTEXTO
    ***************************************************************************/   
    .bloque-imagentextoMorado {
        background: linear-gradient(to top, var(--color-morado) 70%, var(--color-crema) 40%);
    }
    .bloque-imagentextoVerdeJade {
        background: linear-gradient(to top, var(--color-verdeJade) 70%, var(--color-crema) 40%);
    }
    .bloque-imagentextoAmarillo {
        background: linear-gradient(to top, var(--color-amarillo) 70%, var(--color-crema) 40%);
    }*/
    
    /***************************************************************************
    COMPONENT: GRILLA-FULLVIEW
    ***************************************************************************/
    .bloque-grilla-fullView .view-content {
        grid-template-columns: 1fr;
        gap:2rem;
    }
    .bloque-grilla-fullView .grillaImg img {
      height: calc(100vw /1);
    }
    .grillaImg img {
      height: calc(100vw /1);
    }
}