/* Theme Name: Alerta Economica 2024 Theme URI: https://alertaeconomica.com Author: Jean Perez Arias Author URI: https://www.instagram.com/marckope Description: Nueva Web de Alerta Economica. PSD por: Gabriel Marquez. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: marckope, maximixe, alertaeconomica Text Domain: marckope */

@font-face {
    font-family: 'redhat';
    src: url('fonts/RedHatText-Regular.ttf');
}
@font-face {
    font-family: 'redhat_semi_bold';
    src: url('fonts/RedHatText-SemiBold.ttf');
}
@font-face {
    font-family: 'redhat_medium';
    src: url('fonts/RedHatText-Medium.ttf');
}
@font-face {
    font-family: 'redhat_bold';
    src: url('fonts/RedHatText-Bold.ttf');
}
@font-face {
    font-family: 'redhat_extra_bold';
    src: url('fonts/Raleway-ExtraBold.ttf');
}
/* Estilos base para PC */
.table-post thead th {
    background: #081d30;
    color: #ffffff;
    border-color: #7a7a7a;
}
.table-stack {
  width: 100%;
  border-collapse: collapse;
}
.table-stack th, .table-stack td {
  padding: 12px;
  border: 1px solid #7a7a7a;
  text-align: left;
}

/* --- MODO CELULAR --- */
@media screen and (max-width: 600px) {
  /* Ocultamos la cabecera original */
  .table-stack thead {
    display: none;
  }

  .table-stack tr {
    display: block;
    margin-bottom: 1rem;
    border: 2px solid #081d30; /* Un borde para separar cada bloque */
  }

  .table-stack td {
    display: block;
    text-align: right; /* El contenido a la derecha */
    font-size: 15px;
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%; /* Espacio para la cabecera flotante */
  }

  /* Inyectamos la cabecera desde el data-label */
  .table-stack td:before {
    content: attr(data-label);
    position: absolute;
    left: 10px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    color: #081d30;
  }

  .table-stack td:last-child {
    border-bottom: 0;
  }
}
:root {
    --azul-mx: #081d30; /* Azul */
    --blanco-mx: #ffffff; /* Azul */
    --amarillo-mx: #f7be17; /* Azul */
}
a{
    text-decoration: none;
}
a.link-evento {
    color: var(--azul-mx);
}
h3 {
    font-size: 14pt;
    font-weight: bold;
    margin-top: 30px;
    display: block;
}
.tabla-mxm th {
    background: #081d30;
    color: #fff;
}
ul.shared-redes {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

ul.shared-redes li a {
    display: block;
    width: 30px;
    margin-left: 10px;
}
ul.shared-redes li a img {
    width: 100%;
}
section.section_eventos .autorLote {
    border: 1px solid var(--azul-mx);
    display: inline-block;
    margin-bottom: 15px;
}
#dimensiones {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    font-weight: bold;
    background: var(--blanco-mx);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}
body{
    font-family: 'redhat';
}
b{
    font-family: 'redhat_bold';
}
hr {
    color: var(--azul-mx);
    opacity: 1;
}
h1.page-title {
    font-size: 24pt;
    font-family: 'redhat_bold';
}
header.header-logo {
    background-color: var(--azul-mx);
    height: 115px;
    padding: 20px 0px;
}
header.header-top {
    font-size: 10pt;
    background-color: var(--amarillo-mx);
    font-family: 'redhat_semi_bold';
    position: relative;
    padding: 0px !important;
    height: 40px;
    display: flex;
}
header.header-menu {
    background-color: #ffffff;
    padding: 10px 0px;
}
.subtitulo-logo {
    font-size: 9.8pt;
    font-family: 'redhat';
    color: #ffffff;
}
.btn-suscribir {
    background-color: transparent;
    padding: 5.5px 17.5px;
    border-radius: 17.5px;
    font-size: 13px;
    text-decoration: none;
    color: #ffffff;
    font-family: 'redhat_semi_bold';
    border: 2px solid var(--blanco-mx);
    overflow: hidden;
    display: block !important;
    text-align: center;
}
.logo-principal {
    width: 480px;
    max-width: 80%;
}
header.header-top a {
    font-family: 'redhat_semi_bold';
    font-size: 13px;
    text-decoration: none;
    color: var(--azul-mx);
    display: inline-block; 
}
header.header-top ul {
    list-style: none;
    display: inline-flex;
    padding: 0;
    margin: 0;
}

