/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
 /* 
 /* estilos para la pagina principal */
 
 
 /***********************************************
 /* GENERALES
 ***********************************************/
 html,body{
    font-size: 16px;
}
p{
    font-family: 'Montserrat';
}


/* titulo general */
h1{
   color:black;
   font-size: 2.5rem;
   font-style: italic;
   font-weight: 900;
}

footer{
    margin-top:1rem;
}

.navbar-nav {
    margin: 1.5px -15px;
}


 /***********************************************
 /* PARTICULARES
 ***********************************************/

/******************PAGINA DE IFRAME*****************/
.path-pagina-main .views-row img{
    border: none;
    object-fit: cover;
    width: 45vw; 
    max-width: 25rem;
}

.path-pagina-main .navbar {
    min-height: 0px;
    height: 0px;
    border: none;
}

.path-pagina-main .page-content {
    margin-top: 1vw;
    margin-left: 5vw;
    margin-bottom: 1vw;
}

.rowpage:last-child .page-content{
   margin-right: 5vw;
   margin-left: 0;
}



.page-image img{
   clip-path: polygon(0% 27.5%, 17.50% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.page-image_1 img{
   clip-path: polygon(0% 27.5%, 17.50% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.path-pagina-main{
        background: #212121;
}
.path-pagina-main .form-group{
    margin-top:0px;
}

.path-pagina-main #blogtodo{
    width:80vw;
    margin: 0px auto;
}

/******************PAGINA PRINCIPAL****************/
.view-pagina-main{
   background: #212121;
   text-align:center;
}

.view-pagina-main .views-row{
     text-align:left;  
}
.view-pagina-main .views-row:nth-child(even){
     text-align:right;  
}

.view-pagina-main .after-title > a{
    padding-left:0px;
}


.view-pagina-main .view-content{
    max-width: 65rem;
    margin: 0 auto;
}


.toolbar-menu-administration{
   /* margin-top: 9vh;*/
}
.page-fila{
    display: flex;
    margin-bottom: 3vw;
    align-items:center;
}
/* ocultar imagenes con selectores */
.rowpage:last-child .page-image{
   display: none;
}
.rowpage:first-child .page-image_1{
   display: none;
}



.page-content{
    margin-top: 1vw;
    margin-left: 4vw;
    margin-bottom: 5vw;
    
}
.rowpage:last-child .page-content{
   margin-bottom: 0;
}
.page-title{
   /* margin-bottom: 2%; */
}
.after-title{

   margin-bottom: 2%;
   color: white;
}

.after-title > a {
    padding-left: 21px;
    color: 
    white;
    font-weight: bold;
    display: block;
}

.page-title a{
       color: #00F9F6;
   text-align: left;
   font-size: 1.5rem;
   font-style: italic;
   font-weight: bold;
}
.page-body p{
   font-size: 1rem;
       color: white;
       font-family: 'Montserrat';
}


/* header principal */
#block-header .field--name-body{
    margin-left: 0;
    margin-right: 0;
}
#header{
    box-shadow: 0px 1px 1px black;
   display: flex;
   align-content: space-between;
   align-items: center;
   height: 14vh;
   background:white;
}
#logo img{
   height: 10vh;
   margin: 10px 20px 10px 50px;
   width:auto;
   transition: 400ms ease all;
   transition: all 0.4s cubic-bezier(.91,.05,1,.63);
}
#mainMenu a{
   font-family: 'Montserrat', sans-serif;
   color: black;
   text-decoration: none;  
   text-transform: uppercase;
   font-size: 1.1rem;
   font-weight: normal;
   transition: 400ms ease all;
   transition: all 0.4s cubic-bezier(.91,.05,1,.63);
   line-height:1rem;
   position:relative;
}
/*BARRA INFERIOR*/
/*https://codepen.io/origine/pen/KVzpYm*/
#mainMenu a:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    background-color: #00F9F6;
    transition: transform 0.3s;
  }
  #mainMenu a:hover:after {
    transform: scaleX(1);
  }


