/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

.cmplz-cookiebanner .cmplz-buttons {
    flex-direction: row-reverse;
}

.cabecera h1 strong {
    background: #00E0FF;
    color: black;
    display: inline-block;
    padding: 0rem 1rem;
}

ul.lista_who {
    margin-left: 0;
    list-style: none;
    margin: 1.5rem 0;
}

ul.lista_who li {
    padding-left: 2.5rem;
    line-height: 2.5rem;
    background: url(https://www.anorelectroteleco.es/wp-content/uploads/2024/02/check-list.png);
    background-size: 2rem;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.w-image.img_who.align_none::before {
    content: url(https://www.anorelectroteleco.es/wp-content/uploads/2024/02/recursos.png);
    position: absolute;
    top: -5%;
    left: 20%;
}

form.wpcf7-form.init.wpcf7-acceptance-as-validation {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

label:not([for="aceptacion"]) {
    font-weight: bold;
}

.acceptance {
    display: flex;
    align-items: center;
}

input#form-contact {
    background: #017D8D;
    color: #fff !important;
}

.w-filter.state_desktop.style_drop_default .w-filter-item-title, .select2-selection, select, textarea, input:not([type=submit]) {
    background: #BEF7FF;
}

label[for="aceptacion"] a {
    font-weight: bold;
}

.us_custom_ca4922de .w-iconbox-icon {
	justify-content: start;
}

.us_custom_703b2333 .w-filter.state_desktop.style_drop_default .w-filter-item-title, .us_custom_703b2333 .select2-selection, .us_custom_703b2333 select, .us_custom_703b2333 textarea, .us_custom_703b2333 input:not([type=submit]) {
    background: #BEF7FF;
}

:root {
  --gray-color: #F4F4F4;
  --blue-color: #00E0FF;
}

    .colored_container {
        display: flex;
        justify-content: stretch;
        align-items: stretch;
        width: 100%;
        margin: 0 auto;
    }

    .colored_container .colored {
        --arrow-width: 50px;
        --padding-width: 20px;
        min-height: 200px;
        width: 25%;
        position: relative;
        padding: var(--padding-width) var(--padding-width) var(--padding-width) calc(var(--padding-width) + var(--arrow-width))
    }

    .colored_container .colored:nth-child(odd) {
        background-color: var(--gray-color);
    }

    .colored_container .colored:nth-child(even) {
        background-color: var(--blue-color);
    }

    .colored_container .colored::before,
    .colored_container .colored::after {
        position: absolute;
        top: 0;
        bottom: 0;
        width: var(--arrow-width);
        background-position: 0% 0%;
        background-size: 100% 100%;
        background-color: transparent
    }

    .colored_container .colored:not(:first-child)::before {
        display: block;
        content: '';
        left: 0;
        right: auto;
        z-index: 2;
    }

    .colored_container .colored:nth-child(even)::before {
        background-image: url("https://www.anorelectroteleco.es/wp-content/uploads/2024/02/triangle_gray.svg")
    }

    .colored_container .colored:nth-child(odd)::before {
        background-image: url("https://www.anorelectroteleco.es/wp-content/uploads/2024/02/download.svg")
    }

    .colored_container .colored:last-child::after {
        display: block;
        content: '';
        left: 100%;
        z-index: 1;
        background-image: url("https://www.anorelectroteleco.es/wp-content/uploads/2024/02/download.svg")
    }

.colored h3 {
	padding-top: 0 !important;
}

/* Inicialmente, configurar la transición para .back-blue */
.back-blue {
    position: relative; /* Cambiar la posición relativa */
	bottom: 0;
	padding: 0.5rem;
	height: 0px !important
}

/* Al hacer hover en .type-servicios, ocultar .title */
.type-servicios:hover .title {
    display: none;
}

/* Al hacer hover en .type-servicios, cambiar la posición y tamaño de .back-blue */
.type-servicios:hover .back-blue {
    position: absolute;
    bottom: 1rem;
    left: 0;
    width: 100%;
    height: calc(100% - 1rem) !important;
    display: grid;
    align-items: center;
    transition: all 0.5s ease-in-out;
    background: #00e0ffcc !important;
}

.type-servicios .button-service {
	display: none;
}

.type-servicios:hover .button-service {
	display: block;
}

.w-image.us_custom_2d9ebfef.img_who.align_none img {
	width: 100%;
}

ul.lista_who li {
    border-bottom: 1px solid #00e0ff;
    display: table;
}

.trabajos .owl-item.active.center article {
    border: 36px solid #00E0FF;
}

.trabajos .owl-item.active.center article p {
    display: none;
}

.trabajos .owl-item:not(.center) article .img-proyect {
   transform: scaleY(0.85);
}

.trabajos .owl-item:not(.center) .img-proyect::before {
    content: "";
    background: black;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.7;
}

.trabajos p {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.layout_255 .owl-stage {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr);
}

.clientes {
	transition: all 0.3s ease-in-out;
}

.clientes:hover {
    transform: translateY(-20px);
}

.acceptance p {
    display: flex;
    align-items: center;
}

form p {
    margin-bottom: 0;
}