header.header-menu ul {
    list-style: none;
    display: inline-flex;
    padding: 0;
    margin: 0;
}
header.header-menu ul li a {
    padding: 15px 12px;
    text-decoration: none;
    color: var(--azul-mx);
    font-family: 'redhat_semi_bold';
    display: inline-block;
    font-size: 11.6pt;
    text-transform: uppercase;
}
a.btn-menu {
    width: 17px;
    height: 17px;
}
a.btn-menu span {
    height: 2px;
    width: 100%;
    display: block;
    background: var(--azul-mx);
    margin: 3px 0px;
}
span.separate {
    display: inline-block;
    width: 1px;
    background: var(--azul-mx);
    height: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
 
header.header-menu ul li:last-child .separate {
    display: none;
}
header.header-menu ul li:last-child .separador-texto {
    display: none;
}
.web-home h6 {
    font-family: 'redhat';
    font-size: 10pt;
}
/*HOME*/
.home-post h2 a {
    font-family: 'redhat_bold';
    text-decoration: none;
    color: #000000;
    font-size: 25pt;
    display: block;
}
.home-post .carousel-inner{
    z-index: 3;
}
.home-post .carousel-indicators {
   top: 50%;
   right: 15px;
   left: unset;
   margin: 0;
   z-index: 10;
   width: 15px;
   height: auto;
   transform: translateY(-90.45px);
   display: flex;
   align-items: center;
   justify-content: center;
}
.home-post .carousel-indicators [data-bs-target] {
   width: 15px;
   height: 15px;
   border-radius: 50%;
   background: #ffffff;
   border: 0;
   display: block;
   margin: 4px 3px;
}
/*imagen de los articulos home*/
.web-home .wp-post-image {
   position: absolute;
   width: 125%;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   height: auto;
}
.web-home a.thumbnail-link {
   display: block;
   background-color: #929397;
   border-radius: 10px;
   overflow: hidden;
   position: relative;
   min-height: 380px;
}
.picTitular {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}
.article-principal {
    border-radius: 10px;
    overflow: hidden;
}
.article-secundario a.thumbnail-link {
   min-height: 140px;
}
/*imagen de los articulos home*/
.article-secundario h2 a {
    font-size: 14pt;
    text-decoration: none;
    display: block;
    font-family: redhat_bold;
    color: #000;
}
.article-secundario p {
    font-size: 10pt;
    line-height: 12pt;
}
.home-post .entry-content{
    font-size: 10pt;
    color: #524b48;
}
.entry-author,.entry-date {
    font-size: 9pt;
    color: #88817e;
}
.home-post .btn-more {
    font-size: 9pt;
    text-decoration: none;
    color: #88817e;
    position: absolute;
    bottom: 0;
}
/*END HOME*/
/*CATEGORIA PLANTILLA*/
.category-posts .entry-imagen img {
    max-width: 100%;
    height: auto;
}
.category-posts h2.entry-title {
    font-size: 18pt;
    font-family: 'redhat_bold';
}
.category-posts h2.entry-title a {
    text-decoration: none;
    color: var(--azul-mx);
}
/*END CATEGORIA PLANTILLA*/
/*POST*/
.web-post h1.entry-title {
    font-size: 24pt;
    font-family: 'redhat_bold';
}
.web-post .entry-thumbnail img {
    width: 100%;
    height:auto 
}
/*EDN POST*/
.gallo-ae {
    position: absolute;
    width: 125px;
    bottom: 0;
    left: 50%;
    transform: translateX(200px);
    padding: 0px;
}
/*single*/
.single-post .bloque-post-autor {
    display: flex;
    align-items: center;
}
.single-post .autor-pic {
    margin-right: 15px;
}
.single-post .autor-pic img {
    width: 40px;
    height: auto;
}
.single-post .entry-thumbnail img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.single-post .entry-thumbnail {
    height: 400px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}
.single-post .entry-content strong {
    font-family: 'redhat_bold';
    color: #081d30;
}
.single-post .entry-content p {
    margin-bottom: 20px;
    line-height: 20pt;
    text-align: justify;
}
.single-post .entry-content li {
    margin-bottom: 15px;
}
.bg-blu article {
    background: var(--azul-mx);
    color: var(--blanco-mx);
    padding: 18px;
    border-radius: 5px;
}
.home-post.bg-blu article h2 a {
    color: var(--blanco-mx);
}
.home-post.bg-blu span {
    color: var(--blanco-mx);
}
.home-post.bg-blu .entry-content {
    color: var(--blanco-mx);
}
/*single end*/
footer.web-footer {
    background: var(--azul-mx);
    padding: 30px 0px;
    color: var(--blanco-mx);
    font-size: 10pt;
}
.web-footer hr {
    background: #ffffff !important;
    color: #ffffff;
    opacity: 1;
}
.web-footer .logo-principal {
    width: 350px;
}
.home-post-secundario .article-secundario a.thumbnail-link{
    min-height: 100px;
}
.web-home section, .web-footer section, header .container {
   margin: auto;
}
section.section-full {
    max-width: calc(100%);
}
section.section-full.section-bg-amarillo{
    background: var(--amarillo-mx);
}
.web-home .section-full a.thumbnail-link {
    min-height: 230px;
}
.section-full .home-post .entry-content {
    color: #000;
}
.section-full .entry-author {
    color: #ffffff;
}
section h2 {
    font-size: 38px;
    color: var(--azul-mx);
}
.item-autor {
    background: white;
    padding: 15px;
    width: 20%;
    color: #000;
    text-decoration: none;
}
.bloque-autores {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}
.item-autor-pic-noticia {
    width: 100%;
    height: 100px;
    background: #d1d1d1;
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden;
}
.item-autor-title-noticia {
    font-size: 12pt;
    font-family: 'redhat_bold';
    line-height: 14pt;
    margin-bottom: 15px;
    min-height: 80px;
}
.item-autor-pic {
    width: 55px;
    aspect-ratio: 1/1;
    background: #d1d1d1;
    border-radius: 50%;
    margin-bottom: 15px;
    overflow: hidden;
}
.item-autor-nombre {
    font-size: 8pt;
    text-transform: uppercase;
    color: #88817e;
}
.item-autor .wp-post-image {
    width: 100%;
}
.carousel-indicators.new-pos-indicator {
    position: relative;
    top: unset;
    margin-top: 15px;
    width: 100%;
    display: block;
}
.carousel-indicators.new-pos-indicator a {
    width: 100% !important;
    height: 90px !important;
    border-radius: 10px !important;
    position: relative !important;
    background: #adadad !important;
    overflow: hidden;
    opacity: unset;
}
.textoSlider {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: auto;
    background: linear-gradient(360deg, black, #000000c7, transparent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 34pt;
    font-weight: 900;
    text-align: center;
    padding: 50px;
    line-height: 46pt;
    font-family: 'redhat_bold';
    bottom: 0;
}
.textDotTitle {
    position: absolute;
    display: flex;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    text-indent: 0px;
    z-index: 222222;
    background: linear-gradient(359deg, black,black, transparent);
    padding: 11px;
    font-size: 10pt;
    color: #ffffff;
    font-family: 'redhat_semi_bold';
    align-items: end;
    justify-content: left;
    text-align: left;
}
.carousel-indicators.new-pos-indicator a.active {
    outline: 4px solid var(--amarillo-mx);
}
.category-peru-proyecciones img {
    height: 100% !important;
    width: auto !important;
}
.bodyTitular h2 {
    font-size: 26pt;
    color: var(--blanco-mx);
    font-family: 'redhat_bold';
    line-height: 26pt;
    display: flex;
    align-items: center;
    margin: 0px;
    height: 100%;
    padding-top: 28px;
    padding-bottom: 100px;
    justify-content: center;
}
.bodyTitular {
    padding: 30px;
    background:var(--azul-mx);
    min-height: 400px;
}
#categoryBlog {
    color: var(--amarillo-mx);
    font-family: 'redhat_semi_bold';
    margin-bottom: 10px;
    display: block;
    font-size: 12pt;
    text-transform: uppercase;
    line-height:13pt;
    position: absolute;
    width: 100%;
}
.autorTitular {
    display: flex;
    color: #ffffff;
    padding-top: 20px;
    font-family: 'redhat_semi_bold';
    position: absolute;
    bottom: 0px;
    align-items: center;
}
.imgAutor img {
   width: 50px !important;
   border-radius: 50%;
   border: 0px solid #ccc;
   height: auto;
}
.textosAutor span {
   display: block;
}
.textosAutor span.nombre {
    font-size: 11pt;
}

.textosAutor span.cargo {
    font-size: 10pt;
}
.textosAutor {
    padding-left: 20px;
    display: inline-block;
    align-items: center;
    justify-items: flex-start;
    font-size: 15px;
}
.textosAutor span.cargo {
    font-family: 'redhat';
}
.link-noticia-principal {
    text-decoration: none;
}
.text-logo {
    text-decoration: none;
    color: #ffffff;
    transform: translateY(3px);
}
.text-logo h1 {
    font-size: 36pt;
    margin: 0;
    letter-spacing: -1.7px;
    position: relative;
    width: auto;
    display: inline-block;
}
a.pubDolar {
    background: var(--blanco-mx);
    padding: 10px 15px 10px 0px;
    border-radius: 20px;
    position: relative;
}
.categoriaLote,.tituloLote,.autorLote,.picLote{
    display: block;
}

.categoriaLote{
    color: var(--amarillo-mx);
    font-size: 16px;
    line-height: 18px;
}
.tituloLote {
    font-size: 30px;
    line-height: 31px;
    letter-spacing: -0.5px;
    color: var(--azul-mx);
}
.autorLote {
    font-size: 12px;
    line-height: 15px;
    border-radius: 12px !important;
}

.picLote {
    position: relative;
    /* width: 100%; */
    height: 300px;
    border-radius: 8px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
.picLote img {
    position: absolute;
    width: 100%;
}
.loteEstiloTres .categoriaLote {
    font-size: 13px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.loteEstiloTres .tituloLote {
    font-size: 20px;
    line-height: 15pt;
}
.loteEstiloTres .picLote {
    height: 205px;
}
.loteEstiloCuatro img {
    width: 40px;
}
.section_blogs .textosAutor {
    color: #212529;
    padding-left: 10px;
}
.loteEstiloCuatro .categoriaLote {
    font-size: 11px;
}
.section_blogs p{
    font-size: 14px;
    line-height: 16px;
    font-family: 'redhat_medium';
}
.section_blogs .picLote{
    height: 350px;
}
.loteEstiloCuatro .tituloLote {
    font-size: 16.5px;
    line-height: 20px;
}
.loteEstiloCuatro .textosAutor span{
    font-size: 13px;
}
.bg-maximixe {
    background-color: var(--amarillo-mx) !important;
}
.section_eventos h3 {
    font-size: 24pt;
    font-family: 'redhat_bold';
    margin: 20px 0px;
}
.section_eventos .subCategoria {
    color: #ffffff;
    font-size: 15px;
    font-family: 'redhat_bold';
    text-transform: uppercase;
}
a.more_category {
    font-size: 16px;
    font-family: 'redhat_semi_bold';
    color: #212529;
    text-decoration: none;
    margin-top: 30px;
    display: block;
}
.quieres_ser_bloger {
    text-decoration: none;
    color: #212529;
    font-family: 'redhat_semi_bold';
    font-size: 14px;
}
a.pubDolar img {
    display: inline-block;
    margin: 0px 11px 0px 0px;
    width: 63px;
    transform: translateY(-1px);
}
.tras-ikon{
    transform: translateY(-2px);
}
header i {
    font-size: 12pt;
}
div#divBuscar input {
    border-radius: 10px 0px 0px 10px;
    background: #ffffff;
    outline: none;
    border-top: 2px solid var(--azul-mx);
    height: 50px;
    text-align: center;
    font-size: 14pt;
    animation: 1s;
    margin: 0px auto;
    color: #121212;
    border-bottom: 2px solid var(--azul-mx);
    border-left: 2px solid var(--azul-mx);
}
div#divBuscar .btn {
    margin: 0px !important;
    height: 50px;
    background: var(--azul-mx);
    color: #ffffff;
    font-size: 14pt;
    border: 2px solid var(--azul-mx);
}
div#divBuscar input::placeholder {
    color: #919191;
}
.btn-cerrar-search {
    background-color: var(--amarillo-mx) ! IMPORTANT;
    color: #03263d ! IMPORTANT;
    width: auto;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    border-radius: 8px;
    align-items: center;
    height: 30px;
    padding: 20px 30px;
}
div#divBuscar {
    position: fixed;
    background: #ffffff;
    width: 100%;
    height: calc(100% - 155px);
    z-index: 15;
    display: flex;
    padding: 60px;
    justify-content: center;
    align-items: center;
    bottom: 0px;
    border-top: 1px solid #cccccc;
}
div#divBuscar form {
    max-width: 100%;
    margin: auto;
}
.bg-maximixe {
    margin-right: calc(-1* var(--bs-gutter-x)* .5);
    margin-left: calc(-1* var(--bs-gutter-x)* .5);
}
.fondoTC {
    background: #ffffff;
    position: absolute;
    width: 25%;
    height: 100%;
    top: 0;
    z-index: 0;
}
.separa_tc {
    color: var(--amarillo-mx);
    display: inline-block;
    margin: 0px 2px;
    transform: translateY(-2px);
}
span.circleInicia {
    margin-right: 2px;
    display: inline-flex;
    align-items: center;
    height: 14px;
    transform: translateY(-1px);
}
span.circleInicia i {
    font-size: 13px;
    line-height: 8px;
}
.text-somos{
    letter-spacing: -0.5px;
}
span.lupa-header i {
    font-size: 30px !important;
    color: #ffffff;
}
span.lupa-header {
    display: inline-block;
    transform: translateY(0px);
    cursor:pointer
}
.separador-texto {
    transform: translateY(-2px);
}
.btn-cerrar-search i {
    font-size: 14px;
    margin-right: 5px;
}
hr {
    background: var(--azul-mx);
    display: block;
    opacity: 1;
    margin: 12px 0px;
}
hr.linea-1 {
    height: 1px;
}
hr.linea-2 {
    height: 3px;
    margin: 20px 0px;
}
.borde-vertical {
    border-right: 1px solid var(--azul-mx);
}
.pubRelacionada {
    font-size: 17px;
    font-family: 'redhat_bold';
    text-decoration: none;
    color: var(--azul-mx);
}
.btn-autor {
    background: var(--amarillo-mx);
    padding: 4px 20px;
    display: inline;
    border-radius: 13px;
    color: var(--azul-mx);
    font-family: 'redhat_medium';
}
.btnBuscaInforme {
    background: #fcb52600;
    text-align: center;
    display: inline-block;
    padding: 4px 36px;
    border-radius: 22px;
    border: 2px solid var(--azul-mx);
    font-size: 15px;
    color: var(--azul-mx);
    font-family: 'redhat_semi_bold';
}
.picLote.size-2 {
    height: 110px;
}
.picLote.size-3 {
    max-height: 150px;
}
.play {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34pt;
    color: #ffffffd1;
}
.tituloLote.size-2 {
    font-size: 19px;
    line-height: 20px;
    color: var(--azul-mx);
}
.bg-maximixe .autorLote{
color: var(--azul-mx);;
}
.itemRanking {
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
}

