/* Styles Smart Retail */

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');

/* <weight>: Use a value from 400 to 700
   <uniquifier>: Use a unique and descriptive class name */

.caveat-<uniquifier> {
  font-family: "Caveat", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

/*.cardnn{
-webkit-box-shadow: 3px 3px 4px 0px rgba(207,205,207,0.5)!important;
-moz-box-shadow: 3px 3px 4px 0px rgba(207,205,207,0.5)!important;
box-shadow: 3px 3px 4px 0px rgba(207,205,207,0.5)!important;
border-radius: unset;
}*/


nav > div.uk-navbar-right > ul > li:nth-child(1){
/*  display: none;*/
}

.uk-navbar-nav>li.uk-active>a, .uk-navbar-nav>li>a {
	color:#7c6990;
    color:#004876!important;
  font-size: 0.85rem;
	text-decoration: none;
  letter-spacing: 1.2px;
}

.uk-navbar-nav>li>a:hover{
  text-decoration: underline;
}

.uk-navbar-nav .uk-active a{
color:#7c6990!important;
	text-decoration: none;	
}

/*body > div > div.tm-header.uk-visible\@m > div.uk-sticky.uk-sticky-fixed > div > div > nav > div.uk-navbar-right > ul{
	position: absolute!important;
    top: -60px!important;
}*/

.uk-modal-dialog.uk-modal-dialog, .uk-modal-dialog{
	width: 800px!important;
}


.uk-navbar-container, body > div > div.tm-header.uk-visible\@m > div.uk-sticky.uk-sticky-fixed.uk-sticky-below > div{
    box-shadow: 0 3px 12px rgba(0,0,0,.07)!important;
}

.btn-cta-f a{
    border-radius: 5px;
    padding: 15px 30px !important;
    font-size: 0.85rem;
    /**/
    background-color: #8ebe3f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8ebe3f), to(#5a9130));
    background-image: -webkit-linear-gradient(top, #8ebe3f, #5a9130);
    background-image: -moz-linear-gradient(top, #8ebe3f, #5a9130);
    background-image: -ms-linear-gradient(top, #8ebe3f, #5a9130);
    background-image: -o-linear-gradient(top, #8ebe3f, #5a9130);
    background-image: linear-gradient(to bottom, #8ebe3f, #5a9130);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8ebe3f, endColorstr=#5a9130);
}
.btn-cta-f a:hover{
    background-color: #0074bc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0074bc), to(#0a4976));
    background-image: -webkit-linear-gradient(top, #0074bc, #0a4976);
    background-image: -moz-linear-gradient(top, #0074bc, #0a4976);
    background-image: -ms-linear-gradient(top, #0074bc, #0a4976);
    background-image: -o-linear-gradient(top, #0074bc, #0a4976);
    background-image: linear-gradient(to bottom, #0074bc, #0a4976);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0074bc, endColorstr=#0a4976);    
}

/*Tooltip start*/
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
/*Toltipo end*/

.violet{
  color:#7c6990;
}

.lh1-2{
    line-height: 1.2;
}

.fw800{
      font-weight: 800;
}

.t42{
  font-size: 42px;
}

.azulsr{
  color:#0a4976;
}
.celestesr{
  color:#0074bc;
}

.bgapple{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 54%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(54%, rgba(255,255,255,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 54%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 54%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 54%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 54%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
/*border-top:5px solid #779c28;*/
}

.uk-navbar-container{
  padding: 10px 0;
}


/*.uk-offcanvas-bar .uk-nav-default>li>a{
  color:red!important;
}*/

#module-menu-mobile > ul > li{
  border-bottom:#000;
}

#module-menu-mobile > ul > li > a{
 color:#a0a0a0;
 text-decoration: none;
}

#module-menu-mobile > ul > li > a:hover{
 color:#a0a0a0;
 text-decoration: underline;
}

.funcdestacadas{
  padding-left:4.2rem;
}


/* Estilos LPs de Presentaciones */

.recursosmart .backarrow{
    display:none;
}
.recursosmart .tm-header{
    display:none!important;
}

.recursosmart .sp{
    display:none;
}

.recursosmart .jj_sl_navigation{
    display:none;
}

.recursosmart #footer\#12{
    display:none;
}
.recursosmart .tm-header-mobile{
    display:none;
}

body.recursosmart > div > div.tm-page.uk-margin-auto > div:nth-child(4){
 display:none; 
}

.recursosmart .uk-section-default{
  padding-top:0;
  padding-bottom: 0;
}

.recursosmart .uk-margin-auto{
  margin-left: 0!important;
  margin-right: 0!important;
}

.recursosmart .uk-section-default{
  background: #000!important;
}

/* Styles Grid Verticales */

.gridsubtitle h3{
    color:#fff;
    font-family:Roboto;
    font-kerning: normal;
    font-size:0.85rem;
    font-weight: 600!important;
    line-height: 1.3;
    text-transform: uppercase;
    text-align: center;
    background: #0074bc;
    padding: 10px 0;
    margin-top: 0!important;
}

.gridsubtitle h2{
    color:#fff;
    font-family:Roboto;
    font-kerning: normal;
    font-size:1.2rem;
    font-weight: 600!important;
    line-height: 1.3;
    text-transform: uppercase;
    text-align: center;
    background: #0074bc;
    padding: 10px 0;
    margin-top: 0!important;
}


/* MBATitle */
/* Titles Styles */
.mbatitle{
    color:#0a4976;
    font-kerning: normal;
    font-weight: 800;
    text-transform: uppercase; 
    margin-top: 2rem; 
    font-size:1.2rem;
}

@media (min-width:320px) {
    .mbatitle{
        font-size:1.2rem;
        line-height: 1.3;
    }

}

@media (min-width:481px) {
    .mbatitle{
        font-size:1.2rem;
        line-height: 1.3;
    }
}

@media (min-width:641px) {
    .mbatitle{
        font-size:1.2rem;
        line-height: 1.3;
    }
}

@media (min-width:961px) {
    .mbatitle{
        font-size:1.6rem;
        line-height: 1.3;
    }
}

@media (min-width:1025px) {
    .mbatitle{
        font-size:1.6rem;
        line-height: 1.3;
    }
}

@media (min-width:1281px) {
    .mbatitle{
        font-size:1.6rem;
        line-height: 1.3;
    }
}
/* End MBATitle */

/* Addons Grid 2024 Style  */

.addonsgrid .uk-grid .uk-panel:nth-child(1){
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;  
}

div.addonsgrid > div > div.uk-grid-margin.uk-first-column > div,
div.addonsgrid > div > div:nth-child(6) > div,
div.addonsgrid > div > div:nth-child(7) > div,
div.addonsgrid > div > div:nth-child(8) > div{
/*    border-bottom:none!important;*/
}

/********/
/* CSSs RESPONSIVOS
   ========================================================================= */
/********/   

/* Responsivo Especial */   
@media only screen and (max-width: 960px){
  .funcdestacadas{
    padding-left:0rem;
  }
}

/* Estilos Menu Móvil */
#module-menu-dialog-mobile a{
    color:#000;
    font-size: 1rem;
}

#module-menu-dialog-mobile a:active{
    color:#0a4976;
    font-size: 1rem;
    text-decoration: outline;
}

/* Responsivo Standard */   

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

}

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

}


/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) {

}
 
/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {

/*here table portrait*/
}

/**/

@media (min-width: 481px) and (max-width: 768px) {

}

/* Móviles 480x640 ---------------------------------------------------------- */

@media (min-width: 481px) and (max-width: 639px) {

}

/* Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) {

	#list-epe .el-item, .list-epe .el-item{
		line-height: 18px!important;
	}
}

/*grid borders*/

.addonsgrid div div:nth-child(13) div,
.addonsgrid div div:nth-child(14) div,
.addonsgrid div div:nth-child(15) div,
.addonsgrid div div:nth-child(16) div{
    border-bottom:none!important;
}

@media (max-width: 768px) {
        .addonsgrid div div:nth-child(13) div,
        .addonsgrid div div:nth-child(14) div{
            border-bottom: 1px solid #ddd;
        }
        .addonsgrid div div:nth-child(15) div,
        .addonsgrid div div:nth-child(16) div{
            border-bottom:none!important;
        }
}