/*
Theme Name: Nolimits
Theme URI: https://nolimits.es
Template: hello-elementor
Author: Auren Consultores SP SLP
Author URI: https://auren.com/es
Description: Tema para la web de nolimits.
Version: 1.0.0.1724748705
Updated: 2024-08-27 10:51:45

*/

/*Forced New Theme Color on web*/
#wpadminbar a{ color: white!important; }

.no-unique-carousel svg{ fill: var(--dark-gray) !important; }

.no-elem-ctaCont a{
    color: white!important;
}

.elementor-location-footer .elementor-element{
    background-color: var(--dark-gray)!important;
}

.elementor-location-footer .elementor-element a, .elementor-location-footer .elementor-element p, .elementor-location-footer .elementor-element span{
    color: white!important;
}

 p:not(p b), ul ,li, h2, h3, .no-elem-texts *, td{
    color: var(--dark-gray)!important;
}

.no-elem-title h2, .no-elem-title, .no-elem-btn .elementor-button{
    color: white !important;
    background-color: var(--dark-gray)!important;
}

th {
    background-color: var(--dark-gray)!important;
}

.bck-header > .elementor-element:not(.no-elem-carousel){ background-color: #40404066 !important; }

input::placeholder, textarea::placeholder { color: var(--dark-gray);  }

/*Block home Grid*/
.no-elem-grid .elementor-image-box-img{ width: 100% !important; }
.no-elem-grid .elementor-image-box-img img{ width: 150px; }
.no-elem-grid .elementor-widget-image-box .elementor-image-box-title{
    font-size: 25px;
    font-weight: 500;
    hyphens: auto;
}

/*Block home satisfaction*/
.no-elem-satisfaction .elementor-image-box-title{
    font-size: 2.5rem;
    font-size: clamp(2.5rem, 1.7857142857142858rem + 3.571428571428571vw, 5rem);
    font-weight: 300 !important;
    color: var(--white);
    margin: 0;
}

.no-elem-satisfaction .elementor-image-box-description {
    font-size: 25px;
    font-weight: 300 !important;
    color: var(--white);
    margin: 0;
}

/*Home Icons no limits*/
.no-elem-grid .elementor-image-box-img{
    height: 200px;
    width: 200px !important;
    background-color: var(--dark-gray);
    border-radius: 100%;
    overflow: hidden;
}

.no-elem-grid .elementor-image-box-img img{
    height: 100%;
    object-fit: contain;
}

.no-elem-grid .elementor-image-box-img:hover img{
    transform: scale(1.3);
}

/*Cta Home*/
.no-elem-ctaCont .elementor-widget-container{
    position: relative;
    overflow: visible;
}

.no-elem-ctaCont .elementor-image-box-img img,
.no-elem-ctaCont .elementor-image-box-wrapper{ height: 100%; }

.no-elem-ctaCont .elementor-image-box-img{
    width:100% !important;
    margin: 0 !important;
    height: 100%;
}

.no-elem-ctaCont .elementor-widget-image-box {
    height: 290px;
    box-sizing: content-box;
    transition: all 0.3s ease-in-out;
}

.no-elem-ctaCont .elementor-image-box-content{
    position: absolute;
    bottom: 0;
}

.no-elem-ctaCont .elementor-image-box-title{
    margin: 0;
    padding: 5px 0;
    transition: all 0.3s ease-in-out;
}

.no-elem-ctaCont .elementor-widget-image-box:hover {
    box-shadow: 0 0 0 3px var(--dark-gray);
}

.no-elem-ctaCont .elementor-widget-image-box .elementor-image-box-title{
    background-color: #40404070;
    transition: all .2s linear;
}

.no-elem-ctaCont .elementor-widget-image-box:hover .elementor-image-box-title{ background-color: transparent; }

.no-elem-ctaCont .elementor-widget-image-box .elementor-image-box-img a{ position: relative; display: block; width: 100%; height: 100%;}

.no-elem-ctaCont .elementor-widget-image-box .elementor-image-box-img a::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    transition: all .2s linear;
}

.no-elem-ctaCont .elementor-widget-image-box:hover .elementor-image-box-img a::before {
    background-color: rgba(0, 0, 0, 0.61);
}

/*Grid Contact*/
.no-elem-contact .elementor-widget-icon-box,
.no-elem-contact .elementor-widget-container{
    height: auto !important;
}

.no-elem-contact .elementor-icon-box-title *{
    margin: 0;
}

.no-elem-contact .elementor-icon-box-wrapper:hover .elementor-icon-box-content *{ color: var(--dark-gray) !important; }

.no-elem-contact .elementor-icon-box-wrapper .elementor-icon-box-content *{
    color: var(--dark-gray);
}

/*Grid Elems from Novedades and Pagination*/
.no-elem-gridPag .elementor-post{ transition: all 0.3s ease-in-out; }
.no-elem-gridPag .elementor-post *{ margin: 0 !important; }
.no-elem-gridPag .elementor-post.elementor-grid-item{ position: relative; }