.itemRanking .subCategoria {
    color: var(--azul-mx);
}
p {
    font-size: 14px;
    line-height: 18px;
}
.page p {
    font-size: 16px;
    line-height: 20px;
}

.bg-azul {
    background: var(--azul-mx);
    color: #ffffff;
    padding: 5px 15px;
    margin-bottom: 12px;
}
.table-rankings th {
    background: var(--azul-mx);
    color: var(--blanco-mx);
}

.table-rankings tr {
    border-color: var(--azul-mx);
}
footer.web-footer a,footer.web-footer a h2 {
    text-decoration: none;
    color: #ffffff !important;
}

footer.web-footer a h2 {
    font-family: 'redhat_bold';
}
ul.links-footer {
    padding: 0;
    list-style: none;
    margin: 20px 0px  0px 0px;
}
ul.links-footer a {
    display: block;
    padding: 3px 0px;
}
.autorTitular.section_blog {
    position: relative;
    color: var(--azul-mx);
    bottom: unset;
    padding-top: unset;
    margin-bottom: 18px;
}
.autorTitular.section_blog span {
    font-size: 12px; line-height:11pt;margin-top:2pt
}
.autorTitular.section_blog span.nombre {
    font-family: 'redhat_bold';
    display: block;
}
.autorTitular.section_blog .textosAutor {
    padding-left: 14px;
}

