:root{
    --color-primario:#93161a;
    --color-secundario:#000e2a; 
}

/*estilos personalizados*/
.contenedor{max-width: 75%; margin: 0 auto; padding-left: 0; padding-right: 0; }

@media (max-width: 768px) {
    .contenedor{max-width: 97%; }
    
}

.fs-titulo{
    font-size:  calc(1.275rem + .1vw) !important;
}
@media(max-width: 768px) {
    .fs-titulo{
        font-size:  calc(1rem + .5vw) !important;
    }
}
@media(max-width: 576px) {
    .fs-titulo{
        font-size:  calc(0.8rem + .5vw) !important;
    }
}

.mr-none{
    margin-right: 0 !important;
}
.ml-none{
    margin-left: 0 !important;
}

.box-shadow-buscar:focus{
    box-shadow: 0 0 0 .1rem rgba(253 52 13 /25%)!important;
}

.box-shadow-btmenu:focus{
    box-shadow: 0 0 0 .1rem rgba(255, 255, 255, 0.677)!important;
}

.bg-primario{
    background-color: var(--color-primario)!important;
}

.bg-secundario{
    background-color:  var(--color-secundario)!important; 
}

.text-primario{
    color: var(--color-primario)!important;
}  
.text-secundario{
    color: var(--color-secundario)!important; 
}

.pb-x-1{
        padding-bottom: 0.25!important;
    }

@media (min-width: 991px) {
    .col-lg-x{
        flex: 0 0 auto;
        max-width: calc(100% / 4.5);
    }

    .pb-x-1{
        padding-bottom: 0rem !important;
    }
}

.active-link:active{
    background-color: var(--color-secundario);
}
.link-hover:hover{
    background-color: var(--color-secundario);
}

.nav-item{
  padding-bottom:0.05rem!important;
}

.nav-item:hover{
  background-color: var(--color-secundario)!important;
}



/* Meia query auxiliares*/
@media (max-width: 991px) {
    .justify-content-md2-center {
        justify-content: center !important;
    }
}

.svg-white{
    filter: brightness(0) invert(1);
}

.img-icon{
  max-width:20px;
  max-height:20px;
  margin-right:0.2rem;
}

.img-icon-red{
   max-width:35px;
   max-height:35px;
   margin-right:0.2rem;
   
}

.img-icon-red:hover{
   box-shadow: 3px 1px 1px white;
}

/* Selector de hijos*/
.navbar-nav > li > ul{
  display:none;
  /*border:red solid 0.5rem;*/
  z-index:20;
  
}
.navbar-nav > li:hover > ul {
  display:flex;
  background-color:var(--color-secundario);
  position:absolute;
  min-width:175px;
  padding:0.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
}

.navbar-nav > li > ul > li:hover{
  width:100%;
  background-color:var(--color-primario)!important;
  padding-left:0.2rem;
}

/* Modificando plantillas de generadas por joomla*/
.sppb-row-column{
  padding-left:3px!important;
  padding-right:3px!important;
}

.sppb-row{
  justify-content:center!important;
}

/* Estilos adicionales para complementos */
div>h6{
  display: contents;
}

.sppb-carousel-custom{
    /*max-height:150px !important;*/
   color: white;
}

/* Modificar los div de las diferentes secciones para que ocupen el 100%*/
@media (min-width: 1400px){
  .sppb-row-container{
    max-width: 100% !important;
  }
}

 @media (max-width: 572px){
  .sppb-carousel{
    height: 200px !important;
    max-height:200px !important;
  }
}

  @media (max-width: 350px){
  .sppb-carousel{
    max-height:150px!important;
  }
  .sppb-carousel-custom{
    max-height:150px!important;
  }
}

/*Estilos De formularios modificados  -----------  */
.cf-form-wrap{
  padding-bottom:0px!important;
  padding-left:0px!important;
  padding-right:0px!important;
}


/* Estilos personalizados que complementan Bootstrap */
body {
    /*background-color: var(--bs-primary-bg-subtle);*/
    background-color: var(--bs-primary-bg-subtle);
    background-image: url('../images/Paisaje11.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /*background-color: #f8f9fa;*/
}

.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

footer {
    margin-top: auto;
}

/* Ajustes para el contenido Joomla */
.item-page {
    padding: 20px 0;
}

/* Responsive images */
.img-fluid {
    max-width: 100%;
    height: auto;
}