.activo::after{
   content: " ";

   background-color:
   #00F9F6;
   
   position: absolute;
   
   width: 47px;
   
   height: 5px;
   
   display: block;
       
}
.scrolled #mainMenu a{
   font-size: 1rem;
}
.jskStickyHeader {
   width: 100vw;
   position: none;
   z-index: 9999;
   transition: 400ms ease all;
   transition: all 0.4s cubic-bezier(.91,.05,1,.63);
   top: 0;
left: 0;
}
   .jskResponsiveMenu {

       transition: 400ms ease all;
       transition: all 0.4s cubic-bezier(.91,.05,1,.63);
       -webkit-font-smoothing: antialiased;
       transform-origin: 0% 0%;
       width: 100vw;
       height: 10vh;
       display: flex;
       min-width: 450px;
       max-width: 75vw;
       align-content: flex-start;
       align-items: center;
       justify-content: space-around;
       top: 2vh;
       position: absolute;
       right: 3vw;
   
   }
/*header del blog  */

.container > .navbar-header{
    width: 100%;
    margin-right: 0;
   margin-left: 0;
}
/* rewrite de colores por defecto */
.navbar-default {
   background-color: white;
   border-color:  white;
   margin:0px;
}

.navbar-header ul{
    width: 100%;
    display: flex;
    justify-content:space-between ;
    align-items: center;
}
.region-navigation > #block-header {
margin-top: 130px;
}
.navbar-default .navbar-nav > li > a {
   font-style: italic;
   color:
   BLACK;
   font-weight: 600;
   text-align: center;
   font-family: 'Montserrat', sans-serif;
   text-transform: uppercase;
   font-size: 1.1rem;
   transition: all 0.2s cubic-bezier(.91,.05,1,.63);

}
.navbar-default .navbar-nav > li {
  width: 100%;

}


/* header de detalle del blog */
#block-subtema-main-menu .navbar-nav > li > a:hover::before

{ 
   background: #212121;
   color: white;
   content: " ";
   background-color:
   #00F9F6;
   position: absolute;
   width: 50px;
   height: 5px;
   bottom: 7px;
   float: left;
}
#block-subtema-main-menu .navbar-nav > li > a:hover

{ 
   background: #212121;
   color: white;
   
}


/*------------  */
*{
    margin: 0;
    padding: 0;
}

/********* FOOTER ************/
#footer .wrapper{
   display:grid;
   grid-template-areas: "infoContacto socialIcons";
   grid-template-columns: 70% 30%;
   grid-template-rows:auto;
   margin-left: 10vw;
   margin-right: 10vw;
   margin-top: 3vw;
}
#infoContacto{
   grid-area:infoContacto;
   font-weight: 500;
color:
black;

}
#socialIcons{
   grid-area:socialIcons;
}

#copyright{
   grid-area:copyright;

}

#copyright {
   padding: 10px 10vw 15px;
   background: #1B1B1B;
   color: white;
   font-style: italic;
   text-align: center;
   margin-top: 3rem;
   display: flex;
   align-items: baseline;
   align-content: center;
   justify-content: center;
   width: 100%;
left: 0;
position: absolute;
}
#copyright > span {
   margin-right:2vw;
}


#copyright a{
   font-weight: bold;
   color:white;
   text-decoration: none;
}
/*centrar las imagenes jiji*/
.direccion{
   display: inline-flex;
   align-items: center;
}
.direccion .icon{
   margin-right: 10px;
}
.direccion span{
   margin-right:20px;
}
#socialIcons > *{
   display: inline;
}

#socialIcons {
   grid-area: socialIcons;
   display: flex;
   align-items: center;
   align-content: first baseline;
   justify-content: center;
}
#socialIcons p {
    margin: 0px 2.5vw;
    color: 
    black;
}
.xsmall {
   width: 35px;
   height: 35px;
}
.xxxsmall{
   width: 20px;
}
.icon {
   vertical-align: bottom;
   margin-left: 0.5vw;
   margin-right: 0.5vw;
}

.container{
   width: 100%;
   padding: 0;
   /* height: 10vh; */
}
.row{
   margin: 0;
}