a.more_section {
    color: var(--azul-mx);
    font-size: 17px;
}
.scroll-div {
    height: calc(85px + 200px + 25px);
    overflow: auto;
    width: calc(100% - 10px);
}
span.r-space {
    display: inline-block;
    letter-spacing: -0.1px;
}

.text-economica {
    color: var(--amarillo-mx);
}
.bloqueSliderBlog {
    position: relative;
}
.fechaPic {
    background: var(--amarillo-mx);
    color: #ffffff;
    display: block;
    position: absolute;
    right: 15px;
    border-radius: 0px 0px 8px 8px;
    padding: 2px 10px;
}

.fechaPic span {
    display: block;
    text-align: center;
    font-size: 12px;
}

.fechaPic .num {
    font-size: 8pt;
    font-family: 'redhat_bold';
    line-height: 14pt;
}

.fechaPic .mes {
    font-size: 12px;
}
.date-pastilla {
    color: var(--blanco-mx);
    font-family: 'redhat';
    font-size: 15px;
    margin-top: 15px;
}
.fecha-larga {
    font-size: 13px;
    color: var(--blanco-mx);
    display: block;
    margin: 15px 0px 10px 0px;
    text-transform: capitalize;
}
.fecha-blog {
    position: absolute;
    bottom: 0;
    font-size: 13px;
    width: 60%;
}
.button-glow {
  position: relative;
  display: inline-block;
  /* padding: 12px 24px; */
  /* font-size: 16px; */
  /* font-weight: bold; */
  /* color: white; */
  /* background: linear-gradient(357deg, #007bff, #0056b3); */
  /* border: none; */
  /* border-radius: 8px; */
  /* cursor: pointer; */
  overflow: hidden;
  /* text-transform: uppercase; */
  transition: transform 1s ease-in-out;
}

