/*
Theme Name: SafeRoute
Theme URI: https://www.saferoute.cl
Author: SafeRoute GPS
Description: Tema personalizado para el sitio web corporativo de SafeRoute GPS.
Version: 1.0.0
Text Domain: saferoute
*/

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a {
    transition: all .2s ease;
}

.wp-element-button {
    transition:
        background-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.wp-element-button:hover {
    background-color: #9E3335;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(31, 41, 51, .12);
}

.saferoute-section {
    padding-top: clamp(64px, 8vw, 110px);
    padding-bottom: clamp(64px, 8vw, 110px);
}

.saferoute-card {
    background: #FFFFFF;
    border: 1px solid #EAECF0;
    border-radius: 14px;
    padding: 28px;
    box-shadow: 0 8px 30px rgba(31, 41, 51, .05);
    transition: transform .25s ease, box-shadow .25s ease;
}

.saferoute-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 40px rgba(31, 41, 51, .09);
}

@media (max-width: 781px) {
    .saferoute-section {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .saferoute-card {
        padding: 22px;
    }
}

.saferoute-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid #EAECF0;
    box-shadow: 0 2px 12px rgba(31,41,51,.04);
}

.admin-bar .saferoute-header { top: 32px; }

.saferoute-header .wp-block-site-title { margin: 0; }
.saferoute-header .wp-block-site-title a { text-decoration: none; }
.saferoute-header .wp-block-navigation-item__content { color: #1F2933; text-decoration: none; }
.saferoute-header .wp-block-navigation-item__content:hover { color: #C34546; }

.saferoute-dashboard-placeholder {
    min-height: 280px;
    display: flex;
    align-items: center;
    box-shadow: 0 18px 50px rgba(31,41,51,.10);
}

.saferoute-footer a {
    color: #FFFFFF;
    text-decoration: none;
    opacity: .82;
}

.saferoute-footer a:hover {
    color: #FFFFFF;
    opacity: 1;
}

@media (max-width: 900px) {
    .saferoute-header-cta { display: none; }
    .saferoute-hero { padding-top: 72px !important; padding-bottom: 72px !important; }
    .saferoute-hero h1 { font-size: clamp(2.4rem, 9vw, 3.5rem) !important; }
}

@media (max-width: 782px) {
    .admin-bar .saferoute-header { top: 46px; }
}

.saferoute-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid #EAECF0;
    box-shadow: 0 2px 12px rgba(31,41,51,.04);
}

.admin-bar .saferoute-header { top: 32px; }

.saferoute-header .wp-block-site-title { margin: 0; }
.saferoute-header .wp-block-site-title a { text-decoration: none; }
.saferoute-header .wp-block-navigation-item__content { color: #1F2933; text-decoration: none; }
.saferoute-header .wp-block-navigation-item__content:hover { color: #C34546; }

.saferoute-dashboard-placeholder {
    min-height: 280px;
    display: flex;
    align-items: center;
    box-shadow: 0 18px 50px rgba(31,41,51,.10);
}

.saferoute-footer a {
    color: #FFFFFF;
    text-decoration: none;
    opacity: .82;
}

.saferoute-footer a:hover {
    color: #FFFFFF;
    opacity: 1;
}

@media (max-width: 900px) {
    .saferoute-header-cta { display: none; }
    .saferoute-hero { padding-top: 72px !important; padding-bottom: 72px !important; }
    .saferoute-hero h1 { font-size: clamp(2.4rem, 9vw, 3.5rem) !important; }
}

@media (max-width: 782px) {
    .admin-bar .saferoute-header { top: 46px; }
}

/* ===== SafeRoute V3 ===== */
.saferoute-pymes .wp-block-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.saferoute-pymes .wp-block-list li {
    position: relative;
    padding: 14px 0 14px 34px;
    border-bottom: 1px solid rgba(255,255,255,.12);
    font-weight: 600;
}

.saferoute-pymes .wp-block-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #C34546;
    font-size: 20px;
    font-weight: 800;
}

.saferoute-feature-number {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin: 0 0 18px;
    background: rgba(195,69,70,.10);
    color: #C34546;
    font-weight: 800;
    font-size: 14px;
}

.saferoute-whatsapp-float {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 1100;
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 52px;
    padding: 0 17px;
    border-radius: 999px;
    background: #25D366;
    color: #FFFFFF !important;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none !important;
    box-shadow: 0 10px 30px rgba(31,41,51,.24);
    transition: transform .2s ease, box-shadow .2s ease;
}

.saferoute-whatsapp-float:hover {
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: 0 14px 38px rgba(31,41,51,.30);
}

.saferoute-whatsapp-icon {
    font-size: 19px;
}

@media (max-width: 781px) {
    .saferoute-whatsapp-float {
        right: 16px;
        bottom: 16px;
        min-width: 54px;
        width: 54px;
        height: 54px;
        padding: 0;
        justify-content: center;
    }

    .saferoute-whatsapp-label {
        display: none;
    }
}