/* todo el contenedor fila */
.rowclass{
  width: 100%;
   /*height: 70vh;*/
   /*max-height:400px;*/ /*[JOSE 28nov2019]: Hay que poner un tamaño maximo*/
   display: flex;
   align-items: center;
   position: relative;
   /*padding: 50px 3rem 80px;*/
}
.rowclass .views-field-nothing {
    margin: 2rem auto 1rem;
    max-width: 60rem;
}
/*[JOSE 28nov2019] Con esto seleccionamos todos menos el primero*/
.rowclass + .rowclass{ /*selecciona todos menos el primero*/
       padding: 100px 0px 60px;
}


/* contenedor solo de los elementos creados */
.filas{
   display: flex;
   margin: 0 2rem;
   align-items: center;
   

}
/* ocultar tagas en view content */
.field--name-field-tags{
   display:none;
}
/* imagen general de bootstrap */
#view-id-blog .img-responsive {
   border: #00F9F6 5px solid;
   width: 50vw;
   margin:auto;

}
/* image */
.image{
    margin-left: 0;
    margin-right: 3rem;

}
.image-1{
    margin-left: 3rem;
    margin-right: 0;
}

/* div del nodo */
.node{
   color: black;
   font-size: 1.5rem;
   font-weight: 700;
   font-style: italic;
   margin-left: 0;
}
.node div{
   padding-left: 1rem;
}
.node:hover{
   text-decoration: none;
   color: black;
   
}

.node div:hover{
   
    box-shadow: 0 0 0.8rem #05F9F6;
     
         
}

/*****************
CONTENIDO PRINCIPAL
****************/

/* el contenido div */
.content {
    max-width: 60rem;
    margin: 0px auto;
}


/* texto del nodo */
.node div{
   background: #00F9F6;
   
}

/* donde ocultamos y damos vuelta con selectores par e impar */
.rowclass:nth-child(odd) .image-1  {
   display: none;
   
}

