//
// This file is meant to regroup your design customizations. For example, doing
// this will separate your footer with a dotted border using your primary color.
//
// footer {
//     border-top: 5px dotted theme-color('primary');
// }
//


/*COLOCAR RRSS EN MENÚ Odoo 13*/
@media (min-width: 1200px){
#footer .s_share.col-lg-6, #footer .s_btn.col-lg-6{
    position: absolute;
    top: 10px;
    width: 100%;
    max-width: 1140px;
}
}

@media (min-width: 992px) and (max-width: 1199px){
#footer .s_share.col-lg-6, #footer .s_btn.col-lg-6{
    position: absolute;
    top: 10px;
    width: 100%;
    max-width: 960px;
}
}
@media (min-width: 769px) and (max-width: 991px){
#footer .s_share.col-lg-6, #footer .s_btn.col-lg-6{
    position: absolute;
    top: 10px;
    width: 100%;
    max-width: 720px;
}
}
@media (min-width: 576px) and (max-width: 768px){
#footer .s_share.col-lg-6, #footer .s_btn.col-lg-6{
    position: absolute;
    top: 10px;
    width: 100%;
    max-width: 540px;
}
}
@media (max-width: 575px){
#footer .s_share.col-lg-6{
    position: absolute;
    top: 65px;
    width: 100%;
    max-width: 500px;
}
 /*Corregir alineación de las RRSS*/
#footer .s_share.col-lg-6.text-right {
    text-align: left!important;
}
#footer .s_btn.col-lg-6{
    position: absolute;
    top: 10px;
    width: 100%;
    max-width: 500px;
}
/*Corregir margen menú móviles cuando están las RRSS*/
    #wrapwrap .navbar {
    padding-bottom: 30px!important;
}
    #wrapwrap #graph_header .navbar:not(.o_header_affix) {
    padding-top: 6.8rem!important;
}
}

/*Margen del menú fijo*/
#graph_header .navbar:not(.o_header_affix) {
    padding-top: 4.75rem!important;
}


/*Modificar márgenes de la barra de menú (navbar)*/
@media (min-width: 576px){
    #wrapwrap .navbar {
    padding-bottom: 20px!important;
}
}

/*Quitar versalitas del menú*/
#graph_header .navbar .navbar-nav > li > a, .o_header_affix .navbar .navbar-nav > li > a {
    text-transform: initial!important;
}

/*Mantener scroll de los parallax*/
.parallax > .s_parallax_bg {
    background-attachment: fixed!important;
}

/*Quitar margen superior de la página*/
#wrap {
    margin-top: 0px!important;
}

/*Cambiar color enlaces del menú*/

nav a.nav-link {
    
    color: #585858!important;
}

/*Enlace activo*/

nav a.nav-link.active {

    color: #263688!important;

}

/*Pasar por encima de los enlaces*/

nav a.nav-link:hover{

    color: #2476b3!important;

}

/*Poner margen al menú desplegable en móviles*/
@media (max-width: 767.98px){
   #graph_header > .navbar {
      padding: 4rem 1.25rem!important;
   }
}

/*Color botón del whatsapp*/
#btnw .btn-alpha{
    color: white;
    background-color: #25D366;
    border-color: #25D366;
}
#btnw .btn-alpha:hover{
    color: white;
    background-color: #075E54;
    border-color: #075E54;
}

/*Hover encabezado de inicio y contacto de RRSS + Boton WhatsApp*/
/*RRSS*/
.s_share .img-fluid:hover{
    transform: scale(1.15);
    transition-duration: 0.75s;
}

/*Botón del WhatsApp*/
#head1 .btn-outline-epsilon, #foot .btn-outline-epsilon {
    color: #25D366;
    border-color: #ffffff00;
    margin-left: -2.25rem;
    padding-left: 2rem;
    padding-right: 1.15rem;
    border: 2px solid #ffffff00;
}