.button-glow::after {
  content: "";
  position: absolute;
  top: -550%;
  left: -550%;
  width: 200%;
  height: 200%;
  background: linear-gradient(177deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  transform: rotate(43deg);
  animation: glow-diagonal 2.5s infinite linear;
}

@keyframes glow-diagonal {
  0% {
    top: -150%;
    left: -150%;
  }
  100% {
    top: 150%;
    left: 150%;
  }
}


.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
    z-index: 1000;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
small.fecha-categoria {
    font-size: 10pt;
    color: var(--azul-mx);
    font-family: 'redhat_medium';
    text-transform: capitalize;
}
ul.redes-alerta {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: start;
    margin-top: 20px;
}

ul.redes-alerta li a {
    display: inline-block;
    padding: 10px 0px 10px 0px;
    font-size: 14pt;
    margin-right: 12px;
}
.no-100 {
    width: unset !important;
}
span.fecha-eventos {
    font-size: 9pt;
}
body.pading-header {
    padding-top: 74px;
}
img.logo-mxm {
    position: absolute;
    bottom: -15px;
    right: 0;
    width: 90px;
}
i.splus {
    color: var(--amarillo-mx);
}
a.share-btn {
    font-size: 18px;
    background: #a0d7a200;
    color: var(--azul-mx);
    display: inline-flex;
    align-items: center;
    padding: 0px 7px;
    transform: translateY(2px);
    height: 24px;
}


.menu-cell .menu-container {
        position: relative;
        width: calc(100%);
        overflow: hidden;
        display: flex;
        align-items: center;
        margin: auto;
    }

    .menu-cell .menu {
        display: flex;
        overflow-x: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-behavior: smooth;
        white-space: nowrap;
        margin: 0px 13px;
        width: 100%;
    }

    .menu-cell .menu::-webkit-scrollbar {
        display: none;
    }

    .menu-cell .menu-item {
        flex: 0 0 auto;
        font-size: 14px;
        text-decoration: none;
        color: black;
        padding: 2px 13px;
        border-right: 1px solid var(--azul-mx);
        line-height: 13px;
    }
.menu-cell .menu-item:last-child{
    border: none;
}
    .menu-cell .menu-item:first-child{
        padding-left: 0px;
    }
    .menu-cell .arrow {
        position: relative;
        top: 50%;
        color: var(--azul-mx);
        border: none;
        cursor: pointer;
        background: transparent;
        width: 26px;
        height: 20px;
        text-align: center;
        border-radius: 4px;
    }

    .menu-cell .left-arrow {left: 0px;}
    .menu-cell .right-arrow {right: 0px;}
    .menu-cell i{
        margin-left: unset !important;
        margin-right: unset !important;
    }
    .web-post h1.entry-title {font-size: 40px;color: var(--azul-mx);font-family: 'redhat_extra_bold' !important;}
    .entry-content p {
        font-size: 16px;
        font-family: 'redhat';
        line-height: 26px !important;
    }
    .entry-content h2{
        font-family: 'redhat_bold';
        font-size: 20pt;
        display: block;
        margin-top: 30px;
    }
    footer .text-logo h1 {
        font-size: 40px;
    }

    .item-search h2 a {
        font-size: 20pt;
        color: var(--azul-mx);
    }
    .item-search p {
        font-size: 13pt;
        color: var(--azul-mx);
        line-height: 16pt;
    }
    
    .item-search {
        padding: 30px 0px !important;
    }

    .item-search .card-img-top {
        height: auto;
    }
    
    .btn-action {
        color: var(--azul-mx);
        background: var(--blanco-mx);
        border: 2px solid var(--azul-mx);
        padding: 6px 40px;
        border-radius: 20px;
        font-family: 'redhat_semi_bold';
        cursor: pointer;
    }

    .form-suscribase .form-label {font-family: 'redhat_semi_bold';color:var(--azul-mx);margin-top:15px}
.form-suscribase .form-control {border:2px solid var(--azul-mx);height:50px}
.bloqueSliderBlog p{
    padding-right: 10px;
}



.share-options {
    display: none;
    position: absolute;
    background: #d1d1d1;
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 0px;
    width: auto;
    transform: translate(-185px, -32px);
    z-index: 2;
}

.share-options a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #040e30fa;
    padding: 5px 7px;
    transition: 0.3s;
    font-size: 20px;
}

