/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* Estilos para Header */
header#header {
    background-color: #EAFAF2 !important;
}

/* Estilos para Footer */
.footer { background: #222529 !important; }
.links-footer a {
    color: white !important;
    font-weight: 500;
}
.links-footer-politicalegales a {
    color: var(--porto-secondary-color) !important;
}
.img-logo-footer img {
    width: 30%;
}

/* CTA PAGINAS (BTN CONTACTO + NUMERO TELEFONO) */
.custom-view-more .porto-ultimate-content-box {
    display: flex !important;
    align-items: center !important;
}

/* Bloque btn 1-2-3 */
.porto-process.process-horizontal .process-step {
    justify-content: flex-start !important;
}

/* Estilos titulos-cajas */
.title-cajas {
    font-size: 1.5rem !important;
    color: #222529;
    font-weight: 400;
    font-family: Typo_round_regular_demo-2;
    letter-spacing: -0.05rem;
}
/* Estilos titulos-check */
.title-check .porto-sicon-title {
    font-size: 1.4em;
    font-weight: 400;
    text-transform: none;
    line-height: 1.2;
    font-family: 'Typo_round_regular_demo-2';
    letter-spacing: -0.05em;
}

/* Menú Móvil */

.bottom-menu-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #333; /* Cambia esto al color que prefieras */
    z-index: 9999;
    text-align: center;
    padding: 20px 0;
    display: none; /* Oculto por defecto */
    
    justify-content: space-around;
    align-items: center;
}

.btn-header-numero,
.btn-bottom-mobile-container,
.whats-container {
    display: flex;
    align-items: center;
}

.bottom-menu-container a {
    color: white; /* Cambia esto al color que prefieras */
    text-decoration: none;
    font-size: 16px; /* Ajusta el tamaño del texto según tus preferencias */
    display: flex;
    align-items: center;
}

.bottom-menu-container img {
    margin-right: 8px; /* Espacio entre el icono y el texto */
}

.bottom-menu-container a:hover {
    color: #ccc; /* Cambia esto al color que prefieras para el hover */
}

.bottom-menu-container i{
    font-size:20px;
}

/* Mostrar solo en dispositivos móviles */
@media (max-width: 768px) {
    .bottom-menu-container {
        display: flex;
    }
}

@media (min-width: 769px) {
    .bottom-menu-container {
        display: none;
    }
}

/* ------------- COOKIES ------------- */
@media (max-width: 768px) {
    .cky-revisit-bottom-left {
        bottom:60px!important;
    }
    .joinchat__button{
        display:none;
    }
	
	#cabeceraHome {margin-top:110px;}
}

@media (max-width: 480px) {
	.custom-view-more .porto-ultimate-content-box {
    	display: flex !important;
    	flex-direction: column;
	}
}

/* OCULTAR PARALLEX DE LAS CABECERAS PAG-INTERNAS */
@media only screen and (max-width: 768px) {
    .header-parallax {
        display: none;
    }
}

/* OCULTAR IMAGEN EN MOVIL CUANDO TENGAMOS 3 */
@media only screen and (max-width: 768px) {
    .bloque-imagenes .vc_column_container.col-md-4:last-of-type {
    	display: none;
	}
}

/* HEADER LINKS */
#header .main-menu > li.menu-item.active > a {
    color: var(--porto-secondary-color) !important;
}

.mega-menu.menu-hover-line>li.menu-item>a:before {
    background: var(--porto-secondary-color) !important;
}

#header .main-menu > li.menu-item.active:hover > a, #header .main-menu > li.menu-item:hover > a {
    color: #0d8c7c !important;
}