/* =====================================================
   SIMUN — Overrides corporativos sobre plantilla Anaton
   Paleta principal: #61a203
   ===================================================== */

:root {
    --simun-green: #61a203;
    --simun-green-dark: #4f8502;
    --simun-green-light: #f5fbe9;

    /* Override Anaton template variables: replace blue (#5153ff) with corporate green */
    --color-optional: #61a203;
    --color-secondary: #4f8502;
    --bg-gradient-reverse: linear-gradient(90deg, #61a203 0%, #4f8502 100%);
    --box-shadow-secondary: 0 10px 30px 0 rgba(97, 162, 3, 0.4);
    --bg-gray: #f5fbe9;
}

/* Tipografía base más cercana */
body { font-family: 'Inter', 'Poppins', 'Segoe UI', system-ui, -apple-system, sans-serif; }

/* Colores corporativos sobre componentes Anaton */
a { color: var(--simun-green-dark); }
a:hover { color: var(--simun-green); }

/* Botones */
.btn, .button a, .button-regular,
.btn-gradient, .btn.btn-gradient,
.btn.btn-theme, .btn-theme,
.attr-nav ul li.button.border-btn a,
.attr-nav ul li.button a {
    background: var(--simun-green) !important;
    border-color: var(--simun-green) !important;
    color: #fff !important;
    box-shadow: none;
}
.btn:hover, .button a:hover, .button-regular:hover,
.btn-gradient:hover,
.attr-nav ul li.button a:hover {
    background: var(--simun-green-dark) !important;
    border-color: var(--simun-green-dark) !important;
    color: #fff !important;
}
.no-background .attr-nav ul li.button a:hover { background: var(--simun-green-dark) !important; border-color: var(--simun-green-dark) !important; color: #333 !important; }
   .btn.btn-border, .btn.btn-border.effect { background: transparent !important; border: 2px solid var(--simun-green) !important; color: var(--simun-green-dark) !important; }
.btn.btn-border:hover {
    background: var(--simun-green) !important;
    color: #fff !important;
}

/* Banner / hero overrides */
.breadcrumb-area { background-color: var(--simun-green-dark) !important; }
.breadcrumb-area .breadcrumb li.active,
.breadcrumb-area .breadcrumb li a { color: #fff; }
.breadcrumb-area .breadcrumb li a:hover { color: var(--simun-green-light); }

/* === Iconos verdes (no azules) — forzar paleta corporativa en todos los .icon === */
.services-style-one .icon,
.services-style-one .icon i,
.services-style-one.active .icon,
.services-style-one.active .icon i,
.services-style-two .icon,
.services-style-two .icon i,
.feature-style-one .icon,
.feature-style-one .icon i,
.feature-style-two .icon,
.feature-style-two .icon i,
.feature-style-three .icon,
.feature-style-three .icon i,
.feature-style-four .icon,
.feature-style-four .icon i,
.contact-style-one-info ul li .icon,
.contact-style-one-info ul li .icon i,
.contact-area .icon,
.contact-area .icon i,
.footer-item.contact ul li .icon,
.footer-item.contact ul li .icon i,
.choose-us-style-one .icon,
.choose-us-style-one .icon i,
.process-style-one .icon,
.process-style-one .icon i,
.process-style-two .icon,
.process-style-two .icon i,
.sidebar-item.recent-post .icon,
.fun-fact .counter i,
.fun-fact > i,
.fun-fact-style-two i,
.fun-fact-style-two-lists i,
.list-check li:before,
.feature-list-item li::before,
ul.check-list li:before,
.pricing-style-one .pricing-content ul li i.fa-check-circle,
.breadcrumb-area .breadcrumb li a i,
.breadcrumb-area .breadcrumb li i {
    color: var(--simun-green) !important;
}

.services-details-area .services-single-content h3 i,
.services-details-area .services-single-content h4 i,
.services-details-area .services-single-content i.fa-check-circle,
.services-more .item i,
.faq-style-one .accordion-button:not(.collapsed)::after,
.button-regular i,
.list-circle li:before {
    color: var(--simun-green) !important;
}

/* Iconos sociales del footer (no se ven azules pero por coherencia) */
.footer-social ul li a:hover { background: var(--simun-green) !important; color: #fff !important; }

/* Quitar el azul del .secondary (Anaton usa esa clase para acentos opcionales) */
.secondary,
.secondary i,
.secondary a { color: var(--simun-green-dark) !important; }
.bg-gradient-secondary { background: linear-gradient(90deg, var(--simun-green) 0%, var(--simun-green-dark) 100%) !important; }

/* Iconos en círculos */
.services-style-one .icon,
.feature-style-four img,
.feature-style-one .icon,
.contact-style-one-info ul li .icon,
.choose-us-style-one .icon,
.pricing-style-one .item .pricing-content .price,
.contact .icon,
.footer-item.contact ul li .icon {
    color: var(--simun-green) !important;
}

.services-style-one.active,
.feature-style-four:hover {
    border-color: var(--simun-green) !important;
}

/* Pricing destacado */
.pricing-style-one.active .item,
.pricing-style-one .item:hover {
    border-top: 3px solid var(--simun-green) !important;
    box-shadow: 0 12px 40px rgba(97,162,3,.18) !important;
}
.pricing-style-one .pricing-header h4 { color: var(--simun-green-dark); }
.pricing-style-one .pricing-content .price h2,
.pricing-style-one .pricing-content .price strong { color: var(--simun-green-dark); }
.pricing-style-one .pricing-content ul li i.fas.fa-check-circle { color: var(--simun-green); }
.pricing-style-one .pricing-content ul li i.fas.fa-times-circle { color: #ca3030; }

/* Subscribe / forms */
.subscribe-form button,
.contact-form button[type=submit],
.f-item.newsletter button {
    background: var(--simun-green) !important;
    color: #fff !important;
    border-color: var(--simun-green) !important;
}
.contact-form .form-control:focus,
input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus {
    border-color: var(--simun-green) !important;
    box-shadow: 0 0 0 .15rem rgba(97,162,3,.18) !important;
}

/* Links destacados sub-title */
h4.sub-title,
.site-heading h4.sub-title,
.description-layout-one h4.sub-title,
.feature-style-four-area .sub-title,
.choose-us-style-one .title small,
.title small,
.button-regular {
    color: var(--simun-green-dark) !important;
}

/* Listas check */
.list-check li:before,
ul.check-list li:before,
.feature-list-item li:before {
    color: var(--simun-green) !important;
}

/* Nav links activos */
.validnavs .nav.navbar-nav.navbar-center > li > a:hover,
.validnavs .nav.navbar-nav.navbar-center > li.active > a,
.validnavs .nav.navbar-nav.navbar-center > li.dropdown:hover > a {
    color: var(--simun-green-dark) !important;
}
.validnavs .dropdown-menu li:hover > a {
    color: var(--simun-green-dark) !important;
}

/* Banner / hero gradients */
.bg-gradient-green {
    background: linear-gradient(135deg, var(--simun-green) 0%, var(--simun-green-dark) 100%) !important;
}

/* Sidebar widgets */
.sidebar-item.search button[type=submit],
.sidebar-item.tags ul li a:hover,
.sidebar-item.recent-post ul li:hover a,
.sidebar-item.category ul li a:hover {
    color: var(--simun-green-dark) !important;
}

/* Blog meta */
.blog-style-one .info .meta ul li a { color: var(--simun-green-dark); }
.blog-style-one .info h2 a:hover { color: var(--simun-green-dark); }

/* Footer */
footer.bg-dark { background: #0f172a !important; }
footer .widget-title { color: #fff; }
footer ul li a:hover { color: var(--simun-green-light); }

/* Accordion (FAQ) */
.accordion-button:not(.collapsed) {
    background: var(--simun-green-light) !important;
    color: var(--simun-green-dark) !important;
    box-shadow: inset 0 -1px 0 var(--simun-green) !important;
}
.accordion-button:focus { box-shadow: 0 0 0 .2rem rgba(97,162,3,.18) !important; }

/* ===== Cookie consent (GDPR / LOPD-CE) ===== */
.cookie-consent {
    position: fixed; bottom: 0; left: 0; right: 0;
    z-index: 1080;
    padding: 1rem;
    pointer-events: none;
}
.cookie-consent__panel {
    pointer-events: auto;
    max-width: 1080px; margin: 0 auto;
    background: #ffffff;
    color: #1f2937;
    border-radius: 14px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.25), 0 2px 6px rgba(0,0,0,0.08);
    border: 1px solid #e5e7eb;
    padding: 1.5rem 1.75rem;
}
.cookie-consent__main h3 {
    margin: 0 0 .5rem;
    color: var(--simun-green-dark);
    font-size: 1.2rem; font-weight: 700;
}
.cookie-consent__main p { margin: 0 0 1rem; color: #4b5563; font-size: .92rem; line-height: 1.5; }
.cookie-consent__main p a { color: var(--simun-green-dark); text-decoration: underline; font-weight: 600; }

.cookie-consent__prefs {
    background: var(--simun-green-light);
    border-radius: 8px;
    padding: .85rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(97,162,3,.2);
}
.cookie-consent__row { padding: .35rem 0; font-size: .9rem; color: #1f2937; }
.cookie-consent__row label { display: flex; gap: .55rem; align-items: center; cursor: pointer; margin: 0; }
.cookie-consent__row input[type=checkbox] {
    width: 18px; height: 18px;
    accent-color: var(--simun-green);
    flex-shrink: 0;
}
.cookie-consent__row input[type=checkbox]:disabled { opacity: .65; cursor: not-allowed; }

.cookie-consent__actions {
    display: flex; flex-wrap: wrap; gap: .6rem;
    justify-content: flex-end;
    align-items: center;
}
.cookie-consent .cc-btn {
    border: 0; border-radius: 6px;
    padding: .65rem 1.2rem;
    font-weight: 600; font-size: .9rem;
    cursor: pointer;
    transition: background .15s ease, transform .1s ease;
}
.cookie-consent .cc-btn:hover { transform: translateY(-1px); }
.cookie-consent .cc-btn--ghost {
    background: transparent;
    color: var(--simun-green-dark);
    border: 1.5px solid var(--simun-green);
}
.cookie-consent .cc-btn--ghost:hover {
    background: var(--simun-green-light);
}
.cookie-consent .cc-btn--primary {
    background: var(--simun-green);
    color: #fff;
}
.cookie-consent .cc-btn--primary:hover { background: var(--simun-green-dark); color: #fff; }

@media (max-width: 600px) {
    .cookie-consent { padding: .5rem; }
    .cookie-consent__panel { padding: 1.25rem 1rem; border-radius: 10px; }
    .cookie-consent__actions { flex-direction: column-reverse; align-items: stretch; }
    .cookie-consent .cc-btn { width: 100%; text-align: center; }
}

/* ===== Legal text styling (privacidad, terminos, aviso-legal, cookies) ===== */
.legal-text { color: #1f2937; line-height: 1.65; }
.legal-text h2 { color: var(--simun-green-dark); font-size: 1.5rem; margin-top: 2.25rem; margin-bottom: .85rem; padding-top: .5rem; border-top: 1px solid #e5e7eb; }
.legal-text h2:first-of-type { border-top: 0; padding-top: 0; margin-top: 1rem; }
.legal-text h3 { color: #1f2937; font-size: 1.15rem; margin-top: 1.5rem; margin-bottom: .6rem; }
.legal-text p { margin-bottom: 1rem; text-align: justify; }
.legal-text ul, .legal-text ol { margin-bottom: 1rem; padding-left: 1.4rem; }
.legal-text ul li, .legal-text ol li { margin-bottom: .35rem; }
.legal-text code { background: var(--simun-green-light); color: var(--simun-green-dark); padding: .15rem .4rem; border-radius: 3px; font-size: .88rem; }
.legal-text table { font-size: .9rem; }
.legal-text table thead tr { background: var(--simun-green); color: #fff; }
.legal-text table td { vertical-align: top; }

/* Page-loader (we keep it minimal: hide if not present in DOM) */
#preloader, .anaton-preloader { display: none !important; }

/* ---- Feature card icon — círculo verde corporativo (home funcionalidades) ---- */
.feature-style-four .simun-icon-circle {
    width: 72px; height: 72px;
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--simun-green-light);
    color: var(--simun-green-dark) !important;
    font-size: 1.8rem;
    margin-bottom: 1.2rem;
    transition: background .2s ease, transform .2s ease, color .2s ease;
}
.feature-style-four:hover .simun-icon-circle {
    background: var(--simun-green);
    color: #fff !important;
    transform: scale(1.05);
}
.feature-style-four .simun-icon-circle i { color: inherit !important; font-size: inherit; }

/* ---- SIMUN counters (Anaton fun-fact override) ---- */
.fun-factor-area { padding-bottom: 4rem; }
.fun-factor-area .site-heading { margin-bottom: 2.5rem; }
.fun-fact-style-two-lists {
    display: grid; gap: 1.5rem;
    grid-template-columns: 1fr;
    background: var(--simun-green-light);
    border-radius: 14px;
    padding: 2rem 1.5rem;
    box-shadow: 0 12px 40px rgba(97,162,3,.10);
}
@media (min-width: 768px) { .fun-fact-style-two-lists { grid-template-columns: repeat(4, 1fr); padding: 2.5rem; } }
.fun-fact-style-two-lists .fun-fact {
    text-align: center;
    padding: 1rem .75rem;
    border-right: 1px dashed rgba(97,162,3,.25);
}
.fun-fact-style-two-lists .fun-fact:last-child { border-right: 0; }
@media (max-width: 767px) { .fun-fact-style-two-lists .fun-fact { border-right: 0; border-bottom: 1px dashed rgba(97,162,3,.25); } .fun-fact-style-two-lists .fun-fact:last-child { border-bottom: 0; } }
.fun-fact-style-two-lists .counter {
    display: inline-flex; align-items: baseline; gap: .15rem;
    color: var(--simun-green-dark);
    font-size: 2.6rem; font-weight: 800; line-height: 1;
    margin-bottom: .5rem;
}
.fun-fact-style-two-lists .counter .timer { display: inline-block; min-width: 1ch; }
.fun-fact-style-two-lists .counter .operator { font-size: 1.5rem; color: var(--simun-green); font-weight: 700; }
.fun-fact-style-two-lists .medium {
    display: block;
    color: var(--simun-text);
    font-weight: 600;
    font-size: 1rem;
}
.fun-fact-style-two-lists .medium i {
    color: var(--simun-green);
    margin-right: .35rem;
}

/* Form claserror compat (legacy 30contact.js classes) */
.claserror { border-color: #b91c1c !important; background-color: #fef2f2 !important; }
.clasevalida { border-color: var(--simun-green) !important; }
erele { display: block; color: #b91c1c; font-size: .85rem; margin-top: .25rem; font-family: inherit; }
.simunRobot { border: 1px dashed #d1d5db; border-radius: 6px; padding: .75rem 1rem; background: var(--simun-green-light); margin: 1rem 0; }
.simunRobotCheck { border-color: var(--simun-green) !important; cursor: pointer; }

/* Ensure page main content has top spacing under fixed nav */
main { padding-top: 0; }
.breadcrumb-area { padding: 130px 0 90px; }

.no-background .validnavs .nav.navbar-nav.navbar-center > li > a:hover { color: #000 }

.btn.btn-gradient { background: #000 !important; color: #ccc !important }
   .btn.btn-gradient:hover { background: #000 !important; color: #fff !important }