/*LAYOUT*/
html{margin:0 !important;font-family: "Montserrat", serif;}

.text-justify {text-align: justify;text-justify: inter-word;}


.oleo-script {font-family: "Oleo Script", serif;font-optical-sizing: auto;font-style: normal;}

.montserrat-100 {font-family: "Montserrat", serif;font-optical-sizing: auto;font-weight: 100;font-style: normal;}
.montserrat-200 {font-family: "Montserrat", serif;font-optical-sizing: auto;font-weight: 200;font-style: normal;}
.montserrat-300 {font-family: "Montserrat", serif;font-optical-sizing: auto;font-weight: 300;font-style: normal;}
.montserrat-400 {font-family: "Montserrat", serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}
.montserrat-500 {font-family: "Montserrat", serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;}
.montserrat-600 {font-family: "Montserrat", serif;font-optical-sizing: auto;font-weight: 600;font-style: normal;}
.montserrat-700 {font-family: "Montserrat", serif;font-optical-sizing: auto;font-weight: 700;font-style: normal;}
.montserrat-800 {font-family: "Montserrat", serif;font-optical-sizing: auto;font-weight: 800;font-style: normal;}

.font-largest{font-size:1.3rem!important;}
.font-larger{font-size:1.2rem!important;}
.font-large{font-size:1.1rem!important;}
.font-normal{font-size:1rem!important;}
.font-small{font-size:.9rem!important;}
.font-smaller{font-size:.8rem!important;}
.font-smallest{font-size:.65rem!important;}

.font-boldest{font-weight:800!important;}
.font-bolder{font-weight:600!important;}
.font-bold{font-weight:500!important;}
.font-regular{font-weight:400!important;}
.font-light{font-weight:300!important;}
.font-lighter{font-weight:200!important;}
.font-lightest{font-weight:100!important;}


