/* Contenedor principal */
        /* .form-container {
            max-width: 1100px;
            margin: 0 auto;
            background: white;
            border-radius: 28px;
            box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.2);
            overflow: hidden;
            transition: all 0.2s ease;
        } */

        /* Formulario */

        #inscripcionForm {
            background: var(--bg-secondary, #ffffff);
            flex: 3 1 600px;
            min-width: 200px;
            box-shadow: var(--shadow-lg);
            padding: 1rem;
            border-radius: 30px;
            box-shadow: var(--shadow-lg);
            border: 1px solid var(--border-color, #eaeef2);
        }

        form {
            padding: 2rem 2rem 2rem 2rem;
        }

        #inscripcionForm p{
            padding-left: 1.5rem;
            font-size: 1.1rem;
            margin-bottom: 0.5rem;
            margin-top: 0.5rem;
        }


        .alta_socio{
            display: flex;
            justify-content: center;
            margin: 1rem 0rem;
            
            
        }

        .alta_socio a{
            padding: 0.5rem 1rem;
            background-color: #cfddcf;
            border-radius: 10px;
            margin: 0 1rem;
            border: #2c5a2e solid 1px;

        }

        .alta_socio a:hover{
            background-color: #2c5a2e;
            color: #eaeef2;
        }


        /* Secciones */
        .section_form {
            background: #fefcf5;
            border-radius: 20px;
            margin-bottom: 2rem;
            padding: 1.2rem 1.5rem;
            border: 1px solid #e0ebdb;
            transition: 0.2s;
        }

        .datos{
            margin-top: 2rem;
        }

        .section-title {
            font-size: 1.4rem;
            font-weight: 600;
            color: #2c5a2e;
            border-left: 5px solid #f5b042;
            padding-left: 15px;
            margin-bottom: 1.2rem;
        }

        /* Grids responsivos */
        .grid-2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem 1.5rem;
        }

        .grid-3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1rem 1.5rem;
        }

        .grid-4 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1rem 1.5rem;
        }

        /* campos */
        .field {
            display: flex;
            flex-direction: column;
            gap: 0.4rem;
        }

        .field.full-width {
            grid-column: span 2;
        }

        label {
            font-weight: 600;
            font-size: 0.85rem;
            color: #2c3e2b;
            letter-spacing: 0.3px;
        }

        .required:after {
            content: "*";
            color: #d9534f;
            margin-left: 4px;
        }

        input, select {
            padding: 0.75rem 0.9rem;
            border: 1px solid #cfddcf;
            border-radius: 16px;
            font-size: 0.9rem;
            background: white;
            transition: 0.2s;
            font-family: inherit;
        }

        input:focus, select:focus {
            border-color: #f5b042;
            outline: none;
            box-shadow: 0 0 0 3px rgba(245, 176, 66, 0.2);
        }

        /* grupo iban */
        .iban-group {
            background: #f9f7ef;
            padding: 1rem 1rem;
            border-radius: 20px;
            margin-top: 0.5rem;
        }

        .iban-fields {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: flex-end;
        }

        .iban-fields .field {
            flex: 1;
            min-width: 100px;
        }

        hr {
            margin: 1rem 0;
            border: 0;
            height: 1px;
            background: #dde6d5;
        }

        .legal-text {
            background: #faf8f0;
            padding: 1.2rem 1.5rem;
            border-radius: 20px;
            margin: 1rem 0 1.5rem;
            font-size: 1.1rem;
            border-left: 4px solid #f5b042;
        }

        .legal-text p{
            margin-bottom: 0;
        }

        .edad{
            margin-top: 1rem;
            display: block;
        }

        .cuota-box {
            background: #eef3e9;
            padding: 0.8rem 1.2rem;
            border-radius: 40px;
            display: inline-block;
            font-weight: bold;
            margin: 0.5rem 0;
        }

        /* botones */
        .form-actions {
            display: flex;
            justify-content: space-between;
            gap: 1rem;
            margin-top: 1rem;
            flex-wrap: wrap;
        }

        .btn {
            padding: 0.9rem 2rem;
            border: none;
            border-radius: 60px;
            font-weight: 700;
            font-size: 1rem;
            cursor: pointer;
            transition: 0.2s;
            background: #e2e6de;
            color: #2c5a2e;
        }

        .btn-primary {
            background: #2c5a2e;
            color: white;
            box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        }

        .btn-primary:hover {
            background: #1f4521;
            transform: translateY(-1px);
        }

        .btn-secondary {
            background: #f5b042;
            color: white;
        }

        .btn-secondary:hover {
            background: #e09d2c;
        }

        /* Responsive */
        @media (max-width: 780px) {
            .grid-2, .grid-3, .grid-4 {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            .field.full-width {
                grid-column: span 1;
            }

            form {
                padding: 1rem;
            }

            .section_form {
                padding: 1rem;
            }
        }

        @media (max-width: 550px) {
            .iban-fields {
                flex-direction: column;
            }
            .header h1 {
                font-size: 1.4rem;
            }
        }