.rowclass:nth-child(odd)::after{
   content: " ";   
   width: 100%;
   height: 100px;/*[JOSE 28nov2019] Cambiamos a px porque se raya con bottom en px*/
   z-index: -1;
   position: absolute;
   background: -webkit-linear-gradient(263deg,white 50%, #212121 50%);
   background: linear-gradient(183deg,#212121 50%,white 50%);
   clip-path: polygon(0% 0%, 100% 0%, 100% 71%, 0% 17%);
   bottom: -99px;/*[JOSE 28nov2019] Cambiamos a px porque se raya con bottom en px*/
 
}
.rowclass:nth-child(even)::after{
   content: " ";/*[JOSE 28nov2019] Siempre el CSS bien formateadito*/ 
   width: 100%;
   height: 100px;/*[JOSE 28nov2019] Cambiamos a px porque se raya con bottom en px*/
   z-index: 1;
   position: absolute;
   background: -webkit-linear-gradient(263deg,white 50%, #212121 50%);
   background: linear-gradient(183deg,white 50%,#212121 50%);
   background-color: rgba(0, 0, 0, 0);
   clip-path: polygon(0% 0%, 100% 0%, 100% 71%, 0% 17%);
   bottom: -100px;/*[JOSE 28nov2019] Cambiamos a px porque se raya con bottom en px*/
   
   background-color:
   #212121;
 
}
.rowclass:last-child::after{
   content: " ";
width: 0;

z-index: 1;
position: absolute;
clip-path: 0;
bottom: 0;

}



.rowclass:nth-child(odd) .body p{
   
   color: white;
   
}
.rowclass:nth-child(odd) .title{
   
   color: white;
   
}
.rowclass:nth-child(even) .image  {  
   display: none;
} 

/*---------------------------------------------------------  */
/* titulo general */

/* titulo del contenido*/
.title,
h1{
   color:black;
   font-size: 2.5rem;
   font-style: italic;
   font-weight: 900;
   line-height:2.5rem;
}
.title{
    margin-bottom:1rem;
}

.page-header::before{
   content: "";
   background-color:
   #00F9F6;
   position: relative;
   width: 70px;
   height: 4px;
   margin: 0px;
   padding: 0px;
   z-index: -1;
    left: -31px;
    top: 9px;
   transform: rotate(144deg);
   display: block;
}
.page-header{border-bottom: 0;
   position: relative;
   z-index: 1;
   display: inline-block;
}
.titulo{
   text-align: center;
   /*margin-top: -5vh;
   margin-bottom: 3vh;*/
   
}
/* aqui ponemos la rayita cuando este activo */

.navbar-default .navbar-nav > .active > a::before{
   content: " ";
   width: 56px;
   height: 4px;
   
   position: absolute;
   background-color:
   #05F9F6;
   bottom: 8px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
   color:
white;
background-color:
#212121;
}

.page-header::after{
   content: "";
   background-color:
   #00F9F6;
   position: relative;
   width: 90px;
   height: 6px;
   margin: 0px;
   padding: 0px;
   z-index: -1;
    left: -34px;
    top: -30px;
   transform: rotate(144deg);
   display: block;
}

/*  */
/* bootstrap
*/
.col-sm-12{
    padding-right: 0;
    padding-left: 0;

}
/*  login de backend*/
#user-login-form{

   width: 500px;
   margin: 0 auto;
   margin-top: 3%;
}

 

/********CONTENIDO *******************/


/* fecha */
.field--name-field-fecha,
.fecha
{
    padding-right: 12px;

    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    display: inline-block;
 }
.field--name-field-fecha{
    margin-bottom: 3rem;
    color: white;    
}

.fecha >  a {
   padding-left: 1rem;
   color: black;
   font-size: 1rem;
   font-weight: bold;
   margin-top: 2%;
   margin-bottom: 2%;
}


.field--name-field-linkautor{
    display: inline;
}

.field--name-field-linkautor >  a {
    color: white;
    font-weight: bold;
}
 
.rowclass:nth-child(odd){
   background: #212121;
}

.rowclass:nth-child(odd),
.rowclass:nth-child(odd) .fecha > a {
   color: white;
}
 

 .field--name-field-display-title{
    width: 38rem;
    position: relative;
    float: right;
    margin-right: 0rem;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
 }
 
 .field--name-field-display-title h1{
  color: white;
  min-height: 5rem;
 }
 

.field--name-body {
    margin-top: 0rem;
}

/* body del contenido */
.body p,
.field--name-body p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 1px;
    margin-bottom: 3rem;
}

.blog .field--name-body img {
    width:25vw;
    min-width: 200px;
    height: auto;
}


.field--name-body .align-right {
    margin: 1rem 0rem 1rem 1rem;
}
.field--name-body .align-left {
    margin: 1rem 1rem 1rem 0rem;
}
 
 .field--name-field-image {
    width: 20rem;
    margin-top: 2rem;
    margin-left: 0;
    margin-right: 2rem;
    margin-bottom: 1rem;
    float: left;
}
 

#block-footer .field--type-text-with-summary::before{
   content: none;
 }  
 
/*Bajamos el tamanio y lo hacemos relativo a la fuente, no al alto de la pantalla*/ 



.content > .field--type-text-with-summary::before{
    content: "";
    position: absolute;
    background-color: #212121;
    width: 100%;
    height: 12rem;
    z-index: -1;
    left: 0px;
    top: 1px;
 }  

.pagination {
   display: flex;
   justify-content: center;
   
}
.pagination > li {

   
   margin-left: 4%;

}
.pagination > li > a {
   background: #00F9F6;
   color: black;
   
   font-family: 'Montserrat', sans-serif;
   font-size: 2rem;
   font-weight: bolder;
   font-style:italic ;
   padding-left: 25px;
   padding-right: 25px;
     
     

   
}
.pagination > li > a:hover {
   box-shadow: 0 0 1.2rem #05F9F6;
   background: #05F9F6;
   color: black;
}
.pagination > .active > a{
   background: #212121;
   color: white;
   border-color: none
   ;
   font-style: italic;

}
.pagination > .active > a:hover{
   background: #212121;
   color: white;
   border-color: none
   ;
}

/* las 3 primeras entradas de blog */
.view-entradasanteriores > .view-content > .views-row{
   text-align: center;
}
.entradas {
    display: inline-block;
    font-weight: 900;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 2.5rem;
    font-style: italic;
   
}
.entradas::before {
    content: "";
    background-color:
    #00F9F6;
    position: relative;
    width: 70px;
    height: 4px;
    margin: 0px;
    padding: 0px;
    z-index: -1;
    left: -24px;
    top: 6px;
    transform: rotate(144deg);
    display: block;
}
.entradas::after {
    content: "";
    background-color:
    #00F9F6;
    position: relative;
    width: 90px;
    height: 6px;
    margin: 0px;
    padding: 0px;
    z-index: -1;
    left: -26px;
    top: -35px;
    transform: rotate(144deg);
    display: block;
}

.view-ultima-vista > .view-content{
   display: flex;
   justify-content: space-between;
   width: 100%;
}

.fila-entrada{
   display: flex;
   align-items: center;
   justify-content:flex-end;   
   color: white;
   background: #212121;
   padding: 2rem 3rem;
   text-align:right;   
}

.contenido-entrada{
   max-width: 20rem;

}

/*Hacer que la segunda entrada este tirada hacia la derecha*/
.ult-entradas:nth-child(2) .fila-entrada{
    justify-content:flex-start; 
    text-align:left;
    
}

.titulo-entrada a{
   color :white;
   font-size: 1.5rem;
   font-style: italic;
   font-weight: 900;
   line-height: 24px;
   margin-left: 0px; /*[JOSE 28nov2019] margin-left*/
}


/*Imagenes de Bloque de Entrada */
.img-entrada > img,.img-entrada-1 > img{
    height: 6rem;
    width: auto;  
} 
.img-entrada > img{
   padding: 0px 0px 0px 2rem;
}
.img-entrada-1 > img{
   padding: 0px 2rem 0px 0px;
}


.ult-entradas:nth-child(even) .img-entrada{
   display: none;
}
.ult-entradas:nth-child(odd) .img-entrada-1{
   display: none;
}
.ult-entradas:nth-child(even) .img-entrada-1 img{
   object-fit: cover;
   display: inline-block;
   object-position: 0 top;
   clip-path: polygon(0% 35%, 25% 0%, 100% 0%, 100% 100%, 0% 100%)
}
.ult-entradas:nth-child(odd) .img-entrada img{
    object-fit: cover;
    display: inline-block;
    object-position: 0 top;
    clip-path: polygon(0% 0%, 75% 0%, 100% 35%, 100% 100%, 0% 100%);
}

.ult-entradas{
   flex-basis:48%;
}

.titulo-entrada a:hover {
   text-decoration:none;
}



.fecha-entrada{
   display: inline-block;
   margin-top: 0.3rem
}

/*********************************************
MEDIA QUERYS
*********************************************/
@media screen and (max-width:1100px) {
    .view-ultima-vista > .view-content {
        flex-direction: column;
    }
    
   .fila-entrada {
        margin-bottom: 2rem;
   }
    
}
@media screen and (max-width:1000px) {
    #mainMenu a::after {
        bottom: 17px;
        left: 10vw;
        width: 6vw;
        height: 5px;
    }
    .content {
        margin: 0px 4rem;
    }
    .field--name-field-display-title{
        width: 100%;
        margin:2rem 0px 4rem;
        min-height: 5rem;
    }
    /*.field--name-field-display-title h1{
        margin:0rem 0px;
    }*/
    
    .field--name-field-image {
        margin-top: 0rem;
    }
    .field--name-field-linkautor {
        display: block;
    
    }
    .field--name-field-linkautor > a{
        color: black;          
    }
    
    
    .field--name-field-fecha {
        margin-bottom: 0rem;
        color: black;
    }
    
    .content > .field--type-text-with-summary::before{
        height: 11rem;
    }  

}
@media screen and (max-width:750px) {
    .field--name-field-display-title h1{
        font-size:calc(2.5rem - 0.8vw);
    }
}

