/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Custom Global Utility Classes added by AI Agent */
.hero-title-shadow {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5) !important;
    color: #ffffff !important;
    text-transform: uppercase;
    margin: 0;
}
.card-hover-bounce:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* MENU TWEAKS */
.header-nav > li > a {
    color: #1a202c !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
}
.header-nav > li.has-dropdown > .nav-dropdown {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}
.header-nav > li.has-dropdown > .nav-dropdown > li > a {
    padding: 8px 15px !important;
    font-size: 0.95rem !important;
}


/* INICIO MOCKUP MULTIPLE */
.sv-mockup-col > .col-inner { display: flex !important; flex-direction: column !important; justify-content: space-between !important; height: 100% !important; gap: 15px; }
.sv-mockup-col .ux_html { flex: 1; display: flex !important; flex-direction: column !important; margin: 0 !important; }

/* A: Tarjetas Blancas */
.sv-card-white { flex: 1; background: #fff; border-radius: 8px !important; padding: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: center; width: 100%; box-sizing: border-box; text-decoration: none !important; border: 1px solid #eaeaea;}
.sv-card-white h3, .sv-card-white .sv-nv-title a { color: #2d3748 !important; font-size: 1.4rem !important; margin-bottom: 10px; font-weight: 700; }
.sv-card-white p, .sv-card-white .sv-nv-excerpt { color: #718096 !important; font-size: 0.95rem !important; margin-bottom: 0 !important; }
.sv-card-white .sv-nv-badge { background: #13BDBD !important; color: #fff !important; margin-bottom: 10px; display: inline-block; padding: 4px 10px; border-radius: 5px; font-weight: bold; font-size: 0.72rem; text-transform: uppercase;}

/* B: Botones Chatos */
.sv-btn-flat { background: linear-gradient(135deg, #13BDBD, #AFD37A); border-radius: 8px !important; padding: 20px 24px; color: #fff !important; text-align: center; text-decoration: none !important; font-weight: 700; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0,0,0,0.1); font-size: 1.1rem; width: 100%; box-sizing: border-box; flex: 1;}

/* C: Tarjetas Gemelas Verdes */
.sv-card-green { flex: 1; background: linear-gradient(135deg, #13BDBD, #AFD37A); border-radius: 8px !important; padding: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); display: flex; flex-direction: column; justify-content: center; color: #fff !important; width: 100%; box-sizing: border-box; text-decoration: none !important; }
.sv-card-green .sv-nv-badge { background: rgba(255,255,255,0.2) !important; color: #fff !important; margin-bottom: 10px; display: inline-block; padding: 4px 10px; border-radius: 5px; font-weight: bold; font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase;}
.sv-card-green h3, .sv-card-green .sv-nv-title, .sv-card-green .sv-nv-title a { color: #fff !important; font-size: 1.4rem !important; }
.sv-card-green p, .sv-card-green .sv-nv-excerpt { color: rgba(255,255,255,0.9) !important; font-size: 0.95rem !important; margin-bottom: 0 !important;}
.sv-card-green a { color: #fff !important; border-color: rgba(255,255,255,0.5) !important; text-decoration: none !important; }
.sv-card-green a.button { background: rgba(255,255,255,0.2) !important; border: 1px solid rgba(255,255,255,0.5) !important;}
/* FIN MOCKUP MULTIPLE */