/*!
Theme Name: Paper Plane - Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Paper Plane
Author URI: https://www.kadencewp.com/
Description: Tema hijo desarrollado por Paper Plane
Version: 1.0.6
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/


/* Theme customization starts here
-------------------------------------------------------------- */


/* Fonts personalizadas*/


/*
@font-face {
font-family: Made Tommy;
src: url("https://dev.paperplanemx.com/heman/wp-content/fonts/made-tommy/MADE TOMMY Regular_PERSONAL USE.otf");
font-weight: normal;
}

.body {
font-family: "Made Tommy";
}
*/


/* Bordes Redondeados */

.redon {
    border-radius: 15px !important;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 25%);
}


/*
.redon * {
    border-radius: 15px !important;
}
.redon>* {
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 25%);
}
*/


/* Efecto de burbuja en hover */

* {
    /*transition: transform .2s ease-in-out;*/
}

.button {
    transition: all 0.2s ease-in-out !important;
}

.hover-up:hover,
.redon:hover,
.wp-block-kadence-infobox:hover,
.wp-block-image:hover,
.kt-tab-title:hover,
.kt-button:hover,
.search-toggle-open:hover,
.wp-block-cover:hover,
.button:hover,
.social-button:hover,
.wp-block-button:hover,
button:hover {
    transform: translatey(-3px);
}

.custom-logo:hover {
    transform: translatey(-2px);
}


/* Evitar hover burbuja */

.no-hover-up:hover {
    transform: unset;
}


/* Animación de entrada por la derecha */

.slide-in-right {
    -webkit-animation: slide-in-right 1.5s;
    animation: slide-in-right 1.5s;
}


/* Animación de entrada por la izquierda */

.slide-in-left {
    -webkit-animation: slide-in-left 1.5s;
    animation: slide-in-left 1.5s;
}


/* Animación de entrada por abajo */

.slide-in-bottom {
    -webkit-animation: slide-in-bottom 1.2s;
    animation: slide-in-bottom 1.2s;
}


/* Animación de entrada por abajo */

.slide-in-top {
    -webkit-animation: slide-in-top 1.2s;
    animation: slide-in-top 1.2s;
}


/* Animacion entrada keyframes derecha */

@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}


/* Animacion entrada keyframes izquierda */

@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}


/* Animacion entrada keyframes debajo */

@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}


/* Animacion entrada keyframes arriba */

@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}