/* Source: page/datospersonales.php */
.hero-section {
                background: linear-gradient(135deg, #00a75d, #28a745, #007bff);
                color: #fff;
                padding: 70px 0 45px;
                text-align: center;
            }
            .hero-section h1 {
            font-size: 3.2rem;
                font-weight: 500;
            }
            .hero-section p {
                font-size: 1.3rem;
                opacity: .95;
            }
           /* =====================================================
            SECCION ACORDEON ESTILO FINTECH
            =====================================================*/

            .accordion-section{
                padding:40px 0;
                background:linear-gradient(135deg,#f4f6f9,#eef7f2);
            }

            /* CONTENEDOR */
            .accordion{
                max-width:1200px;
                margin:auto;
            }

            /* TARJETAS */
            .accordion-item{
                border:none;
                border-radius:18px;
                margin-bottom:18px;
                overflow:hidden;
                background:#ffffff;
                box-shadow:0 20px 60px rgba(0,0,0,0.08);
                transition:all .35s ease;
            }

            /* EFECTO HOVER */
            .accordion-item:hover{
                transform:translateY(-4px);
                box-shadow:0 25px 70px rgba(0,0,0,0.12);
            }

            /* BOTON */
            .accordion-button{
                background:#ffffff;
                font-size:1.1rem;
                font-weight:600;
                color:#0a4f6d;
                padding:20px 25px;
                border:none;
                box-shadow:none;
            }

            /* HOVER */
            .accordion-button:hover{
                background:#f8fffb;
            }

            /* ESTADO ABIERTO */
            .accordion-button:not(.collapsed){
                background:linear-gradient(135deg,#00a75d,#28a745);
                color:white;
            }

            /* FLECHA */
            .accordion-button::after{
                filter:brightness(0) invert(1);
            }
            /* FLECHA CUANDO ESTA CERRADO */
            .accordion-button.collapsed::after{
                filter: invert(43%) sepia(92%) saturate(480%) hue-rotate(95deg) brightness(90%) contrast(95%);
            }

            /* FLECHA CUANDO ESTA ABIERTO */
            .accordion-button:not(.collapsed)::after{
                filter: brightness(0) invert(1);
            }

            /* TEXTO BLANCO CUANDO EL ACORDEON ESTA ABIERTO */
            .accordion-button:not(.collapsed){
                color: #ffffff !important;
            }

            /* ICONO */
            .icon-badge{
                width:46px;
                height:46px;
                border-radius:14px;
                background:#00a75d;
                display:flex;
                align-items:center;
                justify-content:center;
                color:white;
                font-size:20px;
                box-shadow:0 8px 20px rgba(0,0,0,0.15);
            }

            /* CUANDO ESTA ABIERTO */
            .accordion-button:not(.collapsed) .icon-badge{
                background:white;
                color:#00a75d;
            }

            /* CONTENIDO */
            .accordion-body{
                background:#ffffff;
                padding:28px;
                line-height:1.8;
                color:#444;
                border-top:1px solid #f1f1f1;
            }

            /* ANIMACION */
            .accordion-collapse{
                transition:all .4s ease;
            }

            /* RESPONSIVE */
            @media(max-width:768px){

            .accordion-button{
                font-size:1rem;
                padding:16px;
            }

            .icon-badge{
                width:40px;
                height:40px;
                font-size:18px;
            }

            }