@media screen and (max-width:650px) {
    
    .path-pagina-main .page-content {
        margin-left: 0vw;
    }

    .rowpage:last-child .page-content{
       margin-right: 0vw;
    }

    
    
    .body p, .field--name-body p{
        font-size: 0.9rem;
    }
    
      .content {
        margin: 0px 2rem;
    }  
    
    /* hacks para el responsive de bootstrap */
    .content > .field--type-text-with-summary::before{
        height: 9.5rem;
    }  
    
    .image{
       margin-left: 0;
       margin-right: 0;
       width: 80vw;
    }
    .container{
       padding-left: 1rem;
       padding-right: 1rem;
   }
   .row{
       margin-left: -15px;
       margin-right: -15px;
   }
   
   
   /**/
   
   /*FOOTER*/
   #socialIcons p{
       margin: 0px 2.5vw 0px 0vw;
   }
   
   /*PAGINA PRINCIPAL*/
   
   .title, h1{
       font-size:1.5rem;
   }
   
   .rowclass .fecha > a{
        display: block;
   }
   
    /* login */

    #user-login-form{
        width: 100%;
    }
    /*.rowpage:last-child .page-image{
       display: none;
    }*/
    
   .rowpage:last-child .page-image{
       display: block;
       margin: 0 auto;
    }
    /*
    .rowpage:first-child .page-image{
       display: none;
    }*/
    
    .rowpage:last-child .page-image_1{
       display: none;
    }
    
    .view-pagina-main .views-row:nth-child(2n) {
        text-align: left;
    }

    .view-pagina-main .views-row {
        margin: 2rem auto 5rem;
    }

    .after-title > a {
        padding-left: 0px;
    }

    .page-fila{
       display: flex;
       flex-direction: column;
      margin-bottom: 5vh;
   /*margin-left: 5rem;
   margin-right: 5rem;*/
   }
   
   .path-pagina-main .views-row img{
        width: 80vw;
        max-width: none;
        padding-bottom: 1rem;
   }
   
   
   .page-content {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
        margin-left: 0px; 
   margin-bottom: 0px;
}
.page-body p {
   font-size: 1rem;
   letter-spacing: 0px;
   line-height: 1.2rem;
}
.rowpage:last-child .page-content {
        margin-right: 0px;
   margin-left: 0px;
}
  .filas {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-top: 5%;
  }
  .body p {

   font-size: 1rem;
   padding-left: 9%;
   padding-right: 9%;
   
   letter-spacing: 0px;
   line-height: 1.2rem;

}

