/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
body{
    overflow-x: hidden!important;
}
:root {
    --d: 700ms;
    --e: cubic-bezier(0.19, 1, 0.22, 1);
    --morado: 192, 111, 255;
    --amarilloclaro: 247, 245, 105;
    --celese: 18, 205, 255;
    --fosfo: 223, 247, 42;
    --rojo: 249, 74, 83;
    --verde: 60, 216, 119;
    --amarillo: #F7F569;
}
.title{
    bottom:5px
}
.texto-escribir h1 {
  opacity: 0; 
}
.titulo b {
  transition: left 0.5s ease; 
  position: relative;        
  display: none;           
  left: 100%;           
}

/* Initial state of the first title element */
.titulo b:first-child {
  display: block; /* Show the first element */
  left: 0;        /* Position it correctly */
}
.clientes .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

/* BOTONES */

#amaboton,
.boton a {
    position: relative;
    overflow: hidden;
}

#amaboton:before,
.boton a:before {
    content: "";
    position: absolute;
    z-index: 0;
    height: 150px;
    width: 200px;
    border-radius: 0;
    top: 100%;
    left: 0%;
    transition: all .3s;
}

#amaboton:hover:before,
.boton a:hover:before {
    top: -30px;
    left: -30px;
}

#amaboton:active:before,
.boton a:active:before {
    transition: background 0s;
}

.boton .elementor-button-content-wrapper {
    align-items: center;
    z-index: 2 !important;
    position: relative;
}

#amaboton i,
.boton a i {

    font-size: 1.5em;
    border-radius: 60px;

}

#amaboton:hover:not(i),
.amboton a:hover:not(i) {
    color: #000 !important;
}

#amaboton i,
.amboton a i {
    background: #000;
    color: var(--amarillo) !important;
}

.amboton a:before {
    background: var(--amarillo) !important;
}

.negboton a:hover:not(i) {
    color: #fff !important;
}

.negboton a i {
    background: var(--amarillo);
    color: #000 !important;
}

.negboton a:before {
    background: #000 !important;
}

#amaboton .elementor-button-icon {
    position: absolute;
    right: 20px;

}

#amaboton {
    margin-top: 30px;
}

#amaboton:hover {
    box-shadow: rgba(var(--amarilloclaro), 0.5) 0 0px 59px 15px;

}

/* TERMINA BOTNES */

.elementor-counter-title {
    display: none
}

.contenedor-rotar img {
    transform: rotate(17deg);
    transition: transform 1s;
}

.titulos b {
    position: absolute !important;
    padding-left: 10px;
}

.titulos .contenedor-titulos b:not(:first-child) {
    display: none;
}

.texto-escribir h1:not(.elementor-editor-active h1) {
    opacity: 0;
}

.card {
    overflow: hidden !important;
	padding-top:8px!important;
}

.card h2 {
    white-space: nowrap;
    font-size: calc(6px + 0.8vw) !important;
}

.content {
    transition: transform var(--d) var(--e);
}

.tfull .col {
    height: 360px;
}

.tmedia .col {
    height: 240px;
}

//.tmedia .col{
transition: .5s linear;
min-height:200px;
height:200px;
}

//.tmedia .col:hover{
height:400px;
min-height:400px;

}

#datos strong {
    color: rgb(var(--fosfo));
    font-weight: normal;
}

.descripcion {
    padding-top: 10px;
}

.flechita img {
    transition: .5s linear;
}

.flechita:hover svg {

    filter: drop-shadow(0px 0px 19px rgba(var(--amarilloclaro), .7));
}

.flecha-datos {
    flex-grow: 1;
}

.flecha-datos circle {
    fill: #fff;
}


.elementor-main-swiper {
    padding: 10px;
}


.fotos {
    border-radius: 10px;
    overflow: hidden;
    height: 100% !important;
    min-height: 100%;

}

.fotos .swiper-slide {
    height: 100%;
    min-height: 100%;
}

