/*
Theme Name: Genera Rental
Theme URI: https://generarental.cl/
Author: Emmanuel Cardenas
Author URI: https://www.heck.codes
Description: Landing Page para Genera Rental - Soluciones Integrales en Arriendo de Vehículos
Version: 1.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
TextDomain: genera-rental
DomainPath: /languages
Requires at least: 5.0
Requires PHP: 7.4
*/

body{
    font-family: avenir-next-lt-pro, sans-serif;
    color: #545454;
    line-height: 1.6;
}

h2{
    text-transform: uppercase;
    font-weight: 400;
    font-size: 22px;
    color: #545454;
}

.btn-primary{
    background: #fd0109;
    border: none;
    padding: 12px 30px;
    color: #fff;
    font-size: 18px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
}

.btn-primary:hover,
.btn-primary.active{
    background: #e60012;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(230, 0, 18, 0.3);
}

/*WHTATSAPP BUTTON*/
.whatsapp-button{
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #25D366;
    color: #fff;
    border-radius: 50px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    z-index: 1000;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.whatsapp-button span{
    position: absolute;
    right: 0px;
    white-space: nowrap;
    opacity: 0;
    transition: all 0.3s ease;
    font-weight: 600;
    padding: 8px 15px;
    background: #25D366;
    border-radius: 20px;
    pointer-events: none;
    z-index: 5;
}

.whatsapp-button i{
    z-index: 10;
    font-size: 50px;
    transition: all 0.3s ease;
	width: 110px;
}

.whatsapp-button{
    box-shadow: 0 6px 16px rgba(37, 211, 102, 0.4);
    transform: scale(1.05);
}

.whatsapp-button span{
    opacity: 1;
    right: 90px;
}

/* HEADER / NAVBAR */
.navbar .container{
    max-width: 768px;
    background: transparent;
    border-radius: 10px;
    padding: 10px;
    transition: all 0.3s ease;
}

.navbar.scrolled .container{
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
    .navbar .container{
        max-width: 90%;
    }
}
@media (min-width: 992px) {
    .navbar.scrolled .container{
        max-width: 1140px;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
}
.navbar .navbar-nav{
    gap: 40px;
}
.navbar .nav-link{
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
    color: #fd0109;
}
@media (min-width: 992px) {
    .navbar .custom-logo-link{
        display: none;
    }
}

.navbar-toggler{
    border: none;
}
.navbar-toggler-icon{
    filter: brightness(0) saturate(100%) invert(100%) sepia(96%) saturate(0%) hue-rotate(59deg) brightness(103%) contrast(106%);
}

/* MENU OFF CANVAS */
@media (max-width: 991px) {
    .offcanvas{
        max-width: 80%;
    }
    .offcanvas-header{
                display: flex;
        justify-content: end;
        padding: 35px 30px;
    }
    .offcanvas-body .nav-link{
        color: #545454;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 20px;
    }
    .navbar .nav-link{
        color: #000000 !important;
    }
}

/* HERO */
.hero-section{
    background-size: cover;
    background-position: center;
    padding: 115px 0 40px;
    position: relative;
    color: #fff;
    height: 500px;
}
@media (min-width: 992px) {
    .hero-section{
        height: 975px;
    }
}
.hero-section h1{
    font-size: 32px;
    line-height: 1.1;
}
@media (min-width: 992px) {
    .hero-section h1{
        font-size: 65px;
    }
}
.hero-section h1 strong{
    font-weight: 800;
}
.hero-section p{
    font-size: 16px;
}
@media (min-width: 992px) {
    .hero-section p{
    font-size: 32px;
}
}
/* NOSOTROS */

.about-section{
    background: #f1f1f1;
    padding: 65px 0;
}
.about-thumbnail{
    width: 100%;
    max-width: 400px;
    height: auto;
    border-radius: 8px;
    
}
@media (min-width: 992px) {
    .about-thumbnail{
        margin-right: 30px;
    }
}
.experience-years{
    display: block;
    font-size: 65px;
    line-height: 1;
font-weight: 800;
font-style: normal;
color: #545454;
}

.experience-years .experience-plus{
    color: #fd0109;
}

.experience-text{
    width: 380px;
    display: block;
    font-size: 25px;
    line-height: 1.4;
    color: #545454;
    font-weight: 800;
    margin-bottom: 60px;
}
@media (max-width: 991px){
    .experience-text{
        width: 100%;
        margin: 0 auto;
    }
}
.about-text-content{
    font-size: 19px;
}

.location-info{
    font-size: 20px;
    font-weight: 600;
    color: #545454;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
}
.location-info i{
    font-size: 24px;
    color: #fff;
    background: #fd0109;
    padding: 2px 8px;
    border-radius: 5px;
}

/* SERVICIOS */

.services-section{
    padding: 65px 0;
}

.services-text-content h3{
    font-size: 30px;
    font-weight: 600;
    color: #545454;
    margin-top: 15px;
}
.service-item{
    transform: scale(1);
    transition: all 0.3s ease;
}
.service-item:hover{
    transform: scale(1.05);
    transition: all 0.3s ease;
}
.service-item-icon{
    background: #fd0109;
    border-radius: 20px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
    box-shadow: 0 8px 20px rgba(253, 1, 9, 0);
    transition: all 0.3s ease;
}
.service-item:hover .service-item-icon{
    box-shadow: 0 8px 20px rgba(253, 1, 9, 0.3);
    transition: all 0.3s ease;
}
.service-item h4{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-top: 40px;
    font-weight: 700;
    transform: translateY(0px);
    transition: all 0.3s ease;
}
.service-item:hover h4{
    transform: translateY(-20px);
    transition: all 0.3s ease;
}

/* CATALOGO */

.catalog-section{
    background: #f1f1f1;
    padding: 65px 0;
}

.catalog-text-content h3{
    font-size: 30px;
    font-weight: 600;
    color: #545454;
    margin-top: 15px;
}

.card-catalog-item{
    background: #fff;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    overflow: hidden;
    height: 100%;
    transform: scale(1);
    transition: all 0.3s ease;
}
.card-catalog-item:hover{
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}
.card-catalog-item .thumbnail img{
    width: 100%;
}
.card-catalog-item .content{
    text-align: center;
    padding: 40px 30px 30px;
}
.card-catalog-item .content h4{
    font-size: 22px;
    font-weight: 400;
    color: #545454;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .card-catalog-item .content h4{
        font-size: 16px;
    }
	.card-catalog-item .content p{
		font-size: 12px;
	}
}

/* CERTIFICADOS */

.certified-section h2{
    font-size: 30px;
    font-weight: 600;
    color: #545454;
    margin-top: 15px;
    text-transform: initial;
}
.certified-section .certified-content-text{
    font-size: 28px;
    color: #545454;
    line-height: 1.6;
}

/* RESEÑAS */

.quote-section{
    background: #f1f1f1;
    padding: 65px 0;
}
.quote-section .quote-content p{
    font-size: 18px;
    color: #545454;
    line-height: 1.6;
    font-weight: 500;
}
@media (min-width: 992px) {
    .quote-section .quote-content p{
        font-size: 27px;
    }
}
.quote-section .quote-content .quote-author{
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #545454;
}
@media (min-width: 992px) {
    .quote-section .quote-content .quote-author{
        font-size: 18px;
    }
}
#quotes-carousel{
    position: relative;
}
#quotes-carousel .owl-nav button{
    position: absolute;
    top: 50%;
    transform: translateY(-100%);
    background: #fd0109;
    border: none;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
}
#quotes-carousel .owl-nav{
    margin: 0;
}
#quotes-carousel .owl-nav button.owl-prev{
    left: -50px;
}
#quotes-carousel .owl-nav button.owl-next{
    right: -50px;
}
@media (min-width: 992px) {
    #quotes-carousel .owl-nav button.owl-prev{
        left: -100px;
    }
    #quotes-carousel .owl-nav button.owl-next{
        right: -100px;
    }
}