.share-options a:hover {
    color: #007bff;
}

.share-options img {
    width: 20px;
    margin-right: 10px;
}
a.btn-texto {
    color: var(--azul-mx);
    margin-left: 10px;
}
.btn-test-azul {
    background: var(--azul-mx);
    color: var(--amarillo-mx);
}
.entry-imagen img {
    width: 100%;
    border-radius: 15px;
    height: auto;
}
a.itemLoteDos {
    color: var(--azul-mx) !important;
}
.entry-tags {
    font-family: 'redhat_semi_bold';
    color: var(--azul-mx);
    text-align: justify;
}

.entry-tags a {
    font-family: 'redhat';
    color: var(--azul-mx);
    font-size: 11pt;
    font-style: italic;
}
section#finanzas .picLote {
    height: 260px;
}


.navtop {
    font-weight: 600;
    position: RELATIVE;
    background: #ffffff;
}
.fondo-derecha {
    background: #f7be17;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    HEIGHT: 100%;
}
.navtop a {
    color: var(--azul-mx);
    text-decoration: none;
    font-size: 9.3pt;
    font-weight: 500;
    text-transform: uppercase;
    height: 20px;
    display: flex;
    align-items: center;
}
.splide__slide a,.splide__slide a:hover{
    color: var(--azul-mx)
}
.bg-azulito{
    background-color: var(--azul-mx);
}
.badge-nuevo {
    padding: 2px 10px !important;
    margin-right: 10px;
    line-height: 12.5pt !important;
    height: 20px;
    border-radius: 10px !important;
    color:var(--amarillo-mx) !important;
}
span.separador i {
    width: 1px;
    height: 14px;
    margin: 0px 14px 0px 10px;
    background: var(--azul-mx);
    display: inline-block;
    transform: translateY(2px);
}
/* Suaviza el movimiento */
.ticker .splide__track {
  overflow: hidden;
}
.ticker .splide__list {
  display: flex;
  align-items: center;
}
.ticker .splide__slide {
  padding: 0 .5rem;
  white-space: nowrap;
}
/* CSS */
.live-badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  font:600 14px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#e10600; /* rojo texto */
}

.dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#ff2d2d; /* rojo base */
  box-shadow:0 0 0 0 rgba(255,45,45,.7);
  animation:pulse 1.4s ease-out infinite;
}

@keyframes pulse{
  0%   { transform:scale(1);   box-shadow:0 0 0 0 rgba(255,45,45,.7); }
  70%  { transform:scale(1.18);box-shadow:0 0 0 10px rgba(255,45,45,0); }
  100% { transform:scale(1);   box-shadow:0 0 0 0 rgba(255,45,45,0); }
}

/* Tamaños opcionales */
.dot.sm{ width:8px;  height:8px; }
.dot.lg{ width:16px; height:16px; }
.bg-amarillo {
    background-color: var(--amarillo-mx);
}
.curvita {
    width: 30px;
    height: 100%;
    position: absolute;
    background: #f7be17;
    top: 0;
    right: 0;
}

.borde-c {
    width: 20px;
    height: 100%;
    position: absolute;
    background: #ffffff;
    border-radius: 0px 20px 20px 0px;
}

.banner-mxm img {
    border-radius: 8px;
}
.entry-imagen {
    max-height: 420px;
    overflow: hidden;
    border-radius: 15px;
    display: flex;
    align-items: center;
}

.entry-imagen img {
    border-radius: unset;
}
/* Respeto a usuarios con “reducir movimiento” */
@media (prefers-reduced-motion: reduce){
  .dot{ animation:none; }
}
span.textos-cambios {
    display: inline-block;
    padding-left: 12px;
    font-size: 10pt;
    color: var(--azul-mx);
}
@media (max-width: 768px) {
	.single-fecha {
    font-size: 10pt;
}
	.web-post h1.entry-title {
    font-size: 30px;
    line-height: 24pt;
}
		  ul.shared-redes li a {
    margin-left: 4px !important;
    width: 25px !important;
}
    h2.ex_h1 {
    padding-bottom: 55px;
    min-height: 300px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 22pt;
    line-height: 24pt;
}
    .zona-tipoc {
    display: flex;
    justify-content: center;
}
    div#divBuscar{
        height: calc(100% - 130px);
        padding: 15px;
    }
    .bloqueSliderBlog p{
        padding:unset
    }
    .page h1{font-size: 34px;}
    img.logo-mxm {
    position: absolute;
    bottom: -15px;
    right: 0;
    width: 75px;
}
    .fecha-larga{
        font-size: 8pt;
    }
    .btn-autor{
        width: calc(100% - 36px);
        display: inline-block;
        text-align: center;
        padding: 10px;
        border-radius: 17px;
        font-size: 9pt;
        border-radius: 17.5px !important;
    }
    a.share-btn{
        width: 30px;
        display: inline-block;
        font-size: 22px;
        transform: translateY(4px);
        padding: 0px 0px;
        text-align: right;
    }
    ul.redes-alerta {
        justify-content: center;
    }
    #categoryBlog{
        font-size: 12pt;
    }
    .home-post .carousel-indicators [data-bs-target]{
        background: var(--azul-mx);
    }
.fecha-blog{
    position: relative;
    width: unset;
}
.btn-menu-flecha-cell .bi::before{
    vertical-align: 0.5px;
}
    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }
    

    section h2{
        font-size: 22pt;
    }
    .tituloLote{
        font-size: 26px;
    }
    .categoriaLote{
        font-size: 15px;
    }
    .pubRelacionada{
        font-size: 1;
        font-size: 15px;
    }