.fotos .elementor-widget-container,
.fotos .swiper-container,
.fotos .swiper-slide-inner {
    height: 100%;

}

.fotos img {
    height: 100%;
    object-fit: cover;
}

.boton-testimonio a {
    padding: 5px 20px !important;
}

.boton-testimonio a:hover {
    box-shadow: rgba(var(--fosfo), 0.5) 0 0px 59px 15px;
}




.titulos {
    display: flex;
    flex-wrap: nowrap;
}

.contenedor-titulos {
    width: 100%;

    height: auto;
    overflow: hidden !important;
    position: relative;
}

.elementor-field-group-serviciovalor {
    display: none;
}

.carrusel .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.alturachica>.elementor-container {
    height: 200px;
}

.alturanormal>.elementor-container {
    height: 300px;
}

.alturagrande>.elementor-container {
    height: 600px;
}

.clientes img {
    height: 120px;
    object-fit: contain !important;
}



@media only screen and (max-width:1024px) {
    .alturachica>.elementor-container {
        height: auto;
    }

    .alturanormal>.elementor-container {
        height: auto;
    }

    .alturagrande>.elementor-container {
        height: auto;
    }
    .tarjeta .title {
        border-bottom: 1px solid #fff;
    }
}

.tmorada:hover {
    box-shadow: rgba(var(--morado), 0.5) 0 0px 39px 0px;
}

.tamarilla:hover {
    box-shadow: rgba(var(--amarilloclaro), 0.5) 0 0px 39px 0px;
}

.tazul:hover {
    box-shadow: rgba(var(--celese), 0.5)0 0px 39px 0px;
}

.tfosfo:hover {
    box-shadow: rgba(var(--fosfo), 0.5) 0 0px 39px 0px;
}

.troja:hover {
    box-shadow: rgba(var(--rojo), 0.5) 0 0px 39px 0px;
}

.tverde:hover {
    box-shadow: rgba(var(--verde), 0.5) 0 0px 39px 0px;
}

.flechita img{
    transition:.3s ease;
}

@media (hover: hover) and (min-width: 600px) {
    .tarjeta:hover .title {
        border-bottom: 1px solid #fff;
    }
	 .tarjeta:hover .flechita img{
        transform:rotate(180deg);
    }
    .content {
        transform: translateY(calc(100% - 4.4rem));
    
    }
    
    .content .elementor-element-populated>*:not(.elementor-inner-section.title) {
    
        transform: translateY(1rem);
        transition: transform var(--d) var(--e), opacity var(--d) var(--e);
    
    }
    
    .tarjeta:hover:before,
    .tarjeta:focus-within:before {
        transform: translateY(-4%);
    
    }
    
    .tarjeta:hover:after,
    .tarjeta:focus-within:after {
        transform: translateY(-50%);
    }
    
    .tarjeta:hover .content,
    .tarjeta:focus-within .content {
        transform: translateY(0);
    }
    
    .tarjeta:hover .content .elementor-widget-wrap>*:not(.title > *),
    .tarjeta:focus-within .content .elementor-widget-wrap>*:not(.title > *) {
    
        opacity: 1;
        transform: translateY(0);
        transition-delay: calc(var(--d) / 8);
    }
    
    .tarjeta:focus-within:before,
    .tarjeta:focus-within:after,
    .tarjeta:focus-within .content,
    .tarjeta:focus-within .content>*:not(.title) {
        transition-duration: 0s;
    }
}


@media only screen and (max-width:768px) {
    .botones a {
        padding: 5px 20px !important;
    }
    .estatica{
        flex:40%;
        text-align: right;
    }
    .contenedor-titulos{
        flex:60%;
    }
    .card h2 {

        font-size: 1.5em !important;
    }
    .alturagrande>.elementor-container {
        min-height:250px!important;
    }
    .alturachica>.elementor-container {
       min-height:250px!important;
    }
    .alturanormal>.elementor-container {
        min-height:250px!important;
    }
	.tmedia .col {
    height: 340px!important;
}


}