/* ============================================
   ESTILOS PINTORES PROFESIONALES BARCELONA
   ============================================ */

/* --- HEADER --- */
.ast-header-wrap, .site-header, .main-header-wrap, .ast-main-header-wrap, .header-wrap {
    background-color: #1E3A5F !important;
    padding: 15px 0;
}

.site-logo-img {
    max-height: 60px !important;
}

/* Menu */
.main-navigation .menu-link, .primary-menu > .menu-item > a {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 10px 15px !important;
}

.main-navigation .menu-link:hover {
    color: #E67E22 !important;
}

/* Botón menú móvil */
.ast-header-break-point .main-toggle {
    background: #E67E22 !important;
}

/* --- CONTENIDO PRINCIPAL --- */
.site-content {
    background: #f5f5f5 !important;
}

.ast-container {
    max-width: 1200px !important;
    margin: 0 auto;
    padding: 40px 20px;
}

.entry-content {
    background: white;
    padding: 50px;
    border-radius: 10px;
    box-shadow: 0 2px 20px rgba(0,0,0,0.08);
}

/* --- HERO SECTION --- */
.entry-content > h1 {
    background: linear-gradient(135deg, #1E3A5F 0%, #2c5282 100%) !important;
    color: white !important;
    padding: 60px 40px !important;
    border-radius: 15px !important;
    text-align: center !important;
    font-size: 42px !important;
    margin: 0 0 30px 0 !important;
    box-shadow: 0 10px 30px rgba(30, 58, 95, 0.3);
}

.entry-content > h1 + p {
    text-align: center !important;
    font-size: 22px !important;
    color: #555 !important;
    margin-bottom: 30px !important;
}

.entry-content > h1 + p + p {
    text-align: center !important;
}

/* --- BOTONES CTA --- */
.entry-content .button, 
.entry-content a[href*="presupuesto"],
.wp-block-button__link {
    display: inline-block !important;
    background: linear-gradient(135deg, #E67E22 0%, #d35400 100%) !important;
    color: #ffffff !important;
    padding: 18px 50px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    margin: 20px auto !important;
    text-align: center !important;
    border: none !important;
    box-shadow: 0 5px 20px rgba(230, 126, 34, 0.4) !important;
    transition: all 0.3s ease !important;
    width: auto !important;
}

.entry-content .button:hover, 
.entry-content a[href*="presupuesto"]:hover {
    background: linear-gradient(135deg, #1E3A5F 0%, #2c5282 100%) !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(30, 58, 95, 0.4) !important;
}

/* --- TÍTULOS --- */
.entry-content h2 {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #1E3A5F !important;
    margin: 50px 0 25px 0 !important;
    padding-bottom: 15px !important;
    border-bottom: 3px solid #E67E22 !important;
    display: inline-block;
}

.entry-content h3 {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #1E3A5F !important;
    margin: 35px 0 15px 0 !important;
    background: #f8f9fa;
    padding: 15px 20px;
    border-left: 4px solid #E67E22;
    border-radius: 0 5px 5px 0;
}

/* --- PÁRRAFOS --- */
.entry-content > p {
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #444 !important;
    margin-bottom: 20px !important;
}

/* --- SERVICIOS (LISTA) --- */
.entry-content ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
}

.entry-content li {
    font-size: 16px !important;
    margin-bottom: 15px !important;
    padding: 20px !important;
    background: #f8f9fa !important;
    border-radius: 8px !important;
    border-left: 4px solid #1E3A5F !important;
    transition: all 0.3s ease !important;
}

.entry-content li:hover {
    background: #e9ecef !important;
    border-left-color: #E67E22 !important;
    transform: translateX(5px);
}

/* --- ENLACES --- */
.entry-content a:not(.button) {
    color: #1E3A5F !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

.entry-content a:not(.button):hover {
    color: #E67E22 !important;
}

/* --- FOOTER --- */
.footer-widget-area, .site-footer, .ast-footer-overlay {
    background-color: #1E3A5F !important;
    color: #ffffff !important;
    padding: 40px 0 !important;
}

.footer-widget-area a, .site-footer a {
    color: #ffffff !important;
}

.footer-widget-area .widget-title {
    color: #E67E22 !important;
    font-size: 20px !important;
    margin-bottom: 20px !important;
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    .entry-content {
        padding: 25px !important;
    }
    
    .entry-content > h1 {
        font-size: 28px !important;
        padding: 30px 20px !important;
    }
    
    .entry-content h2 {
        font-size: 24px !important;
    }
    
    .entry-content .button {
        width: 100% !important;
        text-align: center !important;
    }
}

/* --- SECCIÓN SERVICIOS MEJORADA --- */
.entry-content h3 {
    position: relative;
    margin: 30px 0 15px 0 !important;
    padding: 15px 20px 15px 50px !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-left: none !important;
    border-radius: 8px !important;
}

.entry-content h3::before {
    content: "🎨";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

/* --- LINK VER MÁS --- */
.entry-content h3 + p + p a,
.entry-content h3 + p a {
    display: inline-block !important;
    color: #E67E22 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin-left: 10px !important;
}

.entry-content h3 + p + p a:hover,
.entry-content h3 + p a:hover {
    color: #1E3A5F !important;
    text-decoration: underline !important;
}

/* --- MEJORAR SPACING GENERAL --- */
.entry-content > h1 + p + p {
    margin-top: 30px !important;
    margin-bottom: 50px !important;
}

.entry-content > h2 {
    width: 100%;
    display: block;
}