@import
url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
--color-primary: #136fe7;
--color-secondary: #37e63a;

/* Tipografias del Tema */
--font-title: 'Roboto', sans-serif;
--font-primary: 'Poppins', sans-serif;

/* Tamaños de Fuente Dinamicos */
--font-body-size: 16px;
--font-title-size: 42px;
}

@media (max-width: 991px) {
:root {
--font-body-size: 14px;
--font-title-size: 34px;
}
}

@media (max-width: 575px) {
:root {
--font-body-size: 10px;
--font-title-size: 18px;
}
}

body {
font-size: var(--font-body-size) !important;
}

h1, .carousel-title, .page-header-banner h1, .display-4 {
font-size: var(--font-title-size) !important;
}

/* Modificadores de Componentes Basados en Colores del Tema */

.btn-primary-custom {
background-color: var(--color-primary) !important;
border-color: var(--color-primary) !important;
}

.btn-primary-custom:hover, .btn-primary-custom:focus {
box-shadow: 0 4px 12px rgba(19,111,231,0.25) !important;
}

.btn-secondary-custom {
background-color: var(--color-secondary) !important;
border-color: var(--color-secondary) !important;
}

.btn-secondary-custom:hover, .btn-secondary-custom:focus {
box-shadow: 0 4px 12px rgba(55,230,58,0.25) !important;
}

.btn-outline-primary-custom {
color: var(--color-primary) !important;
border-color: var(--color-primary) !important;
}

.btn-outline-primary-custom:hover {
background-color: var(--color-primary) !important;
color: var(--color-white) !important;
}

.badge-custom {
background-color: var(--color-secondary) !important;
}

.section-title::after {
background-color: var(--color-secondary) !important;
}

.navbar-custom .brand-title {
color: var(--color-primary) !important;
}

.navbar-custom .nav-link:hover {
color: var(--color-primary) !important;
background-color: rgba(19,111,231,0.04) !important;
}

.navbar-custom .nav-link.active {
background-color: var(--color-primary) !important;
color: var(--color-white) !important;
}

.navbar-toggler-icon-custom {
color: var(--color-primary) !important;
}

.propuesta-badge {
background-color: var(--color-secondary) !important;
}

.text-primary-custom {
color: var(--color-primary) !important;
}

.text-secondary-custom {
color: var(--color-secondary) !important;
}

.icon-badge {
background-color: rgba(19,111,231,0.08) !important;
color: var(--color-primary) !important;
}

.bio-img-background {
border-color: var(--color-secondary) !important;
}

.site-footer {
background: linear-gradient(135deg, var(--color-primary) 70%, var(--color-secondary) 100%) !important;
border-top: 5px solid var(--color-secondary) !important;
color: var(--color-white, #ffffff) !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
z-index: 10 !important;
}

.bg-gradient-custom {
background: linear-gradient(135deg, var(--color-primary) 70%, var(--color-secondary) 100%) !important;
}

.bio-img-placeholder {
background: linear-gradient(135deg, var(--color-primary) 70%, var(--color-secondary) 100%) !important;
}

.footer-section-title::after {
background-color: var(--color-secondary) !important;
}

.site-footer .social-icon {
background-color: rgba(255, 255, 255, 0.1) !important;
color: #ffffff !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.site-footer .social-icon:hover {
background-color: var(--color-secondary) !important;
border-color: var(--color-secondary) !important;
}

.quick-contact .bg-gradient-custom {
background: linear-gradient(135deg, var(--color-primary) 0%, rgba(19,111,231,0.85) 100%) !important;
}

.page-header-banner {
    background: linear-gradient(rgba(15, 23, 42, 0.75), rgba(15, 23, 42, 0.75)),
    url('https://edwinconstruyefuturo.com/politica/public/uploads/config/file_6a4f2aa35622a7.09511843_edwin.jpg') no-repeat center center / cover !important;
}