@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.btn-verde { background-color: #51A538 !important;}
.line-height-16 { line-height: 16px; }
.h-especial {     font-size: 2.2em; line-height: 40px; }

body { 
    margin-top: 100px;
    font-family: "Barlow", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    min-height: 70vh;
    
}

.titulo-single { line-height: 1; margin: 0; padding: 0; font-weight: 600 !important; text-align: center; }
body.home, body.blog { background-color: #F0F0F0; }

.card { border: none; }
.card .card-title { font-size: 20px; line-height: 100%; letter-spacing: 0%; font-weight: 500; }
.card p { font-size: 16px; line-height: 1.2; letter-spacing: 0%;  font-weight: normal; }
.card .card-body a.link { background-color: #fff; color:#4B246D; border:solid 1px #4B246D; border-radius: 30px !important; padding: 5px 15px;
    font-size: 13px; float: right; }
.card .card-body a.link img { transform: rotateY(180deg); margin-right: 10px; }
.card .card-body a.link:hover { background-color: #4B246D; color:#fff;   }
.card .author { font-weight: 700; font-size: 15px; display: block; margin-bottom: 12px; }

.btn-primary { width: fit-content; display: flex; align-items: center; background-color: #fff; font-weight: 600;  color:#4B246D !important; border:solid 1px #4B246D !important; border-radius: 30px !important; padding: 10px 40px 10px 32px; }
.btn-primary:hover { background-color: #4B246D; color:#fff !important; border:solid 1px #4B246D !important; }
.btn-primary:hover > img { filter: brightness(0) invert(1); }

.contenedor-foto { position: relative;}
.contenedor-foto .badge { position: absolute; top: 10px; right: 15px; padding:5px 15px; font-weight: 600; font-size: 12.69px; border-radius:5px; color:#fff;}
.contenedor-foto .badge a { color:#fff !important;}

.sidebar-contenedor { background-color: #fff; position: sticky; top: 100px; }

.noticias-relacionadas { background-color: #F0F0F0; }

.span-especial { font-family: "Barlow", sans-serif; font-size: 30px !important; line-height: 100%; letter-spacing: 0%; font-weight: 600; color: #000; }
.titulo-especial {  font-family: "Barlow", sans-serif; font-size: 55px; line-height: 84%; letter-spacing: 0%; font-weight: 600; color: #4B246D;}

footer { background-color: #4B246D; background-size: cover; background-position: center; margin-top:20px; }
footer ul li:first-child a, .titulo-menu-footer { color: #A69AF2 !important; font-size: 20px; font-weight: 600 !important; display:block; }
footer ul li a, .titulo-menu-footer { color: #fff !important; font-size: 400; }

#load-more {
  position: relative;
  padding: 10px 50px;
  cursor: pointer;
      background: #F27405;
    color: #fff;
    border: none;
    border-radius: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
    font-weight: 700;
}

.btn-loader {
  width: 18px;
  height: 18px;
  border: 2px solid transparent;
  border-top: 2px solid white;
  border-radius: 50%;
  display: inline-block;
  animation: spin 0.6s linear infinite;
  margin-left: 8px;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.d-none {
  display: none;
}

@media (max-width: 991px) {
	.collapse.navbar-collapse.navbar-collapse-clone.mCustomScrollbar {
		    background-color: #ffffff;
	}
	.ubermenu-responsive-toggle { display: none !important; }
}


/* LALO */

.ubermenu-skin-grey-white {
    font-size: 15px !important;
}

header .navbar{
  box-shadow: 0px 9px 11px 0px rgba(0,0,0,0.24);
  -webkit-box-shadow: 0px 9px 11px 0px rgba(0,0,0,0.24);
  -moz-box-shadow: 0px 9px 11px 0px rgba(0,0,0,0.24);
}

a.tit_not_prin {
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 4%;
    float: left;
    line-height: 1;
}

a.tit_not_prin:hover{
  color: #f27405;
}

.not_prin{
  padding: 6% 6% 0 0 !important;
}

a.tit_not_sec {
    font-size: 22px !important;
    padding-bottom: 5%;
    float: left;
    line-height: 1;
}


.contenedor-foto .badge:hover {
    background: #4B246D !important;
}




.img-zoom {
  display: block;
  overflow: hidden;
}

.img-zoom img {
  transition: transform 0.3s ease; /* velocidad y suavidad */
}

.img-zoom:hover img {
  transform: scale(1.05); /* leve zoom, ajusta a gusto */
}