#quotes-carousel .owl-nav button:hover{
    background: #e60012;
    box-shadow: 0 8px 20px rgba(230, 0, 18, 0.3);
}
#quotes-carousel .owl-dots{
    position: absolute;
    width: 100%;
}

/* CONTACTO */
.contact-section{
    padding: 65px 0;
}
.contact-section .container{
    max-width: 992px;
}
.contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.contact-item:last-child{
    align-items: flex-start;
}
.contact-item .contact-icon{
    background: #fd0109;
    width: 30px;
    height: 30px;
	flex-shrink: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-right: 15px;
}
.contact-item p{
    margin: 0;
}

.contact-section .wpforms-field:not(:last-child) .wpforms-field-label{
    margin-bottom: 0 !important;
}

.contact-section .wpforms-field-large{
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
}

.contact-section .wpforms-submit{
    background: #fd0109 !important;
    border: none !important;
    padding: 12px 30px !important;
    color: #fff !important;
    font-size: 18px !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

/* FOOTER */
footer{
    background: #343434;
    color: #fff;
    padding: 60px 0;
}
footer img{
    margin-bottom: 30px;
}
footer p{
        margin-bottom: 12px;
    font-size: 19px;
    line-height: 1.5;
    color: #9f9e9e;
}

.footer-social a{
    display: inline-block;
    color: #9f9e9e;
    font-size: 40px;
    transform: translateY(0px) scale(1);
    transition: all 0.3s ease;
}
.footer-social a:hover{
    transform: translateY(-10px) scale(1.1);
    transition: all 0.3s ease;
}