/*---------------------------------------------------------------------------SUCURSALES ---------------------------------------------------------------------------------------*/
        
    /*  SECCIONES  */
        .section{ padding:30px 0; }
        .section-light{ background:#ffffff; }
        .section-gray{ background:#f4f6f9; }

        /*  TÍTULOS  */
        .section-title{
            font-size:2.3rem; font-weight:600; color:#0a4f6d;
            margin-bottom:10px;
        }
        .section-subtitle{
            font-size:1.05rem; color:#6c757d; margin-bottom:25px;
        }
        .line{
            width:70px; height:3px; background:#00a75d; margin:25px auto;
        }

        /*  GRID INFORMACIÓN   */
        .info-grid{
            display:grid;
            grid-template-columns:1fr 2fr;
            gap:40px;
            align-items:start;
        }

        /*  TARJETAS INFORMACIÓN   */
        .contact-stack{
            display:flex;
            flex-direction:column;
            gap:25px;
        }
        .contact-card{
            background:#ffffff;
            border-radius:18px;
            padding:30px 20px; 
            box-shadow:0 18px 45px rgba(0,0,0,.06);
            transition:all .25s ease;
            border:1px solid rgba(0,167,93,.1);
            text-align:left;
            height:140px;
        }
        .contact-card:hover{
            transform:translateY(-6px);
            box-shadow:0 24px 60px rgba(0,0,0,.12);
        }
        .contact-header{
            display:flex;
            align-items:center;
            gap:12px;
            margin-bottom:10px;
        }
        .contact-icon{
            font-size:2rem; 
            color:#00a75d; 
            width:40px;
            text-align:center;
        }
        .contact-title{
            font-size:1.2rem; 
            font-weight:600; 
            color:#0a4f6d;
            margin:0;
        }
        .contact-text{
            font-size:.95rem; 
            color:#555; 
            line-height:1.5;
            margin:0;
        }
        .contact-link{
            color:#00a75d; 
            text-decoration:none; 
            font-weight:500;
            font-size:.98rem;
            display:block;
        }
        .contact-link:hover{ color:#007bff; }

        /*  IMAGEN   */
        .image-card{
            background:#ffffff;
            border-radius:18px;
            padding:30px;
            box-shadow:0 18px 45px rgba(0,0,0,.06);
            border:1px solid rgba(0,167,93,.1);
            text-align:center;
            transition:all .25s ease;
            height:480px; 
            display:flex;
            flex-direction:column;
            justify-content:center;
        }
        .image-card:hover{
            transform:translateY(-6px);
            box-shadow:0 24px 60px rgba(0,0,0,.12);
        }
        .contact-photo{
            width:100%;
            height:350px; 
            object-fit:cover;
            border-radius:12px;
            margin-bottom:20px;
        }
        .photo-title{
            font-size:1.3rem; 
            font-weight:600; 
            color:#0a4f6d;
            margin-bottom:8px;
        }
        .photo-subtitle{
            font-size:1rem; 
            color:#6c757d;
        }

        /*  FORMULARIO + MAPA  */
        .form-map-grid{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:40px;
            margin-top:40px;
        }

                /*  FORMULARIO  */
        .form-card{
            background:#ffffff;
            border-radius:20px;
            padding:45px;
            border:1px solid rgba(0,167,93,.15);
            box-shadow:0 15px 40px rgba(0,0,0,.05);
            transition:all .3s ease;
        }

        /* efecto suave al pasar */
        .form-card:hover{
            transform:translateY(-4px);
            box-shadow:0 25px 60px rgba(0,0,0,.08);
        }

        /* Inputs */
        .form-control{
            border-radius:12px;
            border:2px solid #e6f4ec;
            padding:15px 18px;
            font-size:1rem;
            background:#f8fbf9;
            margin-bottom:20px;
            transition:all .3s ease;
        }

        .form-control::placeholder{
            color:#6c757d;
        }

        /* Focus con identidad institucional */
        .form-control:focus{
            border-color:#00a75d;
            background:#fff;
            box-shadow:0 0 0 0.2rem rgba(0,167,93,.12);
        }

        /* Botón con mismo estilo del hero */
        .btn-contact{
            background:linear-gradient(135deg,#00a75d,#1b75d0);
            border:none;
            border-radius:12px;
            padding:15px;
            font-weight:600;
            font-size:1rem;
            width:100%;
            color:#fff;
            transition:all .3s ease;
        }

        .btn-contact:hover{
            transform:translateY(-2px);
            box-shadow:0 10px 25px rgba(0,167,93,.35);
        }
        .form-title{
            font-weight:600;
            margin-bottom:25px;
            color:#1f3c4d;
            position:relative;
        }

        .form-title::after{
            content:"";
            width:40px;
            height:3px;
            background:#00a75d;
            display:block;
            margin-top:8px;
            border-radius:5px;
        }

        /*  MAPA  */
        .map-card{
            background:#ffffff;
            border-radius:18px;
            overflow:hidden;
            box-shadow:0 18px 45px rgba(0,0,0,.12);
            height:520px;
            border:1px solid rgba(0,167,93,.1);
        }
        .map-container{
            width:100%;
            height:100%;
            border:0;
        }

        /* RESPONSIVE */
        @media(max-width:992px){
            .info-grid,
            .form-map-grid{
                grid-template-columns:1fr;
                gap:30px;
            }
            .image-card{ height:320px; }
            .contact-card{ height:130px; }
            .map-card{ height:450px; }
        }
        @media(max-width:768px){
            .hero-section h1{ font-size:2.2rem; }
            .section{ padding:60px 0; }
            .section-title{ font-size:1.9rem; }
            .contact-photo{ height:200px; }
            .form-card{ padding:30px 20px; }
        }