/* AGRUPADOR GRISES */

.principal:not(.principal--fijo) .cabecera__interior { border-bottom: none; }
.principal:not(.principal--fijo) .agrupador__interior { clear: both; position: relative; height: 160px; padding-top: 3rem; padding-left: 3.5rem; margin-bottom: 2rem; background-color: #F7F7F9;  background-repeat: no-repeat; }
.principal:not(.principal--fijo) .agrupador-enlace-blogs { font-family: 'Benton Sans'; font-weight: 900; font-style: normal;  color: #40404E; font-size: 16px; line-height: 1.2em; position: absolute; top: -34px; right: 7px; text-transform: uppercase;}
.principal:not(.principal--fijo) .agrupador-enlace-blogs a{color: #40404E;}
.principal:not(.principal--fijo) .agrupador-enlace-blogs span { font-weight: 100;}
.principal--fijo .agrupador-enlace-blogs { display: none; }
.principal:not(.principal--fijo) .agrupador--simple .agrupador-nombre { position: relative; right: auto; float: none; display: block; margin-bottom: 2px; }
.principal:not(.principal--fijo) .agrupador-nombre a { display: block; }
.agrupador-autor { font-family: 'Benton Sans'; font-weight: 500; font-style: normal; color: #2C2C3D; font-size: 11px; line-height: 1.7em; text-transform: uppercase; }
/* coordinado .agrupador-autor span { display: block; margin-bottom: -5px; } */
.agrupador-autor strong { display: inline-block; padding: 0 5px; font-family: 'Benton Sans'; font-weight: 900; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.principal:not(.principal--fijo) .agrupador-autor strong { background-color: #A0A0A0; color: white; }
.principal--fijo .agrupador-autor { display: none; }

/* Redes sociales */
.principal:not(.principal--fijo) .agrupador--simple .agrupador-menu { display: block; clear: both; width: 100%; min-height: 1rem; position: absolute; bottom: -25px; right: 0; }
.principal:not(.principal--fijo) .agrupador-compartir { display: block; float: none; text-align: right; padding: 0; }
.principal:not(.principal--fijo) .agrupador-compartir:after { content: ''; display: inline-block; vertical-align: top; width: 34.5%; height: 18px; background-color: #A0A0A0; color: white; }
.agrupador-compartir [class^="boton_"] { background-color: transparent; font-size: 1.6em; width: 1rem; height: 1rem; text-align: left; float: none; display: inline-block;  vertical-align: top; }
.agrupador-compartir [class^="boton_"]:before { color: black; }

/* PERSONALIZACION */
/* Imagen de fondo */
.principal:not(.principal--fijo) .agrupador__interior:after { display: block;content: '';position: absolute;right: 20px;bottom: -18px;background: url(/estaticos/2016/07/blog-seres-urbanos/img/agrupador-fondo.png) 0 0 no-repeat;background-size: contain;width: 198px;height: 179px; }
/* Nombre del blog */
.principal:not(.principal--fijo) .agrupador-nombre a { background:url('/estaticos/2016/07/blog-seres-urbanos/img/agrupador-nombre.svg') no-repeat center left; width: 390px; height: 38px; }


@media(max-width:999px){
  /* Ajustes para tablet */
  .principal--fijo .agrupador__interior { background-color: #F7F7F9; }
  .principal:not(.principal--fijo) .agrupador__interior { height: 105px; padding: 28px 20px 20px; background-size: 126px auto; background-position: 98% center; }
  .principal--fijo .agrupador__interior { padding: 12px; }
  .principal--fijo .agrupador--simple .agrupador-menu { position: absolute; top:3px; right: 10px;} /*cambio por rrss*/
  .principal:not(.principal--fijo) .agrupador--simple .agrupador-nombre { margin-bottom: 0; }
  .principal--fijo .agrupador-nombre {  width: 80%; }
  .principal--fijo .agrupador-nombre a { height: 18px; display: block; }
  .principal:not(.principal--fijo) .agrupador-compartir:after { width: 42%; }
  .principal:not(.principal--fijo) .agrupador__interior:after {width: 128px;height: 111px;right: 0;bottom: -18px;}
  /* coordinado .agrupador-autor span { display: inline-block; margin-bottom: 0; } */
  
  /* PERSONALIZACION */
  /* Nombre del blog */
  .principal--fijo .agrupador-nombre a { background:url('/estaticos/2016/07/blog-seres-urbanos/img/agrupador-nombre.svg') no-repeat center left; width: 100%; background-size: auto 18px; }
}

@media(max-width:767px){
  /* Ajustes para moviles */
  .principal:not(.principal--fijo) .agrupador__interior { height: auto; padding: 12px 20px; margin-bottom: 18px; background-image: none; }
  .agrupador-enlace-blogs { display: none; }
  .principal:not(.principal--fijo) .agrupador--simple .agrupador-nombre { margin: 0; }
  .principal:not(.principal--fijo) .agrupador-nombre a { height: 38px; background-size: auto 28px; background-position: center left; }
  .principal:not(.principal--fijo) .agrupador-autor { position: absolute; top: 100%; left: 0; width: 100%;}
  .cabecera-seccion { background-color: transparent; }
  .principal--fijo .agrupador-nombre a { background-size: auto 17px;}
  .principal:not(.principal--fijo) .agrupador-autor strong { width: 80%; float: right; }
  .principal:not(.principal--fijo) .agrupador__interior:after { display:none;}
  /* Redes sociales */
  .principal--fijo .agrupador--simple .agrupador-menu { display: block; position: absolute; right: 0.5rem; top: 0; padding: 0.125rem; border-radius: 1.188rem; }
  .principal .agrupador-menu.visible { background: #F7F7F9; } /*cambia .principal--fijo por .principal*/
  .agrupador-compartir [class^="boton_"] { width: 2.125rem; height: 2.125rem; }
  .agrupador--simple .boton_agrupador-menu,
  .agrupador--simple .visible .boton_agrupador-menu { margin: 0.375rem 0.2rem 0.375rem 0; width: 1.5rem; height: 1.5rem; border-radius: 100%; border-width: 1px; border-style: solid; border-color: black; }
  .agrupador--simple .boton_agrupador-menu:before { border: none; width: 1.5rem; height: 1.5rem; font-size: .8em; line-height: 0.7em; text-align: center; margin-left: -2px; margin-top: 3px; }
  .agrupador--simple .visible .agrupador-compartir { width: 100%; }
  .agrupador-compartir [class^="boton_"]:before, .agrupador--simple .boton_agrupador-menu:before { color: black; }

  /*cambios para meter rrss*/
  .principal:not(.principal--fijo) .agrupador--simple .agrupador-menu { width: auto }
  .principal:not(.principal--fijo) .agrupador--simple .agrupador-menu { bottom:auto; top: 14px; right: 5px; padding:0;}
  .principal:not(.principal--fijo) .agrupador--simple .visible .agrupador-menu__interior {padding-top: 2.2rem;}
  .principal:not(.principal--fijo) .agrupador-compartir:after{display: none;}
  
  /* PERSONALIZACION */
  /* Nombre del blog */
  .principal:not(.principal--fijo) .agrupador-nombre a { width: 80%; }
}

@media(max-width:599px){
  .principal:not(.principal--fijo) .agrupador-nombre a {background-size: auto 23px;}
  .principal:not(.principal--fijo) .agrupador-autor strong { width: 65%;}
}


/* ESTILOS PAGINA */
.bloque__interior:before { background: transparent; }
.bloque_revista .articulo-texto { background: white; color: black; border-bottom: 10px solid #A0A0A0; width: 40%; }
.bloque_revista .articulo-texto a, .bloque_revista .articulo-texto .firma a { color: black; }
.bloque_revista .articulo-entradilla, .bloque_revista .articulo-entradilla a { color: #444; font-family: 'Benton Sans'; font-weight: 200; font-style: normal; }
.articulo-cuerpo a { color: #A0A0A0; border-color: #A0A0A0; }

@media(min-width:767px){ .bloque_revista .articulo-texto--posicion_1 { bottom: 1px; } }
@media(max-width:767px){ .bloque_revista .articulo-texto { width: auto; } }




/* ESTILOS SUBMENU */
.agrupador-submenu { position: absolute; top: 100%; left: 0; z-index: 2; width: 100%; max-width: 320px; }
.principal--fijo .agrupador-submenu { display: none; }
.agrupador-submenu .hamburger { display: inline-block; vertical-align: middle; margin-right: 4px; }
.agrupador-submenu__boton { display: block; padding: 1px 17px; }
.agrupador-submenu__boton span { font-family: 'Benton Sans'; font-weight: 500; font-style: normal; color: #2C2C3D; font-size: 11px; line-height: 1.2em; text-transform: uppercase; display: inline-block; vertical-align: middle; }
.agrupador-submenu__interior { background: #E5E5EB; padding: 24px 32px; position: relative; display: none; }
.agrupador-submenu.active .agrupador-submenu__interior { display: block; }
.agrupador-submenu__interior:before { content: ''; border-top: 6px solid white; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; top: 0; left: 50%; margin-left: -9px; }
.agrupador-submenu__interior ul { }
.agrupador-submenu__interior li { font-family: 'Benton Sans'; font-weight: 700; font-style: normal; color: #2C2C3D; font-size: 11px; line-height: 2em; text-transform: uppercase; }
.agrupador-submenu__interior li a { display: block; color: #2C2C3D; }

@media(max-width:767px){
  /* Ajustes para movil */
  .agrupador-menu { z-index: 4; }
  .agrupador-submenu { max-width: 100%; width: auto; top: 17px; right: 15px; left: 15px; }
  .agrupador-submenu__boton { max-width: 80px; padding: 6px 10px; border: 1px solid transparent; background: #F7F7F9; float: right; margin-top: 4px; margin-bottom: 15px; }
  .agrupador-submenu.active .agrupador-submenu__boton { border-color: #2C2C3D; }
  .agrupador-submenu__boton span { line-height: 1em; float: right; }
  .agrupador-submenu__boton .hamburger { float: left; }
  .agrupador-submenu__interior { clear: both; margin-left: -15px; margin-right: -15px; }
  .agrupador-submenu__interior:before { border-top-color: #F7F7F9; }
  .principal--fijo .agrupador-submenu { display: block; top: 9px; }
  .principal--fijo .agrupador-submenu__boton { background: transparent; padding: 5px 4px 5px 7px; border-color: transparent; margin-right: 32px; margin-bottom: 7px; margin-top: 2px; }
  .principal--fijo .agrupador-submenu__boton span { display: none; }
  .principal--fijo .agrupador-submenu__boton .hamburger line { stroke: black; }
  .principal--fijo .agrupador-submenu__interior { background: #F4F4F6; }
  .principal--fijo .agrupador-submenu__interior:before { border-top-color: #606060; } /* color principal */
  .principal--fijo .agrupador-submenu.active .agrupador-submenu__boton { border-color: #000; }
}