.fecha{
   text-align: center;
}

/*[JOSE 28nov2019] Quitamos el height para que el contenido fluya solo*/

  .rowclass{
      flex-direction: column;
      justify-content: center;
      align-items: center;
      /*height: 86vh;*/
  }

  .rowclass:nth-child(even) .image-1{
   
   display: none;
   
}
.rowclass:nth-child(even) .image  {  
   display:block;
} 
.filas .content {
  margin: 0;
  display: flex;
flex-direction: column;
align-items: center;
}
.rowclass:nth-child(even) .content  {  
   margin-left:0;
} 

.rowclass:last-child::after {

   content: " ";
   width: 0;
   z-index: 1;
   position: absolute;
   clip-path: 0;
   bottom: 0;

}

   .navbar-default .navbar-nav > li {
       flex-basis: 50%;
   }
   .navbar-header ul {
      
       flex-wrap: wrap;
   }
   .node{
       width: 39vw;
       text-align: center;
       margin-top: 16px;
   }
   .field--name-field-display-title{
       width: 100%;
       float: none;
     }
     .field--name-field-display-title h1 {
   /* color: black;*/
    text-align: center;
     }
     
     .field--name-field-image {
       width: 80vw;
       margin: 2rem auto 1rem;
       float: none;
   }
   .title-content{
       float: none;
   }
   
   .field--name-field-display-title h1::before {
        content: " ";
        background-color:
        #00F9F6;
        position: absolute;
        width: 20vw;
        height: 6px;
        bottom: -12px;
        margin: 0 auto;
        text-align: center;
        left: 37%;
   }
   .field--name-field-display-title h1::after {

       content: none;
       background-color: 
   
       none;
       
       width: 0;
       height: 0;
       bottom: 0;
       
   
   }
   .field--name-field-fecha {

       float: none;
       margin-bottom: 2.5%;
       display: block;
       width: 100%;
       color: 
   
       black;
       margin-top: 3%;
       text-align: center;
   
   }
   .field--name-body::before {

       content: none;
    
   }
   .title{
       text-align: center;
       width: 80vw;

margin-bottom: 10px;

margin-top: 25px;
   }
   .title::after {


   margin: 0 auto;

}
   #footer .wrapper{
       display:grid;
       grid-template-areas: "infoContacto"
                            "socialIcons";
       grid-template-columns: 100%;
       grid-template-rows:auto auto auto;     
       margin:0;
                  
   }

   #contactanos  .wrapper{
       display:grid;
       grid-template-areas:
           "contactanosTitle" 
           "contactanosInfo"
           "contactanosForm";
       grid-template-columns: 100vw;
       grid-template-rows:auto auto auto;     
   }

   #contactanos #contactoInfo {
       padding: 0 1rem;
       margin-bottom: 3rem;        
   }



   #infoContacto{
       text-align: center;        
   }

   #socialIcons{
       text-align: center;
       margin-top: 2rem;        
   }

   .appear-800{
       display:block !important; 
   }
   .hide-800{
       display:none !important; 
   }

    div p,
    div ul,
    div h4
    {
        max-width: none;
    }

   .card .info p {
       width: 100%;
   }

   #copyright {
       flex-wrap: wrap;
   }

   .pager__item--last > a{
       display: none;
   }
   .pager__item--first > a{
       display: none;
   }

   .wrapper > * {
       margin-left: 5vw;
       margin-right: 5vw;
   }
   .pagination > li > a {

       background:  #00F9F6;
       color:black;
       font-family: 'Montserrat', sans-serif;
       font-size: 1.2rem;
       font-weight: bolder;
       font-style: italic;
       padding-left: 20px;
       padding-right: 20px;
   
   }
   
   
   /*MENU PRINCIPAL*/
   .navbar-default .navbar-nav > li > a {
       font-size: calc(0.8rem + 1vw);
   }
   .navbar-header ul {
       width: 108%;
     
   }
   /*
   .content > .field--type-text-with-summary::before{
       content: none;
     }  */
     .page-header,
     .entradas{
       font-size: 1.7rem;
     }
     
     .page-header::before,
     .page-header::after,
     .entradas::before,
     .entradas::after{
         content:none;
     }


  
   .ult-entradas:nth-child(2n+1) .img-entrada-1 img {
       object-fit: cover;
       display: inline-block;
       object-position: 0 top;
       clip-path: polygon(0% 0%, 75% 0%, 100% 35%, 100% 100%, 0% 100%);
   }
   .field--name-field-linkautor{
    
        text-align: center;
    margin-bottom: 0;
        background-color: white;
    }
    .field--name-field-linkautor >  a {
        color: black;
        font-weight: 700;
        display: block;
        margin-bottom:3vh
    }
}
@media screen and (max-width:550px) {
    .field--name-field-display-title {
        width: auto;
        margin: 1rem 0px 3rem;
        min-height: 5rem;
    }
    .field--name-field-display-title h1 {
        font-size: 1.5rem;
    }
    
    .titulo-entrada a {
        color: white;
        font-size: 1.1rem;
    }
    .field--name-field-image {
        margin: 5rem auto 1rem;
    }
    .content > .field--type-text-with-summary::before {
        height: 8.5rem;
    }    
    
    .img-entrada > img, .img-entrada-1 > img{
        min-width: 110px;
    }
    
    .fila-entrada{
       padding:2rem 1rem;
    }
    
}
@media screen and (max-width:450px) {
    .page-title a{
        font-size: 1.3rem;
    }
    
    .page-body p {
        font-size: 0.9rem;
    }
}
@media screen and (max-width: 300px) {
    .page-title a{
        font-size: 1.2rem;
    }    
      .page-body p {
        font-size: 0.8rem;
    }  
}

 @media screen and (max-width:350px) {
       .navbar-default .navbar-nav > li {
        flex-basis: 100%;
    }
    .field--name-field-display-title h1 {
        font-size: 7vw;
    }
    .body p, .field--name-body p {
    font-size: 0.8rem;
    }
}
 
 

/***********************************************
/* GENERALES
***********************************************/ 
#toolbar-bar{
    margin-top: 0px;
}

.user-logged-in #toolbar-bar{
        margin-top: 0px;
}

.adminimal #toolbar-bar{
    margin-top:1rem;
}