#head1 .btn-outline-epsilon:hover, #foot .btn-outline-epsilon:hover {
    color: #ffffff;
    background-color: #25D366;
    border-color: #25D366;
    margin-left: -2.15rem;
    padding-left: 1.15rem;
    padding-right: 1.15rem;
    border: 2px solid #25D366;
}
/*Hover footer de RRSS + Boton Linkedin*/
/*RRSS*/
#foot .s_share .img-fluid:hover{
    transform: scale(1.15);
    transition-duration: 0.75s;
}

/*Botón del linkedin*/
#foot .btn-outline-delta {
    color: #0A66C1;
    border-color: #ffffff00;
    margin-left: -2.25rem;
    padding-left: 2.15rem;
    padding-right: 1.15rem;
    border: 2px solid #ffffff00;
}

#foot .btn-outline-delta:hover {
    color: #ffffff;
    background-color: #0A66C1;
    border-color: #0A66C1;
    margin-left: -2.15rem;
    padding-left: 1.15rem;
    padding-right: 1.15rem;
    border: 2px solid #0A66C1;
}

/*Peso de los titulares*/
h1,  h3{
    font-weight: bold;
}

/*Tamaños de los titulares*/
    /*Ordenador*/
    @media (min-width: 992px){
    h1{
        font-size: 48px;
    }
    h2{
        font-size: 24px;
    }
    h3{
        font-size: 26px;
    }
    h4{
        font-size: 20px;
    }
    h5{
        font-size: 20px;
    }
    h6{
        font-size: 18px;
    }
    }
    /*Móvil*/
    @media (min-width: 992px){
    h1{
        font-size: 42px;
    }
    h2{
        font-size: 20px;
    }
    h3{
        font-size: 22px;
    }
    h4{
        font-size: 18px;
    }
    h5{
        font-size: 18px;
    }
    h6{
        font-size: 16px;
    }
    }
 
 /*MENÚ*/
 /*Menú - Desaparecer linea*/
 #wrapwrap .o_header_affix, #wrapwrap .o_header_affix .navbar{
    border-block-style: inherit!important;
}
 /*Alinear a la izquierda*/
 .ml-auto, .mx-auto {
    margin: auto 1% !important;
  }

/*Estilo de los botones*/
.btn {
    border-radius: 50px!important;
    font-weight: bold;
}
   /*Botón de linea*/
   .btn-outline-primary, .btn-outline-alpha, .btn-outline-beta, .btn-outline-secondary {
    border: 2px solid;
    font-weight: bold;
}


/*Iconos de Inicio*/

/*Recuadro de iconos de servicios - Estilo*/
#ico2 .card{
border: 2px solid #2476b3;
}
/*Recuadro de iconos de servicios - hover*/
#ico2 .card:hover {
    border: 2px solid #264b9b;
    background-color: #9e9e9e!important;
}

/*Indicadores del carrousel de logos*/
.carousel-indicators {
    margin-right: 0%;
    margin-left: 0%;

}

.carousel-indicators li {
    background-color: #263688;

}


.s_carousel .carousel-control-prev-icon:before, .s_carousel .carousel-control-next-icon:before, .s_quotes_carousel .carousel-control-prev-icon:before, .s_quotes_carousel .carousel-control-next-icon:before {
    background-color: #00000000 !important;
    color: #263688!important;
}
   
   /*centrar logos*/
   #logosclientes .img-fluid {
    margin: auto!important;
}

/*Contacto*/
   /*Subir los iconos sobre el encabezado*/
@media (min-width: 768px){
#icontact .row{
    margin-top: -130px;
        padding-top: 40px;
}
}
   /*Hacer responsives los iconos*/
   @media (min-width: 455px){
#icontact .col-lg-4{
        width: 50%;
    margin: 0 auto;
}
}

   /*Formulario - Texto de verificación completo*/
#form1 .o_website_form_flex_item {
    flex-basis: 100%;
}

  /*Formulario - Estilo del recuadro plegable de LOPD*/
  /*enlace normal*/
