/*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:#09139c!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;}

.bg-grey-01{background-color:#060d77!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(6, 13, 119);background: linear-gradient(90deg, rgb(4, 11, 117) 0%, rgb(0, 7, 113) 100%)!important;}

#main-nav {background-color:#060d77;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;}


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

#footer{background-color:#060d77;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:90px;font-family: "Montserrat", serif;color:#58595C;}

#main-content .h1{color:#060d77;}
#main-content .h1 b{color:#ffffff;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);}

.avatar-tributo{border:20px solid  rgba(255,255,255,.4);max-width:70%;}
.avatar-tributo img{width:100%;}

#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;}
#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;}

	#main-content{margin-top:60px;}

	.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:#ffffff;}
}

@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;}

.load-more:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.card {
    transition: transform 0.2s;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* Efectos para la barra de búsqueda */
#search-form .form-control {
    transition: all 0.3s ease;
    border-color: #4a90e2;
}

#search-form .form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(74, 144, 226, 0.25);
}

.btn-rounded {
    border-radius: 50rem !important;
}

/* Efecto hover para el botón de limpiar */
.btn-outline-secondary:hover {
    background-color: #4a90e2;
    color: white !important;
}

.input-group button {
    width: 40px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    margin: 0; 
}

@media (max-width: 768px) {
    .input-group { width: 100% !important; }
    .add-to-quote { width: 100%; }
}

.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;
  white-space: normal;
}

.nombre-producto-carrusel {
  display: -webkit-box;
  -webkit-line-clamp: 3;       /* Limita a 2 líneas */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;     /* Agrega "..." si se corta */
  line-height: 1.2em;          /* Ajusta según tu diseño */
  max-height: 2.4em;           /* line-height * 2 líneas */
  white-space: normal;
}

#indicadores {
    background-color: #040b75; /* Azul oscuro igual que la navbar */
    color: #FFA500; /* Naranja */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
    gap: 30px;
    font-weight: normal;
    font-size: 0.8rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999; /* justo debajo de la navbar si es necesario */
  }
  
  #indicadores ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
  }
  
  #indicadores li {
    margin: 0;
  }