/*
Theme Name: Aluroofs
Author: Tecnoquatre
Author URI: https://tecnoquatre.es/
Description: Las cubiertas de aluminio de ALUROOFS, además de sus cualidades en cuanto a diseño, capacidad autoportante y materiales, se adaptan a diversidad de equipos con geometrías y requerimientos de carga variables
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
.elementor-5063 .elementor-element.elementor-element-a7ec420 {
    box-shadow: none !important;
}
.btn_arrow svg {
    transform: scale(1);
    transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
    padding: 10px;
}
.btn_arrow svg:hover {
    transform: scale(1.2);
    opacity:.7;
}
.btn_arrow svg path {
    transition: all 0.3s ease-in-out;
}
.btn_arrow svg:hover path {
    animation-name: arrow_anima;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
}
@keyframes arrow_anima {
    0% {opacity: 1}
    25% {opacity: 0;transform: translateX(20%)}
    50% {opacity: 0;transform: translateX(-20%)}
    100% {transform: translateX(0%);opacity: 1}
}
/* menu */
.titulo_menu span.elementor-button-text{text-align:left !important;}
a.btn_menu {
    display: block;
    color: #000;
    text-decoration: none;
}
.titulo_menu span.elementor-button-icon.elementor-align-icon-left svg {display:block !important;}
a.btn_menu.sub {
    font-weight: normal !important;
    padding-left: 10px;
    color: #0c2f59;
}
a.btn_menu.subsub {
    font-weight: normal !important;
    padding-left: 20px;
    color: #6180a5;
}
a.btn_menu:hover, .sub:hover, .subsub:hover {color: #6293ce;}
/* HOME */
.slider_tecnoquatre {
    margin: 2% !important;
    margin-top: 1% !important;
    overflow: hidden;
    position: relative;
}
.slider_select {
    position: absolute;
    background-color: #00000069;
    top: 40%;
    right: 15%;
    z-index: 2;
    width: 350px !important;
    border-radius: 5px;
    box-shadow: 0 0 30px #fff;
    padding: 20px;
    color: #fff;
}
.select_flotante span {
    font-size:24px;
    font-weight:bold;
}
.select_flotante select {
    width: 100%;
    margin-top: 10px;
    /*color: #2162cb;*/
	color: #222;
    border: none !important;
    background-image: url(https://aluroofs.tecnoquatre.es/wp-content/uploads/2023/02/select.jpg);
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: initial !important;
}
/* MOSAICO */
.mosaico_top {
    position: relative;
    text-align: center;
    margin: 0;
    max-width: 100%;
    background-repeat: no-repeat!important;
    background-position: 50%!important;
    overflow: hidden;
    background-color: #143c6c;
}
.mosaico_top_middle {background-color: #03a9f4;}
.mosaico_top img {
    position: relative;
    display: block;
    width: 100%;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,-webkit-transform .35s;
    -o-transition: opacity .35s,transform .35s;
    transition: opacity .35s,transform .35s;
    transition: opacity .35s,transform .35s,-webkit-transform .35s;

}
.mosaico_top:hover img {
    opacity: .5;
    -webkit-transform: scale3d(1.10,1.10,1);
    transform: scale3d(1.10,1.10,1);
}
.mosaico_top .Mosaico_top_titulo:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 110%;
    height: 110%;
    background: hsla(0,0%,100%,.5);
    content: "";
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    -o-transition: transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(0,-100%,0);
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(0,-100%,0);
}
.mosaico_top:hover .Mosaico_top_titulo:before {
    -webkit-transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(0,100%,0);
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(0,100%,0);
}
.Mosaico_top_titulo_h3 {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    width: 100%;
    height: 100%;
    text-align: left;
    font-family: "Josefin Sans Bold", sans-serif;
    font-size: 36px;
    color: #fff;
    line-height: 24px;
    text-shadow: 2px 2px 5px #000;
}
.Mosaico_top_subtitulo_h3 {
    font-size: 0.5em; /*0.9em*/
    font-weight: 400;
}
.mosaico_top.mosaico_top_left {
    float: left;
    width: calc(50% - 5px);
    margin-top:10px;
    margin-right:5px;
}
.Mosaico_left {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    width: calc(100% - 22px);
    height: calc(100% - 22px);
    text-align: left;
    font-family: "Josefin Sans Bold", sans-serif;
    font-size: 18px;
    color: #fff;
    line-height: 25px;
    margin: 10px;
    border: 2px solid #fff;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,-webkit-transform .35s;
    -o-transition: opacity .35s,transform .35s;
    transition: opacity .35s,transform .35s;
    transition: opacity .35s,transform .35s,-webkit-transform .35s;
    transform: scale3d(2,2,2);
}
.Mosaico_left:hover {
    opacity: 1;
    transform: scale3d(1,1,1);
}
.mosaico_top.mosaico_top_right {
    float: right;
    width: calc(50% - 5px);
    margin-top:10px;
    margin-left:5px;
}
.Mosaico_right {
    position: absolute;
    left: 0;
    padding: 10px 0 0 0;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    text-align: left;
    font-family: "Josefin Sans", sans-serif;
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    margin: 10px;
    border-top: 3px solid #fff;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,-webkit-transform .35s;
    -o-transition: opacity .35s,transform .35s;
    transition: opacity .35s,transform .35s;
    transition: opacity .35s,transform .35s,-webkit-transform .35s;
    top: 0%;
    -webkit-transform: translate3d(0,120%,0);
    transform: translate3d(0,120%,0);
}
.mosaico_top:hover .Mosaico_right {
    transform: translateZ(0);
}
/* iconos */
.iconos {
    display: inline-flex;
    color: #000;
    font-size: 24px;
}
.iconos svg{margin-right: 10px;}
.btn_acceso_seccion a {
    padding: 0 35px 0 0 !important;
    background-image: url(https://aluroofs.tecnoquatre.es/wp-content/uploads/2023/02/arrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
    background-position-x: 98% !important;
}
.btn_acceso_seccion a:hover {
    background-position-x: 100% !important;
}
a.box-button.elementor-button.elementor-size-xs {
    background: transparent !important;
    font-size: 20px;
    background-image: url(https://aluroofs.tecnoquatre.es/wp-content/uploads/2023/02/arrow.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
a.box-button.elementor-button.elementor-size-xs:hover {opacity:.5}
/* SIDERBAR */
.sidebar .widget, .sidebar-content .widget, .elementor-widget-sidebar .widget {
    border: none !important;
    padding: 10px !important;
}
.widget-title {
    color: #6293ce !important;
    font-weight: normal !important;
    background-color: #f5f7f9 !important;
    text-align: center !important;
    padding: 7px 0 !important;
    border-radius: 7px !important;
    text-transform: uppercase !important;
    font-size: 15px;
}
.Titulo {
    position: absolute;
    background-color: rgb(20 60 108 / 70%);
    bottom: 25px;
    padding: 10px;
    left: 20px;
    border-radius: 10px;
}
/* APLICACIONES */
.imagenes_acordeon {
    height: 295px !important;
    margin: 10px !important;
    padding: 0 !important;
    float: left;
    border-radius: 10px !important;
}
.boton_productos:hover {opacity: .5;}
.acordeon_izq {
    float: left;
    width: 50%;
    text-align: justify;
    padding-bottom: 15px;
    padding-right: 20px;
}
.acordeon_der {
    float: right;
    width: 50%;
    padding-bottom: 15px;
    padding-left: 20px;
    text-align: justify;
}
.acordeon_der img {width: 100%;}

.acordeon_p{
	/*
	width: 100%;
	font-family: 'Proxima nova';
	font-size: 14px;
	text-align:left;
	*/
}
.acordeon_p strong{
	/*
	color: #000;
	font-size:14px;
	*/
}
.acordeon_titulo {
    width: 100%;
    font-family: 'Josefin Sans Bold';
    font-weight: 400;
    font-size: 38px;
    color: #222;
    margin-top: 30px;
	margin-bottom: 5px !important;
	text-align:left;
}
.acordeon_subtitulo{
	width: 100%;
	font-family: 'Proxima nova';
	font-size: 14px;
	text-align:left;
}
.clearer{
	clear:both;
}


/* MODULOS INFERIORES */
.titulo_secciones_inferior {
    border-left: 1px solid rgb(255 255 255 / 50%);
    border-right: 1px solid rgb(255 255 255 / 50%);
    padding: 0 10px;
    width: auto !important;
}
/* TABLA CARACTERISITCAS */
.Tabla {
    margin: 40px 20px;
    border-radius: 10px;
    overflow: hidden;
    border-bottom: 10px solid #143c6c;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 5%);
}
.tCabecera {
    font-weight: bold;
    text-align: left;
    background-color: #143c6c;
    color: #fff;
}
.tFila {
    border-bottom: 1px solid #e5e5e5;
}
.tFdestacado {
    background-color: #f5f5f5;
}
.tCelda {
    padding: 5px;
    text-align: center;
    float: left;
    width: 25%;
}
.tFdestacado .tCelda {
    text-align: left;
    width: 100%;
}
.seccion {padding: 11px 5px;}
.tCelda_sub {
    display: block;
    line-height: 12px;
    font-weight: 100;
    font-size: .8em;
}
.tdOK {
    color: #143c6c;
    font-size: 25px;
    font-weight: bold;
}
.R{
	font-size:32px;
	vertical-align:middle;
	font-weight:normal;
}
.ancho100{
	width:100%;
}

/* PROYECTOS */

.proyecto_contenedor {
    background-color: #efefef;
    border-radius: 20px;
    overflow: hidden;
    color: #000;
    font-family: 'Josefin Sans';
    text-align:left;
}
.proyecto_nombre {
    font-size: 35px;
    display: block;
    text-align: right;
    padding: 20px 20px 0;
}
.proyecto_subnombre {
    font-size: 18px;
    display: block;
    text-align: right;
    padding: 0px 20px 20px;
}
.proyecto_seccion {
    padding: 0 20px;
    text-decoration: underline;
    display: block;
    color: #666;
    font-size: 16px;
}
.proyecto_descripcion {
    padding: 20px;
    display: block;
    font-size: 18px;
    text-align: justify;
}
.proyecto_seccion_foto, .proyecto_seccion_prod {padding: 20px;}
.proyecto_seccion_foto img {float: left;}
.proyecto_seccion_foto.proy_img_norma img {height: 50px;}

@media only screen and (max-device-width:1024px) {
    .contenedor_cabecera {height:110px !important;}
    .cabecera_div{height:110px !important;}
    .attachment-large.size-large.wp-image-8521 {width: 90px !important;}
    .Mosaico_top_titulo_h3 {
        font-size: 26px;
        line-height: 28px;
    }
    .Mosaico_left {
        font-size: 20px;
        line-height: initial;
        padding: 5px;
    }
    .Mosaico_right {
        padding: 0;
        margin: 10px;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        font-size: 15px;
        line-height: initial;
    }
}

@media only screen and (max-device-width:767px) {
    .acordeon_izq, .acordeon_der {
        float: none;
        width: 100%;
        padding:0;
    }
    .slider_select {display: none;}
    .Mosaico_top_titulo_h3 {
        font-size: 45px;
        line-height: 30px;
        top: 10px;
    }
    .Mosaico_left {font-size: 38px;}
    .Mosaico_right {
        padding: 10px 0 0 0;
        font-size: 30px;
        line-height: 27px;
    }
    .Tabla {
        margin: 20px 0;
        font-size: 15px;
    }
    .seccion {padding: 32px 2px;}
    .tdOK {font-size: 20px;}
    li.menu-item.menu-item-type-post_type.menu-item-object-page {
        padding: 0 !important;
        padding-bottom: 5px !important;
    }
    ul.the7-e-sub-nav.vertical-sub-nav.hover-style-bg {
        padding: 10px 0px 10px 10px !important;
    }
    li.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item a span {
        color: #143c6c !important;
        font-weight: bold;
    }
    li.menu-item.menu-item-type-post_type.menu-item-object-page a.elementor-item {
        text-align: center !important;
        display: block;
    }
    
}