#LOPD a {
    color: #2476b3;
    font-family: 'Amiko';
    font-size: 18px;
    font-weight: 600;
    text-align: left;
}
  /*Hover del enlace*/
#LOPD a:hover {
    color: #264b9b;
    font-family: 'Amiko';
    font-size: 18px;
    font-weight: 600;
    text-align: left;
}
  /*Quitar linea negra*/
#LOPD .card {
    border: 0px solid #FFFFFF00;
}

/*SOBRE NOSOTROS*/
/*Estilo de la tabla de sobre la empresa*/
   /*Color de la cabecera de la tabla*/
#empresa .card-header {
    background-color: #f2f2f2;
    border-bottom: 0px solid #00000000;
    padding: 0;
}
   /*Quitar linea de la tabla*/
#empresa .card {
    border: none;
}
   /*Color de los botones*/
   /*activo*/
#empresa .nav-tabs .nav-link.active{
    color: #264b9b;
    background-color: #ffffff!important;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    font-family: 'Amiko';
}
    /*normal*/
#empresa .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #f2f2f200;
    font-family: 'Amiko';
}

   /*Centrar botones de tabla*/
#empresa .nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    justify-content: center;
}

 /*Tabla en dispositivos móviles*/
 @media (max-width: 768px){
 /*Color del fondo*/
#empresa .card-body {
    background-color: #f2f2f2 !important;
}
   /*Color de los botones*/
   /*activo*/
#empresa .nav-tabs .nav-link.active{
    color: #264b9b;
    background-color: #ffffff!important;
    border-radius: 50px;
    font-family: 'Amiko';
}
    /*normal*/
#empresa .nav-tabs .nav-link {
    border: none;
    border-radius: 50px;
    background-color: #f2f2f200;
    font-family: 'Amiko';
}
}

/*Separar "nuestros valores"*/
 @media (max-width: 768px){
#valores .s_features_grid_content p {
    margin-bottom: 16px!important;
}
}

/*Iconos de compromiso*/
 @media (min-width: 447px) and (max-width: 991px){
#compromiso .col-md-4 {
    flex: 0 0 50%!important;
    max-width: 50%!important;
}
}
 @media (min-width: 2000px){
#wrapwrap .s_animated_boxes {
    margin: 0;
    width: 100%;
    overflow: hidden;
    padding: 0 20%;
}
}

 @media (min-width: 1200px) and (max-width: 2000px){
#wrapwrap .s_animated_boxes {
    margin: 0;
    width: 100%;
    overflow: hidden;
    padding: 0 10%;
}
}

 @media (min-width: 991px) and (max-width: 1200px){
#wrapwrap .s_animated_boxes {
    margin: 0;
    width: 100%;
    overflow: hidden;
    padding: 0 5%;
}
}

/*SERVICIOS*/
/*Iconos de Servicios*/
/*Recuadro de iconos de servicios - Estilo*/
#ico3 .card{
border: 2px solid #2476b3;
}
/*Recuadro de iconos de servicios - Hover*/
#ico3 .card:hover {
    border: 2px solid #264b9b;
    background-color: #9e9e9e!important;
}

/*Encabezados de subpáginas de servicios*/
#servicio1 .bg-white, #servicio2 .bg-white, #servicio3 .bg-white,
#servicio4 .bg-white, #servicio5 .bg-white {
    background-color: #ffffffe8 !important;
    border-radius: 50px!important;
    margin: 5% auto;
}

/*Encabezados de subpáginas de sedes*/
#headlp .bg-white, #headtf .bg-white, #headmd .bg-white {
    background-color: #ffffffe8 !important;
    border-radius: 50px!important;
    margin: 5% auto;
}

/*Ocultar Asunto del formulario de contacto*/
#form1 > div > div.form-group.row.form-field.o_website_form_required.o_fake_not_editable{
    display:none;
}