.no-elem-gridPag .elementor-post .elementor-post__text{
    position: absolute;
    width: 100%;
    padding: 10px 0;
    bottom: 0;
    transition: all 0.3s ease-in-out;
}

.no-elem-gridPag .elementor-post:hover .elementor-post__text{ background-color: var(--grayTransparent); }
.no-elem-gridPag .elementor-post:hover{ box-shadow: 0 0 0 4px var(--dark-gray); }

.no-elem-gridPag .elementor-pagination .page-numbers:not(.prev):not(.next){
    border: 2px solid var(--black);
    padding: 2px 8px;
}

.no-elem-gridPag .elementor-pagination .page-numbers:not(.prev):not(.next):hover,
.no-elem-gridPag .elementor-pagination .page-numbers.current{
    background-color: var(--dark-gray)!important;
    border-color: var(--dark-gray)!important;
}

.no-elem-gridPag .elementor-pagination .page-numbers.prev,
.no-elem-gridPag .elementor-pagination .page-numbers.next{
    font-weight: 700 !important;
    font-size: 25px;
    color: var(--black);
}

.no-elem-gridPag .elementor-pagination .page-numbers.prev:hover,
.no-elem-gridPag .elementor-pagination .page-numbers.next:hover{
    color: var(--dark-gray)!important;
}

/*Oficina Técnica*/
.no-elem-grid-elem .no-elem-grid-body { height: 100%; }

/*Hijas de Categorias de Soluciones*/
.no-elem-carousel-3d svg { fill: white!important; }
.no-elem-carousel-3d .swiper-slide{ width: clamp(550px, 600px, 650px) !important; }
.no-elem-carousel-3d .swiper-slide .elementor-widget-container p{color: white!important;}
.no-elem-carousel-3d .elementor-element img{ width: 100%; }
.no-elem-carousel-3d .e-n-carousel{ height: 400px; }
.no-elem-carousel-3d .lightbox-link{ height: 100%; width: 100%; }

.no-elem-carousel-3d .e-n-carousel .e-con-inner .elementor-widget-image,
.no-elem-carousel-3d .e-n-carousel .e-con-inner .elementor-widget-image .elementor-widget-container img{ height: 100%; }

.no-elem-carousel-3d .e-n-carousel .e-con-inner{ display: block; }

.no-elem-carousel-3d .e-n-carousel.swiper{
    overflow-x: clip;
    overflow-y: unset;
}

.no-elem-carousel-3d .text-over{
    position: absolute;
    bottom: 0;
    width: 100% !important;
    background-color: var(--blackTransparent);
    padding: 7px 5px;
}

.no-elem-carousel-3d .text-over *{ font-size: 16px; text-align: center!important;}

.no-elem-carousel-3d .e-n-carousel .swiper-slide {
    transition: all 0.3s ease;
}

.no-elem-carousel-3d .e-n-carousel .swiper-slide-active {
    transform-origin: 0 110px;
    transform: translate3d(0, 0, 0) scaleX(1.2) scaleY(1.3) translateX(-8%);
    z-index: 9;
    -webkit-transform-origin-y: 110px;
    -webkit-transform-origin-x: 0;
}

.no-elem-carousel-3d .e-n-carousel .swiper-slide {
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5);
}

.no-elem-carousel-3d .swiper-pagination-bullet{
    transition: all .1s linear;
}

.no-elem-carousel-3d .swiper-pagination-bullet:hover,
.no-elem-carousel-3d .swiper-pagination-bullet-active{
    transform: scale(1.3);
}

/*Carousel media*/
.no-elem-media-carousel .elementor-widget-container .e-n-carousel{
	margin: 0 10%;
}

@media screen and (max-width: 992px) {
    .no-elem-carousel-3d .elementor-swiper-button svg{
        width: 40px !important;
    }

    .no-elem-carousel-3d .e-n-carousel .swiper-slide {
        box-shadow: unset;
    }

    .no-elem-carousel-3d .e-n-carousel .swiper-slide-active {
        transform: unset;
    }

    .no-elem-carousel-3d .swiper-slide {
        width: 450px !important;
    }

    .no-elem-carousel-3d .elementor-element img {
        width: 100%;
    }

    .no-elem-carousel-3d .e-n-carousel {
        height: 350px;
    }
}

@media screen and (max-width: 767px){
	.no-elem-carousel-3d .swiper-slide{ width: clamp(300px, 350px, 370px)!important; }
    .no-elem-carousel-3d .elementor-element img{ width: 100%; }
    .no-elem-carousel-3d .e-n-carousel{ height: 250px; }

    .no-elem-grid-elem .no-elem-grid-body { height: auto; }
}

@media screen and (max-width: 400px){
    .no-elem-blockGrid .no-elem-title{
    	padding: 15px 10px;
        justify-content: center;
        flex-direction: column !important;
        align-content: center;
    }
}