.scroll-div {
    height: auto;
    overflow: auto;
}
    .btnBuscaInforme{
        font-size: 10pt;
        width: 125px;
        padding: 5px;
        border-radius: 19px !important;
    }
    .borde-vertical {
        border-right: none
    }
    .imgAutor img{
        width: 45px;
    }
    .textosAutor{
        font-size: 14px;
        padding-left: 0px;
        line-height: 20px;
    }
    .picLote{
        height: 165px !important;
        background-position: center;
    }
    .picLote.size-3{
        max-height: 190px;
        height: 260px !important;
    }
    .menu-cell .bi-list {
        font-size: 28px;
        display: block;
        transform: translate(4px, 0px);
    }
    ul.op_para_cel .bi-search {
        font-size: 20px;
        transform: translateY(-1px);
        display: block;
        margin-left: 5px;
    }
    .menu-cell {
    color: #ffffff;
    display: block;
}
    .home-post h2 a {
        font-size: 18pt;
   }
    .web-home a.thumbnail-link {
        min-height: 190px;
   }
    .home-post .btn-more {
        position: relative;
   }
    .web-home .wp-post-image {
        width: 120%;
        height: auto;
   }
    header.header-menu {
        position: absolute;
        z-index: 20;
        width: 100%;
        height: 100%;
        top: 0;
        display:none 
   }
    iframe {
        width: 100%;
   }
    header.header-menu ul {
        display: block;
   }
    span.separate {
        display: none;
   }
    header.header-menu ul li a {
        font-size: 14pt;
        display: block;
   }
    header.header-menu.showCell {
        display: block;
   }
    .text-logo h1 {
        font-size: 34px;
        margin-bottom: 20px;
   }
    header.header-logo {
        height: 90px;
        padding: 16px 0px;
   }
    .picTitular {
        height: 200px;
        z-index: 1;
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        top: 0;
   }
    .bodyTitular {
        min-height: 260px;
        position: relative;
        z-index: 2;
        top: 0;
        padding: 15px;
   }
    .bodyTitular h1{
        font-size: 20pt;
        line-height: 20pt;
        margin: 0 !important;
        height: calc(100% - 80px);
        position: absolute;
        top: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
   }
    .autorTitular{
        position: absolute;
        bottom: 0px;
        padding-top: 0;
   }
    .home-post .imgAutor{
        display: none;
    }
   .fondoTC {
    width: 150px;
    }
    a.pubDolar img {
        width: 50px;
    }
    a.pubDolar {
    display: flex !important;
    height: 40px;
    align-items: center;
    max-width: 275px;
    }
    .menu_cell_user {
        width: 24px;
        height: 24px;
        text-align: center;
    }
    .menu_cell_user i{
        font-size: 20px;
    }
    a.menu_cell_list {
        height: 24px;
        overflow: hidden;
        padding-right: 0px !important;
    }
    
    a.menu_cell_list i {
        font-size: 20pt;
        line-height: 18pt;
    }
    ul.op_para_cel {
        height: 24px;
    }
    span.lupa-header{
        transform: translateY(-2px);
    }
    span.lupa-header i{
        font-size: 20px !important;
    }
    .text-logo{
        transform: translateY(1px);
    }
    .home-post .carousel-indicators {
   top: 100%;
   left: unset;
   margin: 0;
   z-index: 10;
   width: 100%;
   height: 20px;
   transform: translateY(15px);
}
    header.access-direct ul {
    padding: 0px;
    list-style: none;
    margin: 0px;
    display: block;
    width: 100%;
    display: flex;
    justify-content: center;
}
header.access-direct ul li:nth-child(5),
header.access-direct ul li:nth-child(6),
header.access-direct ul li:nth-child(7),
header.access-direct ul li:nth-child(8) {
    display: none;
}
header.access-direct ul li:nth-child(4) .separador-texto{display: none;}
header.access-direct ul li{
    display: inline-block;
}
 

header.access-direct ul li a {color: var(--azul-mx);font-family: 'redhat_semi_bold';text-decoration: none;font-size: 14px;display: inline;}
header.access-direct ul li span{
    display: inline-block;
    margin: 0px 10px;
}
.separador {
    display: inline-block;
    margin: 0px 8px;
}

.arrow i {
    margin-left: 10px;
    font-size: 16px;
}
}
@media (max-width: 410px) {
    a.pubDolar {
        font-size: 12px !important;
    }
    .text-logo h1 {
        transform: translateY(-3px);
        font-size: 31px;
        margin: 0px;
    }
  }
  @media (max-width: 375px) {

          img.logo-mxm {
    position: absolute;
    bottom: -14px;
    right: 0;
    width: 65px;
}
    a.pubDolar {
        font-size: 11px !important;
        max-width: 248px;
    }
      header.header-top a{
          font-size: 11px;
      }
      .text-logo h1 {
    margin-bottom: 15px;
    }
      ul.redes-alerta li a{
          margin: 0px 6px;
      }
      header.header-logo{
          padding: 20px 0px;
          height: 80px;
      }
  }
  @media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width: 1009px  !important;
    }
}
.th_cell{ display:none}
  @media (max-width: 768px) {
    
	  .th_cell{
		  display: block;
		  font-family: 'redhat_extra_bold';
		  font-size: 13pt;
		  letter-spacing: -0.5px;
		  margin-bottom: 5px;
		 }
   .table-cell tr {
    display: flex;
    flex-direction: column;
}
      .table-cell tr td{
          padding: 15px 20px;
      }
	  .table-cell thead tr {
    display: none;
}

}


.page-numbers {
    background: #ffffff;
    color: #081d30;
    display: block;
    width: 38px;
    height: 38px;
    text-align: center;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2px;
    border: 2px solid;
}
span.page-numbers.current {background: #081d30;color: #fff;}
.nav-links{ display: flex;}
.btn-action:hover {
    background: var(--azul-mx);
    color: #fff;
}
.bg-azulitox {
    background: #f1f3f4;
    border: 0px !important;
    box-shadow: 0px 5px 5px #00000024 !important;
}
    .img-autor {
    width: 120px !important;
    height: auto;
    max-width: 120px !important;
}
.btn-azul {
    background: var(--bs-body-color);
    color: #ffffff;
    width: 80px;
    border-radius: 19px;
}
.todo-mayuscula span,.todo-mayuscula a ,.todo-mayuscula h5{
    text-transform: uppercase !important;
    font-size:12pt
}