html {
scrollbar-gutter: stable;
}
* {
border: 0px;
padding: 0px;
margin: 0px;
box-sizing: border-box;
}
*:focus {
outline: 1px solid #8C909C;
}
/*--------------------------------------------------------------*/
/*----------------------- MENU SUPERIOR ------------------------*/
/*--------------------------------------------------------------*/
@media (max-width:768px) {
.menu_ch {
height: 45px !important;
padding: 0px 21px 0px 21px !important;
}
.gr_menu_desplegable_ch {
width: 18px !important;
}
.gr_logotipo_plaza_ch {
width: 90px !important;
}
.gr_imagen_usuario_ch {
width: 18px !important;
}
}
/*
@keyframes animacion1 {
0% {
height: 96px;
}
100% {
height: 45px;
}
}*/
.gr_menu_superior {
filter: hue-rotate(11deg) brightness(89%) contrast(1.6);
width: 100%;
height: 96px;
position: fixed;
/*background-color: #14B63F;*/
background-color: #dc1d2a;
z-index: 99;
overflow: hidden;
transition: all .3s ease;
transition-delay: 2ms;
}
.gr_menu_contenedor {
width: 100%;
max-width: 960px;
height: 96px;
margin: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
overflow: visible;
}
.gr_logotipo_plaza {
width: 50%;
display: flex;
align-items: center;
padding: 15px 0px;
order: 1;
max-height: 52px;
}
.gr_logotipo_plaza img {
width: 100%;
max-width: 162px;
max-height: 52px;
transition: .3s all ease;
transition-delay: 1ms;
}
.gr_boton_suscribete {
width: 38%;
height: 21px;
display: flex;
/*flex-grow: 5;*/
align-items: center;
order: 2;
justify-content: flex-end;
}
.gr_boton_suscribete a {
filter: hue-rotate(11deg) brightness(89%) contrast(1.6);
text-rendering: optimizeLegibility;
font: 12px / 1.2em 'Oswald', Arial, sans-serif;
letter-spacing: .4px;
font-style: italic;
font-weight: 600;
/*color: #14B63F;*/
color: #dc1d2a;
text-decoration: none;
background-color: #2D313B;
padding: 3px 8px 3px 8px;
border-radius: 2px;
}
.gr_usuario {
width: 12%;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
order: 3;
white-space: nowrap;
overflow: hidden;
padding-right: 3px;
}
.gr_nombre_usuario a {
text-rendering: optimizeLegibility;
font: 11px / 1.2em 'Oswald', Arial, sans-serif;
font-weight: 400;
text-decoration: none;
color: #2D313B;
letter-spacing: 1px;
}
.gr_imagen_usuario {
margin-left: 6px;
display: flex;
}
.gr_imagen_usuario img {
width: 19px;
transition: all .3s ease ;
transition-delay: 1ms;
}
.gr_linea_divisoria_header {
width: 100%;
height: 1px;
background-color: #2D313B;
order: 4;
margin-bottom: -1px;
}
.gr_menu_desplegable {
width: 13%;
display: flex;
align-items: center;
height: 42px;
order: 5;
}
.gr_menu_desplegable img {
width: 24px;
transition: .3s all ease;
transition-delay: 1ms;
}
.gr_contenedor_menu_lineal {
width: 62%;
display: flex;
align-items: center;
order: 6;
}
.gr_menu_lineal {
width: 100%;
}
.gr_menu_lineal ul {
list-style: none;
display: flex;
justify-content: space-between;
}
.gr_menu_lineal li {
display: inline;
text-rendering: optimizeLegibility;
font: 12px / 1.8em 'Oswald', Arial, sans-serif;
letter-spacing: 1.5px;
font-weight: 300;
}
.gr_menu_lineal a {
padding: 10px 9px;
text-decoration: none;
color: #fff;
}
.gr_header_comentarios_enlace {
text-decoration: none;
}
.gr_globo_de_comentarios_header {
display: flex;
text-align: center;
justify-content: center;
}
.gr_globo_de_comentarios_icono_header {
position: absolute;
width: 22px;
bottom:10px;
opacity: 1;
}
.gr_globo_de_comentarios_numero_header {
filter: hue-rotate(11deg) brightness(89%) contrast(1.6);
text-rendering: optimizeLegibility;
font: 10px / 1.2em 'Oswald', Arial, sans-serif;
font-weight: 500;
color: #dc1d2a;
z-index: 2;
}
/* Reemplazar por :active para identificar el nombre de la sección */
div.gr_contenedor_menu_lineal nav ul li:nth-child(1) a {
border-top: solid 2px #20242F;
color: #20242F;
}
div.gr_contenedor_menu_lineal nav ul li a:hover {
border-top: solid 2px #20242F;
color: #20242F;
}
.gr_herramientas_lectura {
width: 25%;
display: flex;
align-items: center;
justify-content: flex-end;
order: 7;
}
.gr_herramientas_lectura ul {
list-style: none;
display: flex;
justify-content: space-between;
line-height: 0px;
}
.gr_herramientas_lectura ul li:not(.gr_herramientas_lectura ul:last-child) {
margin: 0px 5px;
}
/*--------------------------------------------------------------*/
/*---------------------- CONTENEDOR GLOBAL ---------------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_global_de_contenido {
width: 100%;
background-color: #F5F6FA;
padding: 1px 0px 60px 0px;
/*overflow: hidden; */
}
/*.gr_contenedor_global_de_contenido {
width: 100%;
background-color: #F5F6FA;
padding: 0px 0px 60px 0px;
overflow: hidden;
}*/
/*--------------------------------------------------------------*/
/*------------------ CONTENIDO DEL ARTICULO --------------------*/
/*--------------------------------------------------------------*/
.gr_contenido_de_articulo {
border-top: #D3D6DD solid .5px;
width: 100%;
max-width: 960px;
background-color: #fff;
margin: 20px auto 0px auto;
padding: 40px 0px 12px 0px;
min-height: 100vh;
}
/*--------------------------------------------------------------*/
/*------------------- TITULO DE LA SECCION ---------------------*/
/*--------------------------------------------------------------*/
.gr_seccion_titulo {
width: 100%;
padding: 0px 159px;
}
.gr_seccion_titulo p {
text-rendering: optimizeLegibility;
font: 17px / 2em 'Oswald', Arial, sans-serif;
font-weight: 500;
letter-spacing: 0.30px;
color: #20242F;
border-bottom: solid 6px #D0D5E0;
}
/*--------------------------------------------------------------*/
/*------------- SUBTITULO DE LA SECCION ESPECIAL ---------------*/
/*--------------------------------------------------------------*/
.gr_seccion_subtitulo_especial {
width: 100%;
padding: 0px 159px;
}
.gr_seccion_subtitulo_especial p {
text-rendering: optimizeLegibility;
font: 11px / 2.3em 'Oswald', Arial, sans-serif;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 1px;
color: #676F83;
}
/*--------------------------------------------------------------*/
/*------------------- TITULO DEL ARTICULO ----------------------*/
/*--------------------------------------------------------------*/
.gr_titulo_del_articulo h1 {
text-rendering: optimizeLegibility;
font: 42px / 1.1em 'Oswald', Arial, sans-serif;
font-weight: 500;/*PENDIENTE*/
color: #20242F;
padding: 16px 159px;
}
/*--------------------------------------------------------------*/
/*------------------- DATOS DEL ARTICULO -----------------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_datos_del_articulo {
padding: 4px 159px 9px 159px;
}
.gr_datos_tiempo {
text-rendering: optimizeLegibility;
font: 11px / 1.5em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 400;
letter-spacing: .3px;
color: #8991A3;
}
.gr_datos_autor {
text-rendering: optimizeLegibility;
font: 13px / 1.2em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 500;
letter-spacing: .36px;
color: #20242F;
}
.gr_datos_autor_editor {
text-rendering: optimizeLegibility;
font: 13px / 1.5em 'Oswald', Helvetica, Arial, sans-serif;
font-weight: 200;
letter-spacing: .36px;
color: #20242F;
}
.gr_datos_autor_editor span {
font-weight: 400;
}
.gr_datos_lugar_fecha {
text-rendering: optimizeLegibility;
font: 12px / 1.5em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: .36px;
color: #20242F;
}
/*--------------------------------------------------------------*/
/*------------------- REDES DEL ARTICULO -----------------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_redes_del_articulo {
padding: 10px 159px 0px 159px;
display: flex;
align-items: center;
background-color: white;
top: 35px;
/*position: sticky;*/
z-index: 1;
}
/*.gr_contenedor_redes_del_articulo {
padding: 21px 159px 21px 159px;
display: flex;
align-items: center;
}*/
.gr_contenedor_redes_del_articulo img {
margin-right: 5px;
width: 40px;
}
.gr_boton_abrir_en_la_app {
/*Ocultar en desktop*/
display: none;
}
/*REDES FLOTANTE*/
.float-nav {
position: fixed;
bottom: 0px;
right: 0px;
z-index: 9999999;
list-style-type: none;
}
.float-nav:hover {
cursor:pointer;
}
.visible{
/*display:block;*/
/*visibility: visible;*/
opacity: 1;
height: auto;
/*transition: opacity 0.5s ease-in-out;*/
animation: bounce-nds 0.3s linear;
z-index:50px;
}
.oculto{
/*visibility: hidden; /* Al alterar las márgenes y el height no es necesaria esta propiedad */
opacity: 0;
animation: bounce-out-nds 0.3s linear;
height: 0;
padding: 0;
}
@keyframes bounce-nds{
from {opacity: 0;transform: scale(0);}
to {opacity: 1; transform: scale(1);}
}
@keyframes bounce-out-nds{
from {opacity: 1; transform: scale(1);}
to {opacity: 0; transform: scale(0);}
}
@-webkit-keyframes bounce-nds{
from {opacity: 0; transform: scale(0);}
to {opacity: 1; transform: scale(1);}
}
@-webkit-keyframes bounce-out-nds{
from {opacity: 1; transform: scale(1);}
to {opacity: 0; transform: scale(0);}
}
@-webkit-keyframes floatBubble {
100% {
bottom:110px;
}
0% {
bottom: 100px;
}
}
@keyframes floatBubble {
100% {
bottom:110px;
}
0% {
bottom: 100px;
}
}
.wa-icons
{
margin-bottom:5px;
cursor:pointer;
}
/*.visible li
{
animation: bounce-nds 0.1s linear;
animation-fill-mode: forwards;
}*/
.opapp
{
position: fixed;
bottom: 80px;
right: 10px;
}
.enlace
{
position: fixed;
bottom: 130px;
right: 10px;
}
.em
{
position: fixed;
bottom: 180px;
right: 10px;
}
.wa
{
position: fixed;
bottom: 230px;
right: 10px;
}
.tw
{
position: fixed;
bottom: 280px;
right: 10px;
}
.fb
{
position: fixed;
bottom: 330px;
right: 10px;
}
.oculto .opapp{
animation-delay: 0.8s;
animation: bounce-out-nds 0.8s linear;
animation-fill-mode: forwards;
}
.oculto .enlace{
animation-delay: 0.7s;
animation: bounce-out-nds 0.7s linear;
animation-fill-mode: forwards;
}
.oculto .em{
animation-delay: 0.6s;
animation: bounce-out-nds 0.6s linear;
animation-fill-mode: forwards;
}
.oculto .wa{
animation-delay: 0.5s;
animation: bounce-out-nds 0.5s linear;
animation-fill-mode: forwards;
}
.oculto .tw{
animation-delay: 0.4s;
animation: bounce-out-nds 0.4s linear;
animation-fill-mode: forwards;
}
.oculto .fb{
animation-delay: 0.3s;
animation: bounce-out-nds 0.3s linear;
animation-fill-mode: forwards;
}
.visible .opapp{
animation-delay: 0.25s;
animation: bounce-nds 0.25s linear;
animation-fill-mode: forwards;
}
.visible .enlace{
animation-delay: 0.3s;
animation: bounce-nds 0.3s linear;
animation-fill-mode: forwards;
}
.visible .em{
animation-delay: 0.35s;
animation: bounce-nds 0.35s linear;
animation-fill-mode: forwards;
}
.visible .wa{
animation-delay: 0.4s;
animation: bounce-nds 0.4s linear;
animation-fill-mode: forwards;
}
.visible .tw{
animation-delay: 0.45s;
animation: bounce-nds 0.45s linear;
animation-fill-mode: forwards;
}
.visible .fb{
animation-delay: 0.5s;
animation: bounce-nds 0.5s linear;
animation-fill-mode: forwards;
}
/*.visible .opapp{
animation-delay: 0.1s;
}
.visible .enlace{
animation-delay: 0.2s;
}
.visible .em{
animation-delay: 0.3s;
}
.visible .wa{
animation-delay: 0.4s;
}
.visible .tw{
animation-delay: 0.5s;
}
.visible .fb{
animation-delay: 0.8s;
}*/
#openinapprs
{
visibility: hidden; /* Al alterar las márgenes y el height no es necesaria esta propiedad */
opacity: 0;
height: 0;
padding: 0;
}
/*--------------------------------------------------------------*/
/*------------------------ IDENTIDAD ---------------------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_identidad {
margin: 24px 159px 3px 159px;
line-height: 0px;
overflow: hidden;
}
.gr_contenedor_identidad img {
width: 100%;
}
/*--------------------------------------------------------------*/
/*-------------------- SEPARADOR VISUAL ------------------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_separador {
width: 100%;
line-height: 0px;
text-align: center;
padding: 30px 0px 42px 0px;
}
/*--------------------------------------------------------------*/
/*-------------------- FOTO DEL ARTICULO -----------------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_foto_de_articulo {
padding: 9px 159px 9px 159px;
}
.gr_contenedor_foto_de_articulo img {
width: 100%;
}
.gr_pie_de_foto {
text-rendering: optimizeLegibility;
font: 13px / 1.4em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 400;
color: #20242F;
font-style: italic;
padding: 3px 0px 39px 0px;
}
/*--------------------------------------------------------------*/
/*-------------- FOTO DEL ARTICULO PANORÁMICO ------------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_foto_de_articulo_panoramico {
padding: 9px 0px 9px 0px;
}
.gr_contenedor_foto_de_articulo_panoramico img {
width: 100%;
}
.gr_pie_de_foto_panoramico {
text-rendering: optimizeLegibility;
font: 12px / 1.4em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: italic;
font-weight: 400;
color: #20242F;
padding: 3px 60px 39px 60px;
}
/*--------------------------------------------------------------*/
/*-------------------- TEXTO DEL ARTICULO ----------------------*/
/*--------------------------------------------------------------*/
/*.gr_texto_articulo {
padding: 6px 159px 18px 159px;
text-rendering: optimizeLegibility;
font: 16px / 1.5em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: .1px;
color: #373D4B;
}*/
.gr_texto_articulo
{
padding: 6px 159px 18px 159px;
text-rendering: optimizeLegibility;
font: 17px / 1.4em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: .1px;
color: #373D4B;
}
.gr_texto_articulo a {
color: #2D313B;
text-decoration-line: underline;
text-decoration-thickness: 3px;
filter: hue-rotate(11deg) brightness(89%) contrast(1.6);
text-decoration-color: #dc1d2a;
}
/*--------------------------------------------------------------*/
/*------------------ SUBTITULO DEL ARTICULO --------------------*/
/*--------------------------------------------------------------*/
.gr_subtitulo_del_articulo {
text-rendering: optimizeLegibility;
font: 27px / 1.2em 'Oswald', Arial, sans-serif;
/*padding: 36px 159px 9px 159px;*/
padding: 36px 0px 9px 0px;
}
/*--------------------------------------------------------------*/
/*---------------------- TEXTO DE CITA -------------------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_cita_articulo {
padding: 54px 240px 54px 240px;
}
.gr_subcontenedor_cita_articulo {
padding: 9px 30px;
border-left: solid 6px rgba(80, 95, 132, .20);
}
.gr_texto_cita {
padding-bottom: 21px;
text-rendering: optimizeLegibility;
font: 24px / 1.4em 'MuseoSlab900', Helvetica, Arial, sans-serif;
font-style: italic;
letter-spacing: .3px;
color: #2D313B;
}
.gr_texto_persona_citada {
padding: 3px 9px;
text-rendering: optimizeLegibility;
font: 14px / 2.1em 'MuseoSlab500', Helvetica, Arial, sans-serif;
color: #fff;
background-color: #666D7E;
}
.gr_texto_rol_del_citado {
margin: -6px 12px 0px 12px;
text-rendering: optimizeLegibility;
font: 14px / 2.1em 'MuseoSlab500', Helvetica, Arial, sans-serif;
color: #2D313B;
}
/*--------------------------------------------------------------*/
/*------------------------ PUBLICIDAD --------------------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_publicidad {
margin: 0px 0px 54px 0px;
background-color: #F5F6FA;
padding: 0px 0px 30px 0px;
display: flex;
justify-content: center;
}
.video_publicidad
{
max-width: 642px;
margin: 0 auto;
width: 100%;
margin-bottom: 15px;
}
/*--------------------------------------------------------------*/
/*--------------------- TEXTO PUBLICIDAD -----------------------*/
/*--------------------------------------------------------------*/
.gr_texto_publicidad {
margin: 54px 0px 0px 0px;
padding: 12px 0px 10px 0px;
background-color: #F5F6FA;
text-rendering: optimizeLegibility;
font: 9px / 1.5em 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 1.8px;
color: #ADB4C3;
display: flex;
justify-content: center;
}
/*--------------------------------------------------------------*/
/*------------------- TEXTO DE NUMERALIA -----------------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_numeralia {
padding: 54px 270px 54px 270px;
}
.gr_subcontenedor_numeralia {
padding: 9px 30px;
border-left: solid 6px rgba(80, 95, 132, .20);
border-right: solid 6px rgba(80, 95, 132, .20);
}
.gr_texto_numeralia {
text-rendering: optimizeLegibility;
font: 58px / .8em 'MuseoSlab1000', Helvetica, Arial, sans-serif;
color: #2D313B;
text-align: center;
}
.gr_subtexto_numeralia {
padding: 3px 12px;
text-rendering: optimizeLegibility;
font: 18px / 1.2em 'MuseoSlab500', Helvetica, Arial, sans-serif;
color: #2D313B;
text-align: center;
}
.gr_fuente_numeralia {
margin: 6px 12px 0px 12px;
text-rendering: optimizeLegibility;
font: 12px / 2.1em 'MuseoSlab500', Helvetica, Arial, sans-serif;
color: #2D313B;
text-align: right;
}
/*--------------------------------------------------------------*/
/*-------------------- TWITTER CONTENEDOR ----------------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_twitter {
padding: 39px 270px 39px 270px;
display: flex;
justify-content: center;
}
/*--------------------------------------------------------------*/
/*-------------------- YOUTUBE CONTENEDOR ----------------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_youtube {
margin: 39px 0px 39px 0px;
padding: 30px 0px 56.25% 0px;
display: flex;
justify-content: center;
overflow: hidden;
position: relative;
}
.gr_youtube_iframe_responsivo {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
margin-top: 0;
}
/*--------------------------------------------------------------*/
/*-------------------- CONTACTO DE EDITOR ----------------------*/
/*--------------------------------------------------------------*/
.gr_contacto_del_editor {
text-rendering: optimizeLegibility;
font: 15px / 1.2em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: italic;
text-decoration: underline;
padding: 30px 0px 9px 0px;
}
/*--------------------------------------------------------------*/
/*-------------------- DETALLES DE AUTOR -----------------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_detalles_autor {
padding: 30px 190px 21px 190px;
}
.gr_subcontenedor_detalles_autor {
padding: 9px 30px;
border-left: solid 6px rgba(80, 95, 132, .20);
}
.gr_texto_detalles_autor {
padding-bottom: 12px;
text-rendering: optimizeLegibility;
font: 14px / 1.4em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
color: #2D313B;
}
/*--------------------------------------------------------------*/
/*---------------- REDES DEL ARTICULO INFERIOR -----------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_redes_del_articulo_inferior {
padding: 42px 159px 99px 159px;
display: flex;
align-items: center;
}
.gr_contenedor_redes_del_articulo_inferior img {
margin-right: 5px;
width: 40px;
}
/*--------------------------------------------------------------*/
/*---------------------- DIVISOR BASICO 1 ----------------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_divisor_basico_1 {
padding: 0px 159px;
}
.gr_divisor_basico_1 {
width: 100%;
height: 4px;
background-color: #20242F;
}
/*--------------------------------------------------------------*/
/*------------------- CONTENIDO RELACIONADO --------------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_contenido_relacionado {
padding: 42px 159px 21px 159px;
list-style: none;
}
.gr_texto_contenido_relacionado {
text-rendering: optimizeLegibility;
font: 15px / 2.4em 'Oswald', Arial, sans-serif;
font-weight: 500;
letter-spacing: 0.30px;
color: #20242F;
}
.gr_enlaces_de_contenido_relacionado {
border: .5px solid #21242E;
border-right: 0px;
border-left: 0px;
padding: 30px;
}
.gr_contenedor_contenido_relacionado div:not(:nth-child(1),:nth-child(2)) {
border-top: 0px;
}
.gr_enlaces_de_contenido_relacionado a {
padding: 10px 0px;
text-rendering: optimizeLegibility;
font: 16px / 1.8em 'Oswald', Arial, sans-serif;
color: #666D7E;
font-weight: 300;
letter-spacing: 0.3px;
}
/*--------------------------------------------------------------*/
/*----------- CONTENIDO RELACIONADO A DOS COLUMNAS -------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_cr_doscolumnas {
/*padding: 42px 159px 21px 159px;*/
padding: 21px 159px 21px 159px;
list-style: none;
}
.gr_texto_cr_doscolumnas {
text-rendering: optimizeLegibility;
font: 15px / 2.4em 'Oswald', Arial, sans-serif;
font-weight: 500;
letter-spacing: 0.30px;
color: #20242F;
}
.gr_enlaces_de_cr_doscolumnas {
border: .5px solid #21242E;
border-right: 0px;
border-left: 0px;
border-bottom: 0px;
padding: 30px 30px 0px 30px;
text-rendering: optimizeLegibility;
font: 16px / 1.8em 'Oswald', Arial, sans-serif;
color: #666D7E;
font-weight: 200;
letter-spacing: 0.3px;
display: flex;
justify-content: space-around;
}
.gr_contenedor_cr_doscolumnas div:not(:nth-child(1),:nth-child(2)) {
border-top: 0px;
}
.gr_enlaces_de_cr_doscolumnas a {
padding: 10px 0px;
text-rendering: optimizeLegibility;
font: 16px / 1.8em 'Oswald', Arial, sans-serif;
color: #666D7E;
font-weight: 300;
letter-spacing: 0.3px;
margin-right: 9px;
}
/*--------------------------------------------------------------*/
/*------------------- SECCION DE COMENTARIOS -------------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_comentarios {
padding: 21px 159px 21px 159px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.gr_contenedor_comentarios_formulario {
width: 100%;
background-color: #F5F6FA;
border: .5px solid #707070;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.gr_comentarios_cabeza {
width: 100%;
background-color: #20242F;
display: flex;
flex-direction: row;
}
.gr_comentarios_cabeza_c1 {
width: 50%;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 6px 15px;
}
.gr_globo_de_comentarios {
width: 32px;
height: 32px;
display: flex;
text-align: center;
justify-content: center;
}
.gr_globo_de_comentarios_icono {
width: 32px;
height: 32px;
position: absolute;
}
.gr_globo_de_comentarios_numero {
text-rendering: optimizeLegibility;
font: 13px / 2.1em 'Oswald', Arial, sans-serif;
color: rgba(255, 255, 255);
}
.gr_comentarios_cabeza_titulo {
text-rendering: optimizeLegibility;
font: 14px / 2.1em 'Oswald', Arial, sans-serif;
color: #fff;
font-weight: 500;
margin-left: 12px;
letter-spacing: 0.3px;
}
.gr_comentarios_cabeza_c2 {
width: 50%;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 6px 15px;
}
.gr_comenarios_cabeza_mostrar {
text-rendering: optimizeLegibility;
font: 15px / 2.1em 'Oswald', Arial, sans-serif;
font-weight: 400;
letter-spacing: .30px;
color: rgba(255, 255, 255, .7);
}
.gr_checkbox_mostrar_comentarios_texto_movil {
display: none;
}
.gr_checkbox_mostrar_comentarios_check {
appearance: none;
cursor: pointer;
background-color: #fff;
background-image: url(../img/icono_check.svg);
width: 11px;
height: 11px;
border: 0px;
border-radius: 0px;
margin-right: 6px;
}
.gr_checkbox_mostrar_comentarios_check:checked {
appearance: none;
background-color: rgba(255, 255, 255, .7);
}
.gr_comentarios_formulario {
padding: 15px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.gr_comentarios_form_columna1 {
width: 50%;
padding-right: 3px;
}
.comentarios_form_input {
width: 100%;
margin-bottom: 6px;
border: .5px solid #8C909C;
border-radius: 2px;
padding: 6px 15px;
text-rendering: optimizeLegibility;
font: 12px / 2.1em 'Oswald', Arial, sans-serif;
font-weight: 300;
letter-spacing: .3px;
color: rgb(32, 36, 47);
}
.comentarios_form_input:last-child {
margin-bottom: 0px;
}
.comentarios_form_input::placeholder {
text-rendering: optimizeLegibility;
font: 14px / 2.1em 'Oswald', Arial, sans-serif;
font-weight: 300;
color: rgba(32, 36, 47, .4);
}
.gr_comentarios_form_columna2 {
width: 50%;
padding-left: 3px;
}
.gr_comentarios_area {
width: 100%;
height: 100%;
border: .5px solid #8C909C;
border-radius: 2px;
padding: 6px 15px;
text-rendering: optimizeLegibility;
font: 13px / 2.1em 'Oswald', Arial, sans-serif;
font-weight: 300;
color: rgba(32, 36, 47);
resize: none;
}
.gr_comentarios_area::placeholder {
text-rendering: optimizeLegibility;
font: 14px / 2.1em 'Oswald', Arial, sans-serif;
font-weight: 300;
color: rgba(32, 36, 47, .4);
}
.gr_comentarios_form_fila_inferior {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 12px 0px 6px 0px;
}
.gr_comentarios_form_fila_inferior_c1 {
text-rendering: optimizeLegibility;
font: 11px / 1.5em 'Oswald', Arial, sans-serif;
font-weight: 300;
color: #676D7D;
}
.gr_comentarios_form_fila_inferior_c1 a {
text-rendering: optimizeLegibility;
font: 12px / 1.5em 'Oswald', Arial, sans-serif;
font-weight: 400;
color: #676D7D;
}
.gr_comentarios_form_enviar {
color: #ffff;
padding: 9px 30px;
background-color: #8B909D;
text-rendering: optimizeLegibility;
font: 13px / 1.2em 'Oswald', Arial, sans-serif;
font-weight: 400;
border-radius: 2px;
letter-spacing: .8px;
}
.gr_comentarios_del_articulo {
padding: 24px 0px 0px 0px;
border-bottom: #21242E solid 1px;
}
.gr_comentarios_actualizar {
text-rendering: optimizeLegibility;
font: 12px / 2.1em 'Oswald', Arial, sans-serif;
font-weight: 400;
color: #20242F;
padding: 0px 0px 12px 0px;
text-align: center;
letter-spacing: .1px;
}
.gr_comentario_bloque {
padding: 18px 15px 18px 15px;
border-bottom: 1px solid #E5E8EF;
}
.gr_contenedor_bloques_de_comentarios > div:last-child {
border-bottom: 0px solid #E5E8EF;
}
.gr_autor_del_comentario {
display: flex;
}
.gr_autor_nombre {
text-rendering: optimizeLegibility;
font: 14px / 1.5em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 500;
color: #20242F;
letter-spacing: .1px;
font-style: italic;
}
.gr_autor_ubicacion {
text-rendering: optimizeLegibility;
font: 13px / 1.5em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
color: #373D4B;
letter-spacing: .1px;
font-style: italic;
}
.gr_comentario {
text-rendering: optimizeLegibility;
font: 14px / 1.3em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
color: #20242F;
padding: 6px 39px 12px 0px;
color: #676F83;
letter-spacing: .2px;
font-style: italic;
}
.gr_comentarios_iconos_responder_denunciar {
padding: 15px 0px 0px 0px;
display: flex;
justify-content: flex-end;
}
.gr_icono_responder {
margin-right: 15px;
width: 12px;
}
.gr_icono_denunciar {
width: 9px;
}
.gr_comentarios_mostrar_siguientes {
width: 160px;
height: 36px;
margin: 12px auto 21px auto;
text-rendering: optimizeLegibility;
font: 12px / 1.2em 'Oswald', Arial, sans-serif;
font-weight: 400;
letter-spacing: .5px;
color: #20242F;
padding: 10px 21px 12px 21px;
text-align: center;
background-color: #F5F6FA;
}
/*--------------------------------------------------------------*/
/*------------------------- NEWSLETTER -------------------------*/
/*--------------------------------------------------------------*/
.gr_contenedor_newsletter {
padding: 21px 159px 21px 159px;
}
.gr_contenedor_newsletter_formulario {
background-color: #2D313B;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.gr_newsletter_cabeza {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
padding: 9px 15px 12px 15px;
}
.gr_newsletter_icono {
width: 18px;
display: flex;
text-align: center;
justify-content: center;
}
.gr_newsletter_cabeza_titulo {
text-rendering: optimizeLegibility;
font: 15px / 1.8em 'Oswald', Arial, sans-serif;
font-weight: 500;
letter-spacing: 0.30px;
color: #fff;
margin-left: 12px;
/*NUEVOS ESTILOS CSS*/
display: flex;
justify-content: center;
line-height: 0px;
align-items: center;
}
.gr_newsletter_cabeza_titulo img {
max-width:70px;
margin-right: 9px;
}
.newsletter_division {
width: 100%;
height: .5px;
background-color: #fff;
margin-top: 8px;
}
.gr_newsletter_formulario {
padding: 6px 15px 15px 15px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.gr_newsletter_form_columna {
width: 100%;
text-rendering: optimizeLegibility;
font: 14px / 1.3em 'Oswald', Arial, sans-serif;
letter-spacing: .5px;
font-weight: 300;
color: #FFFFFF;
}
.gr_newsletter_form_fila_interna {
width: 100%;
margin-top: 15px;
display: flex;
justify-content: space-between;
}
.newsletter_form_input {
width: 83%;
border: .5px solid #8C909C;
border-radius: 2px;
padding: 6px 18px;
text-rendering: optimizeLegibility;
font: 14px / 2.1em 'Oswald', Arial, sans-serif;
font-weight: 300;
letter-spacing: .5px;
color: rgb(32, 36, 47);
}
.newsletter_form_input::placeholder {
text-rendering: optimizeLegibility;
font: 14px / 2.1em 'Oswald', Arial, sans-serif;
font-weight: 300;
color: rgba(32, 36, 47, .4);
}
.gr_newsletter_form_enviar {
width: 16%;
color: #ffffff;
padding: 9px 21px;
background-color: #8B909D;
text-rendering: optimizeLegibility;
font: 13px / 1.2em 'Oswald', Arial, sans-serif;
font-weight: 400;
border-radius: 2px;
letter-spacing: .30px;
}
/*--------------------------------------------------------------*/
/*------------------ RELACIONADOS CON IMAGEN -------------------*/
/*--------------------------------------------------------------*/
.gr_titulo_contenedor_relacionados {
width: 100%;
padding: 0px 0px;
}
.gr_titulo_contenedor_relacionados p {
text-rendering: optimizeLegibility;
font: 15px / 2.4em 'Oswald', Arial, sans-serif;
font-weight: 500;
letter-spacing: .30px;
color: #20242F;
border-bottom: solid 1.5px #21242E;
}
.gr_divisor_basico_vertical {
width: .7px;
height: auto;
background-color: #70707040;
margin: 24px 0px 12px 0px;
}
.gr_divisor_basico_2 {
width: 100%;
height: 1px;
margin: 6px 0px 0px 0px;
background-color: #70707040;
}
.gr_contenedor_relacionados {
padding: 39px 21px 21px 21px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.gr_bloque_nota_relacionada {
width: 31%;
padding: 24px 0px 24px 0px;
}
.gr_nota_imagen {
width: 100%;
overflow: hidden;
}
.gr_nota_seccion {
text-rendering: optimizeLegibility;
font: 13px / 1.2em 'Oswald', Arial, sans-serif;
letter-spacing: .6px;
color: #ADB4C3;
margin-top: 5px;
margin-bottom: 6px;
}
.gr_nota_titulo {
text-rendering: optimizeLegibility;
font: 18px / 1.2em 'Oswald', Arial, sans-serif;
color: #373D4B;
margin-top: 3px;
margin-bottom: 6px;
letter-spacing: .1px;
}
.gr_nota_resumen {
text-rendering: optimizeLegibility;
font: 14px / 1.2em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
color: #373D4B;
letter-spacing: .3px;
}
.gr_nota_leer {
text-rendering: optimizeLegibility;
font: 13px / 1.1em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 500;
color: #666D7E;
text-decoration: none;
letter-spacing: .3px;
}
/*--------------------------------------------------------------*/
/*---------------------- FOOTER DE SITIO -----------------------*/
/*--------------------------------------------------------------*/
.gr_footer {
width: 100%;
background-color: #2D313B;
z-index: 99;
}
.gr_footer_contenedor {
width: 100%;
max-width: 960px;
margin: auto;
padding: 60px 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.gr_linea_divisoria_footer {
filter: hue-rotate(11deg) brightness(89%) contrast(1.6);
width: 100%;
height: 1px;
background-color: #dc1d2a;
/*background-color: #14B63F;*/
}
.gr_contenedor_redes_del_footer {
width: 50%;
padding: 18px 18px 18px 18px;
}
.gr_contenedor_redes_del_footer img {
width: 27px;
margin-right: 6px;
}
.gr_contenedor_enlaces_a_plazas {
width: 50%;
padding: 0px 18px 0px 18px;
display: flex;
justify-content: flex-end;
}
.gr_contenedor_enlaces_a_plazas img {
margin-left: 24px;
}
.gr_contenedor_menu_lineal_footer {
width: 50%;
display: flex;
align-items: center;
padding: 0px 18px;
}
.gr_menu_lineal_footer {
width: 100%;
}
.gr_menu_lineal_footer ul {
list-style: none;
display: flex;
justify-content: space-between;
}
.gr_menu_lineal_footer li {
display: inline;
text-rendering: optimizeLegibility;
font: 12px / 1.8em 'Oswald', Arial, sans-serif;
}
.gr_menu_lineal_footer a {
text-decoration: none;
color: #fff;
}
.gr_contenedor_apps_descargar {
width: 50%;
padding: 12px 18px 12px 18px;
display: flex;
justify-content: flex-end;
}
.gr_contenedor_apps_descargar img {
margin-left: 6px;
max-width: 154px;
}
.gr_contenedor_derechos {
padding: 36px 0px 12px 0px;
margin: auto;
}
.gr_contenedor_derechos img {
width: 120px;
margin: 0px 0px -3px 0px;
opacity: .6;
}
.gr_derechos_texto {
text-align: center;
text-rendering: optimizeLegibility;
font: 12px / 1.8em 'Oswald', Arial, sans-serif;
font-weight: 300;
color: #fff;
opacity: .3;
}
.gr_derechos_fecha {
text-align: center;
text-rendering: optimizeLegibility;
font: 12px / 1.8em 'Oswald', Arial, sans-serif;
font-weight: 300;
color: #fff;
opacity: .3;
}
/*--------------------------------*/
/*--- SECCIONES DE SUSCRIPCION ---*/
/*--------------------------------*/
.gr_texto_seguir_leyendo {
text-rendering: optimizeLegibility;
font: 18px / 0em 'MuseoSlab300', Arial, sans-serif;
text-align: center;
padding: 60px 159px 75px 159px;
display: flex;
justify-content: center;
align-items: center;
}
.gr_texto_seguir_leyendo strong {
text-rendering: optimizeLegibility;
font: 18px / 1.2em 'MuseoSlab700', Arial, sans-serif;
}
.gr_corchete {
max-width: 18px;
margin: 0px 12px;
}
.gr_suscripcion_encabezado {
text-rendering: optimizeLegibility;
font: 15px / 1.5em 'Oswald', Arial, sans-serif;
color: #fff;
width: 100%;
text-align: center;
margin: 21px 0px 33px 0px;
letter-spacing: .30px;
font-weight: 500;
}
.gr_contenedor_suscripcion {
padding: 21px 0px 21px 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
background-color: #20242F;
}
.gr_marco_suscripcion {
width: 100%;
margin: 0px 21px 0px 21px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
border: none;
}
.gr_subcontenedor_suscripcion {
width: 100%;
max-width: 630px;
background-color: rgba(255, 255, 255, 0.1);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
border-radius: 3px;
}
.gr_suscripcion_caja_columnas {
width: 100%;
padding: 15px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.gr_suscripcion_caja_columnas_columna1 {
width: 50%;
padding-right: 12px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.gr_suscripcion_boton_cuentas {
width: 100%;
margin-bottom: 9px;
text-rendering: optimizeLegibility;
font: 14px / 1.2em 'Oswald', Arial, sans-serif;
font-weight: 400;
color: #20242F;
display: flex;
flex-direction: row;
justify-content: space-between;
line-height: 0px;
height: 36px;
}
.gr_suscripcion_boton_img_con {
background-color: #fff;
border-radius: 3px 0px 0px 3px;
width: 20%;
display: flex;
align-items: center;
justify-content: center;
border-right: 2px solid rgb(55 58 68);
}
.gr_suscripcion_boton_img {
width: 100%;
max-width: 27px;
}
.gr_suscripcion_boton_texto {
background-color: #fff;
border-radius: 0px 3px 3px 0px;
display: flex;
justify-content: left;
align-items: center;
width: 80%;
padding-left: 15px;
letter-spacing: .30px;
}
.gr_suscripcion_boton_cuentas:last-child {
margin-bottom: 0px;
}
.gr_suscripcion_caja_columnas_columna2 {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
}
.gr_suscripcion_contenedor_formulario {
width: 100%;
padding: 0px 0px 0px 12px;
display: flex;
flex-direction: column;
justify-content: center;
border-left: .5px solid #fff;
}
.gr_suscripcion_subtitulo {
text-rendering: optimizeLegibility;
font: 14px / 1.5em 'Oswald', Arial, sans-serif;
font-weight: 300;
letter-spacing: .30px;
color: #fff;
width: 100%;
text-align: left;
}
.gr_suscripcion_input_cuentas {
width: 100%;
margin: 15px 0px 9px 0px;
border-radius: 2px;
padding: 6px 15px;
text-rendering: optimizeLegibility;
font: 14px / 2.1em 'Oswald', Arial, sans-serif;
font-weight: 300;
color: rgb(32, 36, 47);
}
.gr_suscripcion_input_cuentas::placeholder {
text-rendering: optimizeLegibility;
font: 14px / 2.1em 'Oswald', Arial, sans-serif;
font-weight: 300;
color: rgba(32, 36, 47, .4);
}
.gr_suscripcion_fila_inferior {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.gr_suscripcion_siguiente {
color: #ffff;
padding: 9px 30px;
background-color: #8B909D;
text-rendering: optimizeLegibility;
font: 12px / 1.2em 'Oswald', Arial, sans-serif;
font-weight: 400;
border-radius: 2px;
}
.gr_suscripcion_pie {
text-rendering: optimizeLegibility;
font: 14px / 1.5em 'Oswald', Arial, sans-serif;
font-weight: 200;
color: #ffffff;
width: 100%;
text-align: center;
margin: 12px 0px 24px 0px;
letter-spacing: .30px;
}
.gr_suscripcion_pie a {
text-rendering: optimizeLegibility;
font: 14px / 1.5em 'Oswald', Arial, sans-serif;
font-weight: 400;
color: #ffffff;
letter-spacing: .30px;
}
/*--------------------------------*/
/*--------------------------------*/
/*--------------------------------*/
/*--------------------------------*/
/*----- SUSCRIPCION OPCIONES -----*/
/*--------------------------------*/
.gr_contenedor_sus_opciones {
width: 100%;
background-color: #EDE6DC;
padding: 27px 0px 27px 0px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.gr_sus_opciones_texto_encabezado {
text-align: center;
text-rendering: optimizeLegibility;
font: 27px / 1.5em 'Oswald', Arial, sans-serif;
font-style: italic;
font-weight: 900;
color: #20242F;
margin-bottom: 24px;
}
.gr_sus_opciones {
display: flex;
justify-content: center;
width: 720px;
}
.gr_sus_opciones_col {
width: 40%;
border: 2px solid #20242F;
border-radius: 6px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
padding: 0px 6px 6px 6px;
}
.gr_sus_texto_subencabezado {
text-align: center;
text-rendering: optimizeLegibility;
font: 14px / 1.5em 'Oswald', Arial, sans-serif;
font-style: italic;
font-weight: 900;
color: #EDE6DC;
background-color: #20242F;
border: 6px solid #EDE6DC;
border-radius: 9px;
width: 120px;
padding: 3px 3px;
position: relative;
top: -18px;
}
.gr_sus_opciones_subcolumnas {
width: 100%;
display: flex;
justify-content: center;
}
.gr_sus_opciones_subcol {
text-align: center;
text-rendering: optimizeLegibility;
font: 15px / 1.5em 'Oswald', Arial, sans-serif;
font-style: italic;
font-weight: 600;
color: #20242F;
margin: -9px 21px 9px 21px;
}
.gr_sus_icono {
width: 100%;
max-width: 63px;
}
.gr_sus_texto_de_boton {
width: 100%;
text-rendering: optimizeLegibility;
font: 15px / 1.5em 'ProductBold', Arial, sans-serif;
color: #585658;
background-color: #fff;
border-radius: 6px;
box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, .15);
height: 36px;
display: flex;
justify-content: center;
align-items: center;
line-height: 0px;
}
.gr_sus_texto_de_boton_gris {
color: #8B909D;
}
.gr_sus_opciones_col2 {
width: 10%;
width: 66px;
height: 66px;
text-align: center;
border-radius: 50%;
border: 2px solid #20242F;
display: flex;
justify-content: center;
margin: 24px -12px 0px -12px;
background-color: #EDE6DC;
z-index: 1;
}
.gr_sus_plaza {
width: 100%;
max-width: 36px;
}
/*--------------------------------*/
/*--------------------------------*/
/*--------------------------------*/
/*--------------------------------------------------------------*/
/*------------------------ MODÚLO SLIDE ------------------------*/
/*--------------------------------------------------------------*/
.gr_slide_contenedor_general {
display: block;
/* Fix IE rendering main as inline */
margin: 0 auto;
max-width: 960px;
padding: 9px 159px 9px 159px;
}
@media (max-width:960px) {
.gr_slide_contenedor_general {
padding: 9px 60px 9px 60px;
}
}
@media (max-width:768px) {
.gr_slide_contenedor_general {
padding: 9px 0px 9px 0px;
}
}
.gr_slide_boton {
cursor: pointer;
}
.gr_slide_basico {
display: flex;
flex-direction: row;
position: relative;
padding: 0;
overflow-x: scroll;
overflow-y: hidden;
height: auto;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
list-style: none;
}
.gr_slide_basico::-webkit-scrollbar {
display: none;
}
.gr_slide_basico > li {
/*display: block;*/
display: flex;
flex: 0 0 auto;
flex-direction: column;
width: 100%;
/*height: 100%;*/
height: auto;
padding: 0px;
scroll-snap-align: start;
justify-content: center;
align-items: center;
background-color: #000;
}
.gr_slide_controles {
display: flex;
width: 100%;
justify-content: flex-start;
margin-top: 6px;
}
.gr_slide_numeracion {
padding: 6px 12px;
}
.gr_botones_de_navegacion {
display: flex;
gap: 4px;
justify-content: flex-end;
margin: 0;
padding: 6px 12px;
list-style: none;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.gr_botones_de_navegacion button {
margin: 0px 2px;
background: rgba(203, 203, 203, 0);
font-family: "Bangers", sans-serif;
font-size: 1.25rem;
/* Prevent accidental text selection */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Prevent double tap zooming in on iOS */
touch-action: manipulation;
border-radius: 30px !important;
width: 9px;
height: 9px;
transition: .3s ease all;
transition-delay: 1ms;
border: solid 1px rgb(165, 165, 165);
}
.gr_slide_boton_prevnext button{
background: rgb(255, 255, 255);
border-radius: 30px;
outline: none;
width: 33px;
height: 33px;
line-height: 0px;
border: solid 1px rgb(165, 165, 165);
}
.gr_slide_boton_next {
margin-right: 12px;
}
.gr_slide_izq {
transform: rotateY(-180deg);
}
.gr_botones_de_navegacion button.is-current {
color: white;
background: #000;
border: solid 1px #000;
}
.gr_botones_de_navegacion button.is-disabled {
color: gray;
background: rgb(208 213 224);
border-color: none;
opacity: .3;
}
.gr_slide_elemento {
background-color: #fff;
}
.gr_slide_texto {
/* overflow: overlay; */
background-color: #00000080;
color: #fff;
position: absolute;
z-index: 1;
width: 100%;
/*bottom: 5px;*/
bottom: 0px;
padding: 9px 9px;
font: 13px 'Helvetica Neue', Helvetica, Arial, sans-seri;
}
.gr_videos_slide
{
width: 100%;
height: 450px;
}
.gr_videos_slide_pan
{
width: 100%;
height: 660px;
max-width: 1200px;
}
/*--------------------------------*/
/*--------------------------------*/
/*--------------------------------*/
.slick-slider {visibility: hidden; }
.slick-dots
{
position: relative !important;
bottom: 0px !important;}
.slick-prev:before {
content: "<";
color: #d1212d !important;
font-size: 35px !important;
}
.slick-next:before {
content: ">";
color: #d1212d !important;
font-size: 35px !important;
}
.slick-next {
width: 40px !important;
}
.slick-slide iframe{pointer-events:auto !important;}
.slick-dots li button:before
{
font-size: 10px !important;
color: #d1212d !important;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: #d1212d;
}
#obscurecePagina
{
position: absolute;
background-color: #000000;
filter: alpha(opacity=80);
opacity: .8;
display: none;
z-index: 100;
top:0px;
left:0px;
}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--------------------- PARTE RESPONSIVA -----------------------*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--------------------------- 1024px ---------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
/*-------------------- MENU SUPERIOR 1024 ----------------------*/
.gr_menu_superior {
padding: 0px 21px;
}
/*-------------------- FOOTER DE SITIO 1024 --------------------*/
.gr_footer_contenedor {
padding: 60px 21px;
}
}
/*--------------------------------------------------------------*/
/*--------------------------- 960px ----------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 960px) {
/*-------------------- MENU SUPERIOR 960 -----------------------*/
.gr_menu_superior {
padding: 0px 45px;
}
.gr_menu_desplegable {
width: 5%;
}
.gr_contenedor_menu_lineal {
width: 75%;
}
.gr_herramientas_lectura {
width: 20%;
}
/*----------------- CONTENIDO DEL ARTICULO 960 ------------------*/
.gr_contenido_de_articulo {
margin: 20px auto 0px auto;
padding: 36px 0px 12px 0px;
}
/*----------------- TITULO DE LA SECCION 960 -------------------*/
.gr_seccion_titulo {
padding: 0px 60px;
}
/*----------- SUBTITULO DE LA SECCION ESPECIAL 960 -------------*/
.gr_seccion_subtitulo_especial {
padding: 0px 60px;
}
.gr_seccion_subtitulo_especial p {
font: 13px / 2.3em 'Oswald', Arial, sans-serif;
font-weight: 300;
}
/*----------------- TITULO DEL ARTICULO 960 --------------------*/
.gr_titulo_del_articulo h1 {
padding: 12px 60px;
font-weight: 500;/*PENDIENTE*/
}
/*----------------- DATOS DEL ARTICULO 960 ---------------------*/
.gr_contenedor_datos_del_articulo {
padding: 9px 60px 9px 60px;
}
/*----------------- REDES DEL ARTICULO 960 ---------------------*/
.gr_contenedor_redes_del_articulo {
padding: 21px 60px 21px 60px;
}
.gr_contenedor_redes_del_articulo img {
width: 40px;
margin-right: 5px;
}
/*---------------------- IDENTIDAD 960 -------------------------*/
.gr_contenedor_identidad {
margin: 24px 60px 3px 60px;
line-height: 0px;
}
.gr_contenedor_identidad img {
width: 100%;
}
/*------------------ FOTO DEL ARTICULO 960 ---------------------*/
.gr_contenedor_foto_de_articulo {
padding: 9px 60px 9px 60px;
}
.gr_pie_de_foto {
padding: 3px 0px 39px 0px;
}
/*------------- FOTO DEL ARTICULO PANORÁMICO 960 ---------------*/
.gr_pie_de_foto_panoramico {
padding: 3px 60px 39px 60px;
}
/*------------------ TEXTO DEL ARTICULO 960 --------------------*/
.gr_texto_articulo {
padding: 6px 60px 18px 60px;
}
/*------------------ DETALLES DE AUTOR 960 ---------------------*/
.gr_contenedor_detalles_autor {
padding: 30px 90px 30px 90px;
}
/*-------------------- TEXTO DE CITA 960 -----------------------*/
.gr_contenedor_cita_articulo {
padding: 45px 90px 45px 90px;
}
.gr_texto_cita {
padding-bottom: 15px;
text-rendering: optimizeLegibility;
font: 21px / 1.4em 'MuseoSlab900', Helvetica, Arial, sans-serif;
font-style: italic;
}
/*---------------- SUBTITULO DEL ARTICULO 960 ------------------*/
.gr_subtitulo_del_articulo {
text-rendering: optimizeLegibility;
font: 27px / 1.2em 'Oswald', Arial, sans-serif;
/*padding: 36px 60px 9px 60px;*/
padding: 36px 0px 9px 0px;
}
/*------------------------ PUBLICIDAD 960 --------------------------*/
.gr_contenedor_publicidad {
padding: 0px 0px 0px 0px;
}
/*------------------- TEXTO DE NUMERALIA 960 -----------------------*/
.gr_texto_numeralia {
font: 63px / .8em 'MuseoSlab1000', Helvetica, Arial, sans-serif;
}
.gr_fuente_numeralia {
margin: 12px 12px 0px 12px;
}
/*-------------- REDES DEL ARTICULO INFERIOR 960 ---------------*/
.gr_contenedor_redes_del_articulo_inferior {
padding: 21px 60px 75px 60px;
}
.gr_contenedor_redes_del_articulo_inferior img {
width: 40px;
}
/*---------------------- DIVISOR BASICO 960 ----------------------*/
.gr_contenedor_divisor_basico_1 {
padding: 0px 60px;
}
/*----------------- CONTENIDO RELACIONADO 960 --------------------*/
.gr_contenedor_contenido_relacionado {
padding: 42px 60px 18px 60px;
}
/*----------------- SECCION DE COMENTARIOS 960 ------------------*/
.gr_contenedor_comentarios {
padding: 21px 60px 21px 60px;
}
/*--------- CONTENIDO RELACIONADO A DOS COLUMNAS 960 -------------*/
.gr_contenedor_cr_doscolumnas {
/*padding: 42px 60px 18px 60px;*/
padding: 18px 60px 18px 60px;
}
/*------------------------ NEWSLETTER 960 -----------------------*/
.gr_contenedor_newsletter {
padding: 12px 60px 12px 60px;
}
}
/*--------------------------------------------------------------*/
/*--------------------------- 880px ----------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 880px) {
/*----------------- REDES DEL ARTICULO 768 ---------------------*/
.gr_boton_abrir_en_la_app {
/*Mostar en IPAD*/
display: inherit;
text-rendering: optimizeLegibility;
font: 11px / 0em 'Oswald', Arial, sans-serif;
letter-spacing: .5px;
font-weight: 200;
color: #20242F;
text-decoration: none;
border-radius: 25px 25px 25px 25px;
border: 1px solid #21242E;
padding: 14px 12px 5px 12px;
height: 30px;
}
/*------------------- TEXTO DE NUMERALIA 880 -----------------------*/
.gr_contenedor_numeralia {
padding: 45px 180px 45px 180px;
}
.gr_texto_numeralia {
font: 57px / .8em 'MuseoSlab1000', Helvetica, Arial, sans-serif;
}
/*------------------ TWITTER CONTENEDOR 880 ---------------------*/
.gr_contenedor_twitter {
padding: 45px 180px 45px 180px;
}
/*------------------ YOUTUBE CONTENEDOR 880 ---------------------*/
.gr_contenedor_youtube {
margin: 45px 0px 45px 0px;
}
}
/*--------------------------------------------------------------*/
/*--------------------------- 810px ----------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 810px) {
/*--------------------- MENU SUPERIOR 810 ----------------------*/
.gr_boton_suscribete {
width: 37%;
}
.gr_usuario {
width: 13%;
}
}
/*--------------------------------------------------------------*/
/*--------------------------- 768px ----------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
/*--------------------- MENU SUPERIOR 768 ----------------------*/
.gr_menu_superior {
width: 100%;
/*height: 133px;*/
height: 112px;
/*padding: 30px 21px 0px 21px;*/
padding: 12px 21px 0px 21px;
}
.gr_menu_contenedor {
justify-content: space-between;
}
.gr_logotipo_plaza {
justify-content: center;
padding: 0px 0px 0px 0px;
order: 2;
}
.gr_boton_suscribete {
width: auto;
height: 21px;
order: 5;
}
.gr_boton_suscribete a {
text-rendering: optimizeLegibility;
font: 13px / 1.2em 'Oswald', Arial, sans-serif;
letter-spacing: .4px;
font-style: italic;
font-weight: 600;
padding: 5px 9px 5px 9px;
border-radius: 2px;
}
.gr_usuario {
width: 20%;
}
.gr_nombre_usuario a {
text-rendering: optimizeLegibility;
font: 11px / 1.2em 'Oswald', Arial, sans-serif;
text-decoration: none;
color: #fff;
letter-spacing: .3px;
display: none;
}
.gr_imagen_usuario img {
width: 27px;
filter: invert(1) contrast(100);
}
.gr_menu_desplegable {
width: 20%;
order: 1;
}
.gr_menu_desplegable img {
width: 24px;
}
.gr_contenedor_menu_lineal {
order: inherit;
display: none;
}
.gr_herramientas_lectura {
width: auto;
order: 6;
}
.gr_herramientas_lectura ul li:not(.gr_herramientas_lectura ul:last-child) {
margin: 0px 9px;
}
.gr_herramienta_1,
.gr_herramienta_2,
.gr_herramienta_3 {
width: 21px;
}
.gr_herramienta_4 {
width: 30px;
}
.gr_globo_de_comentarios_icono_header {
position: inherit;
width: 25px;
bottom: 11px;
}
.gr_globo_de_comentarios_numero_header {
font: 13px / 1.2em 'Oswald', Arial, sans-serif;
font-weight: 500;
margin-left: -22px;
margin-top: 1px;
}
/*--------------------------------------------------------------*/
/*------------- MENU SUPERIOR CLASES MÓVILES 768 ---------------*/
/*--------------------------------------------------------------*/
.gr_menu_superior_oculto {
height: 87px;
transition: all .3s ease;
transition-delay: 1ms;
}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*---------------- CONTENIDO DEL ARTICULO 768 ------------------*/
.gr_contenido_de_articulo {
margin: 20px auto 0px auto;
padding: 36px 0px 12px 0px;
}
/*----------------- TITULO DEL ARTICULO 768 --------------------*/
.gr_titulo_del_articulo h1 {
font: 33px / 1.1em 'Oswald', Arial, sans-serif;
font-weight: 500;/*PENDIENTE*/
}
/*------------------ FOTO DEL ARTICULO 768 ---------------------*/
.gr_contenedor_foto_de_articulo {
padding: 9px 0px 9px 0px;
}
.gr_pie_de_foto {
padding: 3px 60px 30px 60px;
}
/*------------- FOTO DEL ARTICULO PANORÁMICO 768 ---------------*/
.gr_pie_de_foto_panoramico {
padding: 3px 60px 30px 60px;
}
/*----------------- CONTENIDO RELACIONADO 768 --------------------*/
.gr_enlaces_de_contenido_relacionado {
padding: 30px 21px;
}
/*-------- CONTENIDO RELACIONADO A DOS COLUMNAS 768 ------------*/
.gr_enlaces_de_cr_doscolumnas {
padding: 30px 21px 6px 21px;
}
.gr_newsletter_form_enviar {
width: 24%;
font: 12px / 1.2em 'Oswald', Arial, sans-serif;
font-weight: 400;
}
/*----------------- SECCION DE COMENTARIOS 768 ------------------*/
.gr_comenarios_cabeza_mostrar {
font: 15px / 2.1em 'Oswald', Arial, sans-serif;
font-weight: 400;
letter-spacing: .30px;
color: rgba(255, 255, 255, .7);
}
.gr_checkbox_mostrar_comentarios_texto {
display: none;
}
.gr_checkbox_mostrar_comentarios_texto_movil {
display: inline;
}
.gr_comentarios_formulario {
display: none;
}
.gr_checkbox_mostrar_comentarios_check {
display: none; /**/
}
.gr_comentarios_form_fila_inferior_c1 a {
font: 10px / 1.5em 'Oswald', Arial, sans-serif;
font-weight: 400;
}
/*.gr_comentarios_del_articulo {
display: none;
}*/
/*------------------------ NEWSLETTER 768 -----------------------*/
.newsletter_form_input {
width: 75%;
}
.gr_newsletter_form_enviar {
width: 24%;
font: 12px / 1.2em 'Oswald', Arial, sans-serif;
font-weight: 400;
}
/*---------------- RELACIONADOS CON IMAGEN 768 -----------------*/
.gr_divisor_basico_vertical {
margin: 15px 0px 12px 0px;
}
.gr_contenedor_relacionados {
padding: 24px 21px 21px 21px;
}
.gr_bloque_nota_relacionada {
padding: 15px 0px 15px 0px;
}
/*-------------------- FOOTER DE SITIO 768 ---------------------*/
.gr_footer_contenedor {
padding: 45px 21px;
flex-direction: column;
}
.gr_contenedor_redes_del_footer {
width: 100%;
padding: 18px 18px 9px 18px;
text-align: center;
line-height: 0px;
}
.gr_contenedor_redes_del_footer img {
margin: 0px 6px;
}
.gr_contenedor_enlaces_a_plazas {
width: 100%;
padding: 15px 18px 15px 18px;
justify-content: center;
}
.gr_contenedor_enlaces_a_plazas img {
margin: 0px 12px;
}
.gr_contenedor_menu_lineal_footer {
width: 100%;
justify-content: center;
padding: 12px 18px;
}
.gr_menu_lineal_footer {
max-width: 420px;
}
.gr_menu_lineal_footer a {
padding: 0px 12px;
}
.gr_contenedor_apps_descargar {
width: 100%;
padding: 18px 18px 18px 18px;
justify-content: center;
}
.gr_contenedor_apps_descargar img {
margin: 0px 6px;
}
/*--------------------------------*/
/*- SECCIONES DE SUSCRIPCION 768 -*/
/*--------------------------------*/
.gr_texto_seguir_leyendo {
padding: 60px 120px 75px 120px;
}
.gr_suscripcion_boton_cuentas:last-child {
margin-bottom: 0px;
}
/* Redes flotante*/
#openinapprs
{
display:block;
visibility: visible;
opacity: 1;
}
/*--------------------------------*/
/*--------------------------------*/
/*--------------------------------*/
}
/*--------------------------------------------------------------*/
/*--------------------------- 690px ----------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 690px) {
/*------------------- TEXTO DE NUMERALIA 690 -----------------------*/
.gr_contenedor_numeralia {
padding: 45px 120px 45px 120px;
}
.gr_texto_numeralia {
font: 51px / .8em 'MuseoSlab1000', Helvetica, Arial, sans-serif;
}
/*------------------ TWITTER CONTENEDOR 690 ---------------------*/
.gr_contenedor_twitter {
padding: 45px 120px 45px 120px;
}
/*--------------------------------*/
/*--- SUSCRIPCION OPCIONES 690 ---*/
/*--------------------------------*/
.gr_sus_opciones_col {
width: 36%;
}
.gr_sus_texto_de_boton_gris {
color: #8B909D;
}
/*--------------------------------*/
/*--------------------------------*/
/*--------------------------------*/
}
/*--------------------------------------------------------------*/
/*--------------------------- 610px ----------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width:610px) {
/*----------------- TITULO DE LA SECCION 610 -------------------*/
.gr_seccion_titulo {
padding: 0px 21px;
}
/*----------- SUBTITULO DE LA SECCION ESPECIAL 610 -------------*/
.gr_seccion_subtitulo_especial {
padding: 0px 21px;
}
/*----------------- TITULO DEL ARTICULO 610 --------------------*/
.gr_titulo_del_articulo h1 {
font: 42px / 1.1em 'Oswald', Arial, sans-serif;
padding: 12px 21px;
font-weight: 500;/*PENDIENTE*/
}
/*----------------- DATOS DEL ARTICULO 610 ---------------------*/
.gr_contenedor_datos_del_articulo {
padding: 9px 21px 9px 21px;
}
/*----------------- REDES DEL ARTICULO 610 ---------------------*/
.gr_contenedor_redes_del_articulo {
padding: 21px 21px 21px 21px;
top: 30px;
}
/*------------------ FOTO DEL ARTICULO 610 ---------------------*/
.gr_pie_de_foto {
padding: 3px 21px 24px 21px;
}
/*---------------------- IDENTIDAD 610 -------------------------*/
.gr_contenedor_identidad {
margin: 24px 21px 3px 21px;
line-height: 0px;
}
.gr_contenedor_identidad img {
width: 150%;
}
/*------------- FOTO DEL ARTICULO PANORÁMICO 610 ---------------*/
.gr_pie_de_foto_panoramico {
padding: 3px 21px 24px 21px;
}
/*------------------ TEXTO DEL ARTICULO 610 --------------------*/
.gr_texto_articulo {
padding: 6px 21px 18px 21px;
}
/*-------------------- TEXTO DE CITA 610 -----------------------*/
.gr_contenedor_cita_articulo {
padding: 45px 48px 45px 48px;
}
/*------------------ DETALLES DE AUTOR 610 ---------------------*/
.gr_contenedor_detalles_autor {
padding: 30px 48px 30px 48px;
}
/*---------------- SUBTITULO DEL ARTICULO 610 ------------------*/
.gr_subtitulo_del_articulo {
text-rendering: optimizeLegibility;
font: 27px / 1.2em 'Oswald', Arial, sans-serif;
/*padding: 36px 21px 9px 21px;*/
padding: 36px 0px 9px 0px;
}
/*-------------- REDES DEL ARTICULO INFERIOR 610 ---------------*/
.gr_contenedor_redes_del_articulo_inferior {
padding: 21px 21px 75px 21px;
top: 30px;
}
/*---------------------- DIVISOR BASICO 610 ----------------------*/
.gr_contenedor_divisor_basico_1 {
padding: 0px 21px;
}
/*----------------- CONTENIDO RELACIONADO 610 --------------------*/
.gr_contenedor_contenido_relacionado {
padding: 42px 21px 18px 21px;
}
/*--------- CONTENIDO RELACIONADO A DOS COLUMNAS 610 -------------*/
.gr_contenedor_cr_doscolumnas {
/*padding: 42px 21px 18px 21px;*/
padding: 18px 21px 18px 21px;
}
/*----------------- SECCION DE COMENTARIOS 610 ------------------*/
.gr_contenedor_comentarios {
padding: 21px 21px 21px 21px;
}
.gr_comentarios_cabeza_titulo {
font: 14px / 2.1em 'Oswald', Arial, sans-serif;
font-weight: 500;
margin-left: 12px;
display: none;
}
.gr_checkbox_mostrar_comentarios_texto {
display: none;
}
.gr_comentarios_form_columna1 {
width: 100%;
}
.gr_comentarios_form_columna2 {
width: 100%;
padding-left: 0px;
}
.gr_comentarios_area {
margin-top: 6px;
}
.gr_comentarios_form_fila_inferior_c1 a {
font: 11px / 1.5em 'Oswald', Arial, sans-serif;
font-weight: 400;
}
.gr_comentarios_form_fila_inferior_c2 {
width: 100%;
}
.gr_comentarios_form_enviar {
width: 100%;
font: 12px / 1.2em 'Oswald', Arial, sans-serif;
font-weight: 400;
margin-top: 6px;
}
.gr_autor_del_comentario {
flex-direction: column;
}
.gr_autor_espacio {
display: none;
}
.gr_comentario {
text-rendering: optimizeLegibility;
font: 14px / 1.3em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
color: #20242F;
padding: 12px 0px 15px 0px;
}
/*------------------------ NEWSLETTER 610 -----------------------*/
.gr_contenedor_newsletter {
padding: 12px 21px 12px 21px;
}
/*---------------- RELACIONADOS CON IMAGEN 610 -----------------*/
.gr_divisor_basico_vertical {
display: none;
}
.gr_divisor_basico_2 {
display: none;
}
.gr_bloque_nota_relacionada {
width: 48%;
padding: 21px 0px 21px 0px;
border-bottom: 1px solid #70707040;
}
.gr_bloque_nota_relacionada:nth-child(10),
.gr_bloque_nota_relacionada:nth-child(12) {
border-bottom: 0px solid #70707040;
}
/*--------------------------------*/
/*- SECCIONES DE SUSCRIPCION 610 -*/
/*--------------------------------*/
.gr_texto_seguir_leyendo {
padding: 60px 21px 75px 21px;
}
.gr_texto_seguir_leyendo strong {
text-rendering: optimizeLegibility;
font: 18px / 1.2em 'MuseoSlab700', Arial, sans-serif;
}
.gr_suscripcion_boton_cuentas:last-child {
margin-bottom: 0px;
}
/*--------------------------------*/
/*--------------------------------*/
/*--------------------------------*/
}
/*--------------------------------------------------------------*/
/*--------------------------- 590px ----------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width:590px) {
/*--------------------------------*/
/*--- SUSCRIPCION OPCIONES 590 ---*/
/*--------------------------------*/
.gr_sus_opciones_col {
width: 30%;
}
.gr_sus_texto_de_boton {
font: 13px / 1.5em 'ProductBold', Arial, sans-serif;
}
.gr_sus_texto_de_boton_gris {
color: #8B909D;
}
.gr_sus_opciones_col2 {
margin: 24px -27px 0px -27px;
}
/*--------------------------------*/
/*--------------------------------*/
/*--------------------------------*/
}
/*--------------------------------------------------------------*/
/*--------------------------- 540px ----------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 540px) {
/*------------------- TEXTO DE NUMERALIA 540 -----------------------*/
.gr_contenedor_numeralia {
padding: 45px 60px 45px 60px;
}
/*------------------ TWITTER CONTENEDOR 540 ---------------------*/
.gr_contenedor_twitter {
padding: 45px 60px 45px 60px;
}
}
/*--------------------------------------------------------------*/
/*--------------------------- 480px ----------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 480px) {
/*-------- CONTENIDO RELACIONADO A DOS COLUMNAS 480 ------------*/
.gr_enlaces_de_cr_doscolumnas {
flex-direction: column;
}
/*------------------------ NEWSLETTER 480 -----------------------*/
.newsletter_form_input {
width: 70%;
padding: 3px 18px;
}
.gr_newsletter_form_enviar {
width: 28.5%;
padding: 9px 9px;
}
/*------------------------ PUBLICIDAD 480 --------------------------*/
.gr_contenedor_publicidad img {
width: 100%;
}
/*---------------- RELACIONADOS CON IMAGEN 480 -----------------*/
.gr_bloque_nota_relacionada,
.gr_bloque_nota_relacionada:nth-child(10) {
width: 100%;
padding: 24px 0px 24px 0px;
border-bottom: 1px solid #70707040;
}
.gr_bloque_nota_relacionada:last-child {
border-bottom: 0px solid #70707040;
}
.gr_nota_seccion {
font: 15px / 1.2em 'Oswald', Arial, sans-serif;
margin-top: 6px;
margin-bottom: 0px;
}
.gr_nota_titulo {
font: 25px / 1.2em 'Oswald', Arial, sans-serif;
margin-top: 5px;
margin-bottom: 6px;
padding: 0px 30px 0px 0px;
}
.gr_nota_resumen {
font: 16px / 1.2em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
padding: 0px 30px 0px 0px;
}
.gr_nota_leer {
font: 16px / 1.1em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 500;
}
/*-------------------- FOOTER DE SITIO 480 ---------------------*/
.gr_footer_contenedor {
flex-direction: row;
}
.gr_contenedor_redes_del_footer {
width: 100%;
padding: 18px 9px 9px 9px;
}
.gr_contenedor_enlaces_a_plazas {
padding: 15px 9px 15px 9px;
}
.gr_contenedor_menu_lineal_footer {
width: 50%;
padding: 12px 9px;
}
.gr_menu_lineal_footer ul {
flex-direction: column;
}
.gr_menu_lineal_footer li {
font: 12px / 2.1em 'Oswald', Arial, sans-serif;
}
.gr_menu_lineal_footer a {
padding: 0px 0px;
}
.gr_contenedor_apps_descargar {
width: 50%;
padding: 18px 9px 18px 9px;
flex-direction: column;
}
.gr_contenedor_apps_descargar img {
margin: 3px 6px;
}
/*--------------------------------*/
/*- SECCIONES DE SUSCRIPCION 480 -*/
/*--------------------------------*/
.gr_texto_seguir_leyendo {
font: 16px / 0em 'MuseoSlab300', Arial, sans-serif;
padding: 60px 15px 75px 15px;
}
.gr_texto_seguir_leyendo strong {
text-rendering: optimizeLegibility;
font: 16px / 1.2em 'MuseoSlab700', Arial, sans-serif;
}
.gr_corchete {
max-width: 12px;
margin: 0px 12px;
}
.gr_suscripcion_caja_columnas_columna1 {
width: 100%;
padding-right: 0px;
}
.gr_suscripcion_boton_cuentas:last-child {
margin-bottom: 0px;
}
.gr_suscripcion_caja_columnas_columna2 {
width: 100%;
}
.gr_suscripcion_contenedor_formulario {
padding: 27px 0px 0px 0px;
border-left: none;
}
.gr_suscripcion_input_cuentas {
margin: 15px 0px 15px 0px;
}
.gr_suscripcion_siguiente {
padding: 12px 30px;
}
.gr_suscripcion_pie {
font: 15px / 1.5em 'Oswald', Arial, sans-serif;
font-weight: 200;
margin: 24px 0px 12px 0px;
letter-spacing: .30px;
}
.gr_suscripcion_pie a {
font: 15px / 1.5em 'Oswald', Arial, sans-serif;
font-weight: 400;
letter-spacing: .30px;
}
/*--------------------------------*/
/*--------------------------------*/
/*--------------------------------*/
/*--------------------------------*/
/*--- SUSCRIPCION OPCIONES 480 ---*/
/*--------------------------------*/
.gr_sus_opciones {
flex-direction: column;
align-items: center;
}
.gr_sus_opciones_col {
width: 42%;
}
.gr_sus_texto_de_boton {
font: 15px / 1.5em 'ProductBold', Arial, sans-serif;
}
.gr_sus_texto_de_boton_gris {
color: #8B909D;
}
.gr_sus_opciones_col2 {
margin: -6px 0px 6px 0px;
}
/*--------------------------------*/
/*--------------------------------*/
/*--------------------------------*/
}
/*--------------------------------------------------------------*/
/*--------------------------- 460px ----------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 460px) {
/*--------------------- MENU SUPERIOR 460 ----------------------*/
.gr_herramientas_lectura ul li:not(.gr_herramientas_lectura ul:last-child) {
margin: 0px 7px;
}
}
/*--------------------------------------------------------------*/
/*--------------------------- 440px ----------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 440px) {
/*--------------------- MENU SUPERIOR 440 ----------------------*/
.gr_menu_superior {
width: 100%;
/*height: 133px;*/
height: 112px;
/*padding: 30px 21px 0px 21px;*/
padding: 12px 18px 0px 18px;
}
.gr_herramienta_1, .gr_herramienta_2, .gr_herramienta_3 {
width: 18px;
}
.gr_herramienta_4 {
width: 27px;
}
.gr_globo_de_comentarios_header {
margin-top: 0px;
}
.gr_globo_de_comentarios_icono_header {
width: 23px;
bottom: 11px;
}
.gr_globo_de_comentarios_numero_header {
font: 11px / 1.1em 'Oswald', Arial, sans-serif;
font-weight: 500;
margin-left: -20px;
margin-top: 2px;
}
.gr_herramientas_lectura ul li:not(.gr_herramientas_lectura ul:last-child) {
margin: 0px 5px;
}
.gr_herramientas_lectura ul li:nth-child(3) {
margin: 0px 1px 0px 5px !important;
}
}
/*--------------------------------------------------------------*/
/*--------------------------- 420px ----------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 420px) {
/*----------------- TITULO DE LA SECCION 420 -------------------*/
.gr_seccion_titulo {
padding: 0px 18px;
}
/*----------- SUBTITULO DE LA SECCION ESPECIAL 420 -------------*/
.gr_seccion_subtitulo_especial {
padding: 0px 18px;
}
/*----------------- TITULO DEL ARTICULO 420 --------------------*/
.gr_titulo_del_articulo h1 {
font: 33px / 1.1em 'Oswald', Arial, sans-serif;
padding: 21px 18px 12px 18px;
font-weight: 500;/*PENDIENTE*/
}
/*----------------- DATOS DEL ARTICULO 420 ---------------------*/
.gr_contenedor_datos_del_articulo {
padding: 9px 18px 9px 18px;
}
/*----------------- REDES DEL ARTICULO 420 ---------------------*/
.gr_contenedor_redes_del_articulo {
padding: 16px 18px 0px 18px;
top: 30px;
}
.gr_contenedor_redes_del_articulo img {
width: 30px;
height:30px;
}
/*------------------ FOTO DEL ARTICULO 420 ---------------------*/
.gr_pie_de_foto {
padding: 3px 18px 24px 18px;
}
/*---------------------- IDENTIDAD 420 -------------------------*/
.gr_contenedor_identidad {
margin: 18px 18px 0px 18px;
line-height: 0px;
}
/*------------- FOTO DEL ARTICULO PANORÁMICO 420 ---------------*/
.gr_pie_de_foto_panoramico {
padding: 3px 18px 24px 18px;
}
/*------------------ TEXTO DEL ARTICULO 420 --------------------*/
.gr_texto_articulo {
padding: 6px 18px 18px 18px;
}
/*------------------ DETALLES DE AUTOR 420 ---------------------*/
.gr_contenedor_detalles_autor {
padding: 30px 33px 30px 33px;
}
/*-------------------- TEXTO DE CITA 420 -----------------------*/
.gr_contenedor_cita_articulo {
padding: 45px 33px 45px 33px;
}
.gr_texto_cita {
text-rendering: optimizeLegibility;
font: 18px / 1.4em 'MuseoSlab900', Helvetica, Arial, sans-serif;
font-style: italic;
color: #2D313B;
}
/*---------------- SUBTITULO DEL ARTICULO 420 ------------------*/
.gr_subtitulo_del_articulo {
text-rendering: optimizeLegibility;
font: 27px / 1.2em 'Oswald', Arial, sans-serif;
/*padding: 36px 18px 9px 18px;*/
padding: 36px 0px 9px 0px;
}
/*------------------- TEXTO DE NUMERALIA 420 -----------------------*/
.gr_contenedor_numeralia {
padding: 45px 45px 45px 45px;
}
.gr_subcontenedor_numeralia {
padding: 9px 21px;
}
.gr_texto_numeralia {
text-rendering: optimizeLegibility;
font: 51px / .8em 'MuseoSlab1000', Helvetica, Arial, sans-serif;
color: #2D313B;
text-align: center;
}
/*------------------ TWITTER CONTENEDOR 420 ---------------------*/
.gr_contenedor_twitter {
padding: 45px 45px 45px 45px;
}
/*---------------------- DIVISOR BASICO 420 ----------------------*/
.gr_contenedor_divisor_basico_1 {
padding: 0px 18px;
}
/*--------- CONTENIDO RELACIONADO A DOS COLUMNAS 420 -------------*/
.gr_contenedor_cr_doscolumnas {
/*padding: 42px 18px 18px 18px;*/
padding: 18px 18px 18px 18px;
}
/*----------------- CONTENIDO RELACIONADO 420 --------------------*/
.gr_contenedor_contenido_relacionado {
padding: 42px 18px 18px 18px;
}
/*----------------- SECCION DE COMENTARIOS 420 ------------------*/
.gr_contenedor_comentarios {
padding: 18px 18px 18px 18px;
}
.gr_comentarios_cabeza_c1 {
width: 30%;
}
.gr_comentarios_cabeza_c2 {
width: 70%;
}
.gr_checkbox_mostrar_comentarios_texto {
display: none;
}
.gr_comentarios_form_fila_inferior_c2 {
width: 100%;
}
.gr_autor_nombre {
font: 14px / 1.3em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 500;
}
/*------------------------ NEWSLETTER 420 -----------------------*/
.gr_contenedor_newsletter {
padding: 12px 18px 12px 18px;
}
/*---------------- RELACIONADOS CON IMAGEN 420 -----------------*/
.gr_contenedor_relacionados {
padding: 24px 18px 21px 18px;
}
/*-------------------- FOOTER DE SITIO 420 ---------------------*/
.gr_footer_contenedor {
padding: 45px 18px;
}
/*REDES FLOTANTE*/
.float-nav img{
width:30px;
height:30px;
}
}
/*--------------------------------------------------------------*/
/*--------------------------- 410px ----------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 410px) {
/*---------------- RELACIONADOS CON IMAGEN 410 -----------------*/
.gr_nota_seccion {
font: 14px / 1.2em 'Oswald', Arial, sans-serif;
}
.gr_nota_titulo {
font: 22px / 1.2em 'Oswald', Arial, sans-serif;
padding: 0px 21px 0px 0px;
}
.gr_nota_resumen {
font: 14px / 1.2em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
padding: 0px 21px 0px 0px;
}
.gr_nota_leer {
font: 14px / 1.1em 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 500;
}
/*----------------------- NEWSLETTER 410 -----------------------*/
.gr_newsletter_form_columna {
font: 14px / 1.3em 'Oswald', Arial, sans-serif;
letter-spacing: 1px;
font-weight: 300;
}
/*--------------------- MENU SUPERIOR 410 ----------------------*/
.gr_boton_suscribete a {
text-rendering: optimizeLegibility;
font: 12px / 1.2em 'Oswald', Arial, sans-serif;
letter-spacing: 0.2px;
font-style: italic;
font-weight: 600;
padding: 6px 10px 6px 10px;
}
}
/*--------------------------------------------------------------*/
/*--------------------------- 390px ----------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 390px) {
/*------------------ TWITTER CONTENEDOR 390 ---------------------*/
.gr_contenedor_twitter {
padding: 9px 18px 9px 18px;
}
/*------------------ YOUTUBE CONTENEDOR 390 ---------------------*/
.gr_contenedor_youtube {
margin: 9px 0px 9px 0px;
padding: 30px 0px 56.25% 0px;
}
}
/*--------------------------------------------------------------*/
/*--------------------------- 385px ----------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 385px) {
/*--------------------- MENU SUPERIOR 385 ----------------------*/
.gr_imagen_usuario img {
width: 24px;
}
.gr_boton_suscribete a {
padding: 3px 6px 3px 6px;
}
.gr_herramienta_1,
.gr_herramienta_2,
.gr_herramienta_3 {
width: 16px;
}
.gr_herramienta_4 {
width: 21px;
}
.gr_globo_de_comentarios_header {
margin-top: 0px;
}
.gr_globo_de_comentarios_icono_header {
width: 21px;
bottom: 11px;
}
.gr_globo_de_comentarios_numero_header {
font: 10px / 1.3em 'Oswald', Arial, sans-serif;
font-weight: 500;
margin-left: -18px;
margin-top: 1px;
}
.gr_herramientas_lectura ul li:not(.gr_herramientas_lectura ul:last-child) {
margin: 0px 5px;
}
/*------------------- TEXTO DE NUMERALIA 385 -----------------------*/
.gr_subcontenedor_numeralia {
padding: 9px 12px;
}
.gr_texto_numeralia {
font: 42px / .8em 'MuseoSlab1000', Helvetica, Arial, sans-serif;
}
.gr_subtexto_numeralia {
font: 15px / 1.2em 'MuseoSlab500', Helvetica, Arial, sans-serif;
}
}
/*--------------------------------------------------------------*/
/*--------------------------- 370px ----------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 370px) {
/*-------------------- FOOTER DE SITIO 370 ---------------------*/
.gr_contenedor_redes_del_footer img {
width: 24px;
}
.gr_contenedor_enlaces_a_plazas {
padding: 12px 0px 12px 0px;
}
.gr_contenedor_enlaces_a_plazas img {
width: 75px;
margin: 0px 7px;
}
.gr_contenedor_enlaces_a_plazas img:last-child{
width: 55px;
margin: 0px 7px;
}
}
/*--------------------------------------------------------------*/
/*--------------------------- 360px ----------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 360px) {
/*--------------------- MENU SUPERIOR 360 ----------------------*/
.gr_herramienta_1,
.gr_herramienta_2,
.gr_herramienta_3 {
width: 15px;
}
.gr_herramienta_4 {
width: 21px;
}
.gr_globo_de_comentarios_numero_header {
font: 9px / 1.3em 'Oswald', Arial, sans-serif;
font-weight: 500;
margin-left: -18px;
margin-top: 2px;
}
.gr_herramientas_lectura ul li:not(.gr_herramientas_lectura ul:last-child) {
margin: 0px 4px;
}
/*----------------- TITULO DEL ARTICULO 360 --------------------*/
.gr_titulo_del_articulo h1 {
font: 30px / 1.1em 'Oswald', Arial, sans-serif;
font-weight: 500;/*PENDIENTE*/
}
/*-------------------- TEXTO DE CITA 360 -----------------------*/
.gr_contenedor_cita_articulo {
padding: 45px 21px 45px 21px;
}
.gr_subcontenedor_cita_articulo {
padding: 9px 18px;
}
.gr_texto_cita {
text-rendering: optimizeLegibility;
font: 15px / 1.4em 'MuseoSlab900', Helvetica, Arial, sans-serif;
font-style: italic;
}
/*------------------ DETALLES DE AUTOR 360 ---------------------*/
.gr_contenedor_detalles_autor {
padding: 30px 21px 30px 21px;
}
.gr_subcontenedor_detalles_autor {
padding: 9px 18px;
}
}
/*--------------------------------------------------------------*/
/*--------------------------- 340px ----------------------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 340px) {
/*--------------------- MENU SUPERIOR 340 ----------------------*/
.gr_boton_suscribete a {
text-rendering: optimizeLegibility;
font: 11px / 1.2em 'Oswald', Arial, sans-serif;
letter-spacing: 0.2px;
font-style: italic;
font-weight: 600;
padding: 3px 4px 3px 4px;
}
/*------------------ TWITTER CONTENEDOR 340 ---------------------*/
.gr_contenedor_twitter {
padding: 9px 9px 9px 9px;
}
}
/*--------------------------------------------------------------*/
/*------------------------ MODÚLO SLIDE ------------------------*/
/*--------------------------------------------------------------*/
.gr_slide_contenedor_general {
display: block;
/* Fix IE rendering main as inline */
margin: 0 auto;
max-width: 960px;
padding: 9px 159px 9px 159px;
}
@media (max-width:960px) {
.gr_slide_contenedor_general {
padding: 9px 60px 9px 60px;
}
}
@media (max-width:768px) {
.gr_slide_contenedor_general {
padding: 9px 0px 9px 0px;
}
}
.gr_slide_boton {
cursor: pointer;
}
.gr_slide_basico {
display: flex;
flex-direction: row;
position: relative;
padding: 0;
overflow-x: scroll;
overflow-y: hidden;
height: auto;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
list-style: none;
}
.gr_slide_basico::-webkit-scrollbar {
display: none;
}
.gr_slide_basico > li {
/*display: block;*/
display: flex;
flex: 0 0 auto;
flex-direction: column;
width: 100%;
/*height: 100%;*/
height: auto;
padding: 0px;
scroll-snap-align: start;
justify-content: center;
align-items: center;
background-color: #000;
}
.gr_slide_controles {
display: flex;
width: 100%;
justify-content: flex-start;
margin-top: 6px;
}
.gr_slide_numeracion {
padding: 6px 12px;
}
.gr_botones_de_navegacion {
display: flex;
gap: 4px;
justify-content: flex-end;
margin: 0;
padding: 6px 12px;
list-style: none;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.gr_botones_de_navegacion button {
margin: 0px 2px;
background: rgba(203, 203, 203, 0);
font-family: "Bangers", sans-serif;
font-size: 1.25rem;
/* Prevent accidental text selection */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Prevent double tap zooming in on iOS */
touch-action: manipulation;
border-radius: 30px !important;
width: 9px;
height: 9px;
transition: .3s ease all;
border: solid 1px rgb(165, 165, 165);
}
.gr_slide_boton_prevnext button{
background: rgb(255, 255, 255);
border-radius: 30px;
outline: none;
width: 33px;
height: 33px;
line-height: 0px;
border: solid 1px rgb(165, 165, 165);
}
.gr_slide_boton_next {
margin-right: 12px;
}
.gr_slide_izq {
transform: rotateY(-180deg);
}
.gr_botones_de_navegacion button.is-current {
color: white;
background: #000;
border: solid 1px #000;
}
.gr_botones_de_navegacion button.is-disabled {
color: gray;
background: rgb(208 213 224);
border-color: none;
opacity: .3;
}
.gr_slide_elemento {
background-color: #fff;
}
.gr_slide_texto {
/* overflow: overlay; */
background-color: #00000080;
color: #fff;
position: absolute;
z-index: 1;
width: 100%;
/*bottom: 5px;*/
bottom: 0px;
padding: 9px 9px;
font: 13px 'Helvetica Neue', Helvetica, Arial, sans-seri;
}
b
{
font-weight:bold;
}
strong
{
font-weight:bold;
}