.text-grey-01{color:#58595C!important;}
.text-grey-02{color:#EFEFEF!important;}
.text-green-01{color:#007B73!important;}
.text-green-02{color:#EFFAF1!important;}
.text-yellow-01{color:#EBCF3E!important;}
.text-yellow-02{color:#FDF9E3!important;}
.text-purple-01{color:#7748B8!important;}
.text-orange-01{color:#D76D21!important;}
.text-darkred-01{color:#5D1F2F!important;}

.bg-grey-01{background-color:#58595C!important;}
.bg-grey-02{background-color:#EFEFEF!important;}
.bg-green-01{background-color:#007B73!important;}
.bg-green-02{background-color:#EFFAF1!important;}
.bg-yellow-01{background-color:#EBCF3E!important;}
.bg-yellow-02{background-color:#FDF9E3!important;}
.bg-purple-01{background-color:#7748B8!important;}
.bg-orange-01{background-color:#D76D21!important;}

.bg-gradient-01{background: rgb(94,32,47);background: linear-gradient(90deg, rgba(94,32,47,1) 0%, rgba(122,7,35,1) 100%)!important;}

#main-nav {background-color:#5D1F2F;color:#FFF;height:90px;font-family: "Montserrat", serif;transition: all 0.3s ease-out; }
#main-nav .navbar-logo{width:250px;transition: all 0.3s ease-out; }
#main-nav .nav-link{color:#FFF;padding:.5rem 1rem!important;}

#main-nav .item-featured-01 .nav-link{color:#EACF3D;border: 2px solid #EACF3D;border-radius: .5rem}
#main-nav .item-featured-01 .nav-link .icon{width:20px;}

#main-nav .navbar-toggler{background-color: #c495a1;}

#main-nav.compact {height:auto;}
#main-nav.compact .navbar-logo{width:200px;}


#footer{background-color:#5D1F2F;color:#FFF;font-family: "Montserrat", serif;}
#footer .footer-logo{width:300px;}
#footer .nav-link{color:#FFF;display:inline;}
#footer .nav-link.active,
#footer .nav-link:hover{color:#EBCF3E;}
#footer .rrss-link .rrss-img{width:25px;}

#main-content{margin-top:50px;font-family: "Montserrat", serif;color:#58595C;}

#main-content .h1{color:#58595C;}
#main-content .h1 b{color:#007B73;font-weight: inherit!important;}

.btn {border-radius:3rem;border:none;}
.btn-primary{background-color:#F19C41!important;color: #1A1A1A!important;} 
.btn-primary:hover{background-color:#e57f13!important;color: #FFFFFF!important;}

.btn-secondary{background-color:#007B73!important;}
.btn-secondary:hover{background-color:#00ada2!important;}
.btn-tertiary{background-color:#D9D9D9!important;}
.btn-tertiary:hover{background-color:#C5C5C5!important;}

#main-carousel .carousel-item .carousel-caption{left: 10%;right: 10%;}


.card-tributo{cursor:pointer;text-decoration:none;color:inherit;}
.card-tributo .image{border-radius:3rem;overflow:hidden;border:15px solid rgba(205, 218, 227, .4);}

/* Estilo imagenes del mismo tamaño */
.avatar-tributo {
	width: 100%;
	max-width: 300px;             /* Tamaño máximo (ajustable) */
	aspect-ratio: 1 / 1;          /* Mantiene forma cuadrada */
	background-color: #ffffff;    /* Fondo gris */
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin: auto;
  }
  
  .avatar-tributo img {
	object-fit: contain;          /* Mantiene proporción, no corta */
	width: 100%;
	height: 100%;
  }
  .avatar-tributo.grueso-borde {
    border: 10px solid #ccc; /* Gris claro y más grueso */
  }
/* fin Estilo imagenes del mismo tamaño */

.accordion-button {
    display: block;  /* Asegura que el botón ocupe toda la anchura disponible */
    width: 100%;     /* Hace que el botón ocupe todo el espacio del contenedor */
    text-align: center; /* Asegura que el texto esté centrado */
}
.limit-3-lines {line-height: 1.2em;min-height: 3.6em; max-height: 3.6em; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

#main-buttons{margin-top:-35px;position: relative;z-index:7;}
#main-buttons:before{content: '';background-color:#EFFAF1;position: absolute;width:100%;height:calc(100% - 35px);top:35px;left:0;}
#main-buttons .container {position: relative;}
#main-buttons .button{text-decoration: none; }
#main-buttons .button .icon-container{width:70px;height:70px;transition: all 0.2s ease-out;}
#main-buttons .button:hover .icon-container{transform: scale(1.1);}
#main-buttons .button .icon-container .icon{width:30px;height:30px;transition: all 0.2s ease-out;}
#main-buttons .button:hover .icon-container .icon{transform: scale(1.2);}
#main-buttons .button .text{transform: translateY(0px);transition: all 0.2s ease-out;}
#main-buttons .button:hover .text{transform: translateY(5px);}

#status-teaser .icon{width:50px;height:50px;}

#main-banner .bg{position: absolute;overflow: hidden;top: 0;left: 0;width: 100%;height: 110%;z-index: 3;margin:0;padding:0;}
#main-banner .caption{position: relative;z-index:5;width:100%;}

.crud-icon{width:20px;}

@media only screen and (max-width: 991px) {

	#main-nav {height:auto;}
	#main-nav .navbar-logo{width:200px;}



	.font-md-largest{font-size:1.3rem;}
	.font-md-larger{font-size:1.2rem;}
	.font-md-large{font-size:1.1rem;}
	.font-md-normal{font-size:1rem;}
	.font-md-small{font-size:.9rem;}
	.font-md-smaller{font-size:.8rem;}
	.font-md-smallest{font-size:.65rem;}

	#main-carousel .carousel-item .carousel-caption{left: 10%;right: 10%;text-shadow: 0px 0px 3px rgba(0, 0, 0, .5);top: 0.25rem;bottom: 0.25rem;}
	#main-carousel .carousel-item .carousel-caption h1 {color:#FFF;}
	#main-carousel .carousel-item .carousel-caption h1 b{color:#3ea49e;}
}

@media only screen and (max-width: 860px) {

	#main-carousel .carousel-item .carousel-caption{left: 0;right: 0;}
}

@media only screen and (max-width: 767px) {
	.font-sm-largest{font-size:1.3rem;}
	.font-sm-larger{font-size:1.2rem;}
	.font-sm-large{font-size:1.1rem;}
	.font-sm-normal{font-size:1rem;}
	.font-sm-small{font-size:.9rem;}
	.font-sm-smaller{font-size:.8rem;}
	.font-sm-smallest{font-size:.65rem;}
}

@media only screen and (max-width: 600px) {
	.font-xs-largest{font-size:1.3rem;}
	.font-xs-larger{font-size:1.2rem;}
	.font-xs-large{font-size:1.1rem;}
	.font-xs-normal{font-size:1rem;}
	.font-xs-xsall{font-size:.9rem;}
	.font-xs-xsaller{font-size:.8rem;}
	.font-xs-smallest{font-size:.65rem;}
}

.primary-image{position:relative}
.primary-image > img{position: relative;border-radius: 7rem;z-index: 5;}
.primary-image::after{content: '';position: absolute;width: 100%;height: 100%;background-color: #007C74;border-radius: 7rem;top: 2rem;left: 2.5rem;z-index: 3;}

.primary-video {position: relative;display: inline-block;}
.primary-video > iframe {position: relative;border-radius: 7rem;z-index: 5;width: 560px;height: 315px;border: none;}
.primary-video::after{content: '';position: absolute;width: 100%;height: 100%;background-color: #007C74;border-radius: 7rem;top: 2rem;left: 2.5rem;z-index: 3;}

.badge-counter {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: red;
    color: white;
    font-size: 12px;
    font-weight: bold;
    border-radius: 50%;
    padding: 3px 6px;
    min-width: 20px;
    text-align: center;
    box-shadow: 0 0 3px black;
    z-index: 10;
  }
  .badge-grey {
	background-color: #ccc !important;
	color: #333 !important;
  }

  .avatar-tributo.grueso-borde {
    width: 215px;
    height: 215px;
  }

  .avatar-tributo.grueso-borde img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.swiper{
    width: 100%;
}
.swiper-slide{
    background-position: center;
    background-size: cover;
    width: 250px;    
}

.swiper-slide img{
 display: block;
    width: 100%;    
}
.movies{
    padding: 50px 0 150px 0;
}

.container{
    max-width: 1200px;
    margin: 0 auto;
}

 /* Estilos del banner */
  .banner-advertencia {
      background-color: #FFFFCC;
      color: #000;
      text-align: center;
      padding: 15px;
      font-size: 14px;
      font-weight: normal;
      width: 100%;
      z-index: 1000;
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  }
      .containerA {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      max-width: 500px;
    }

    .upload-box {
      position: relative;
      width: 100px;
      height: 100px;
      border: 2px dashed #aaa;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      background-color: #f9f9f9;
      overflow: hidden;
    }

    .upload-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .upload-icon {
      font-size: 24px;
      color: #aaa;
    }

    .remove-btn {
      position: absolute;
      top: 2px;
      right: 2px;
      background: red;
      color: white;
      border: none;
      border-radius: 50%;
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 18px;
      font-size: 14px;
      cursor: pointer;
      display: none;
    }

    .upload-box.has-image .remove-btn {
      display: block;
    }

    input[type="file"] {
      display: none;
    }