/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 2/03/2026, 9:24:19 a. m.
    Author     : F.SALDAÑA179
*/

/* ── Masthead ── */
            .masthead {
                background: linear-gradient(135deg, #006b2e 0%, #00913e 60%, #00a847 100%);
                padding-top: calc(1.5rem + 95px);
                padding-bottom: .8rem;
            }
            .masthead-title {
                font-family: 'Montserrat', sans-serif;
                font-size: 1.6rem;
                font-weight: 700;
                letter-spacing: 1px;
                margin-bottom: .2rem;
            }
            .masthead-subtitle {
                font-family: 'Lato', sans-serif;
                font-size: .92rem;
                opacity: .9;
                max-width: 560px;
                margin: 0 auto;
            }
            @media (min-width: 992px) {
                .masthead-title   { font-size: 1.9rem; }
                .masthead-subtitle { font-size: .95rem; }
            }

            /* ── Sección de servicios ── */
            .services-section {
                background: #f5f7fa;
                padding: 3.5rem 0 4rem;
            }
            .section-label {
                font-family: 'Montserrat', sans-serif;
                font-size: .75rem;
                font-weight: 700;
                letter-spacing: 3px;
                text-transform: uppercase;
                color: #00913e;
                margin-bottom: .35rem;
            }
            .section-title {
                font-family: 'Montserrat', sans-serif;
                font-size: 1.6rem;
                font-weight: 700;
                color: #1a252f;
                margin-bottom: .4rem;
            }
            .section-divider {
                width: 48px;
                height: 4px;
                background: #00913e;
                border-radius: 2px;
                margin: 0 auto 2.5rem;
            }
            /* Limitar el ancho del encabezado de sección cuando el container es fluid */
            .services-section .text-center.mb-1 {
                max-width: 680px;
                margin-left: auto;
                margin-right: auto;
            }

            /* ── Tarjeta de servicio ── */
            .service-card {
                background: #fff;
                border: none;
                border-radius: 12px;
                box-shadow: 0 2px 14px rgba(0,0,0,.08);
                transition: transform .2s ease, box-shadow .2s ease;
                height: 100%;
                display: flex;
                flex-direction: column;
            }
            .service-card:hover {
                transform: translateY(-5px);
                box-shadow: 0 8px 28px rgba(0,0,0,.13);
            }
            .service-card-body {
                padding: 2.6rem 2.2rem 1.8rem;
                flex: 1;
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
            }
            .service-icon-wrap {
                width: 82px;
                height: 82px;
                border-radius: 50%;
                background: #e8f7ee;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 1.4rem;
                flex-shrink: 0;
            }
            .service-icon-wrap i {
                font-size: 2rem;
                color: #00913e;
            }
            .service-card-title {
                font-family: 'Montserrat', sans-serif;
                font-size: 1.05rem;
                font-weight: 700;
                color: #1a252f;
                margin-bottom: .5rem;
            }
            .service-card-tag {
                font-family: 'Lato', sans-serif;
                font-size: .78rem;
                color: #00913e;
                font-weight: 600;
                margin-bottom: .7rem;
                letter-spacing: .3px;
            }
            .service-card-desc {
                font-family: 'Lato', sans-serif;
                font-size: .875rem;
                color: #6c757d;
                line-height: 1.55;
                flex: 1;
                margin-bottom: 1.4rem;
            }
            .service-card-footer {
                padding: 0 2.2rem 2.2rem;
            }
            .btn-service {
                display: block;
                width: 100%;
                padding: .65rem 1rem;
                border-radius: 6px;
                background: #00913e;
                border: 2px solid #00913e;
                color: #fff;
                font-family: 'Montserrat', sans-serif;
                font-size: .85rem;
                font-weight: 700;
                letter-spacing: .5px;
                text-transform: uppercase;
                cursor: pointer;
                transition: background .18s, color .18s;
            }
            .btn-service:hover {
                background: #006b2e;
                border-color: #006b2e;
                color: #fff;
            }
            .btn-service-outline {
                background: transparent;
                color: #00913e;
            }
            .btn-service-outline:hover {
                background: #00913e;
                color: #fff;
            }