#mainContent{
            height: 80vh;
            display:flex;
            justify-content:center;
            align-items:center;
            text-align:center;
            padding:40px 20px;
        background:
        linear-gradient(
        rgba(0,0,0,.55),
        rgba(0,0,0,.55)
        ),
        url('/src/assets/images/mainContacto.webp');

            background-size:cover;
            background-position:center;
        }

        .heroText h1{
            color:white;
            font-size:3rem;
            max-width:900px;
            margin:auto;
            margin-bottom:20px;
        }

        .heroButton{
            display:inline-block;
            background:#ffd900;
            color:#000;
            text-decoration:none;
            font-weight:bold;
            padding:15px 30px;
            border-radius:12px;
            transition:.3s;
        }

        .heroButton:hover{
            transform:translateY(-3px);
        }

        .contactSection{
            max-width:1000px;
            margin:auto;
            padding:60px 20px;
            text-align:center;
        }

        .contactTitle{
            font-size:2.4rem;
            margin:10px 0;
        }

        .contactDescription{
            color:#666;
            max-width:700px;
            margin:auto;
        }

        .contactCard{
            background:#fff;
            border-radius:20px;
            padding:35px;
            margin-top:35px;
            box-shadow:0 10px 25px rgba(0,0,0,.08);
            border-top:6px solid #ffd900;
        }

        .contactForm{
            display:flex;
            flex-direction:column;
            gap:15px;
        }

        .contactForm input,
        .contactForm textarea{
            width:100%;
            padding:15px;
            border:2px solid #ececec;
            border-radius:12px;
            box-sizing:border-box;
            font-size:15px;
        }

        .contactForm input:focus,
        .contactForm textarea:focus{
            outline:none;
            border-color:#ffd900;
        }

        .submitButton{
            background:#ffd900;
            color:#000;
            border:none;
            padding:16px;
            border-radius:12px;
            font-weight:bold;
            cursor:pointer;
        }

        .contactInfo{
            display:grid;
            grid-template-columns:repeat(3,1fr);
            gap:20px;
            max-width:1200px;
            margin:50px auto;
            padding:0 20px;
        }

        .infoCard{
            background:#fff;
            padding:30px;
            border-radius:20px;
            text-align:center;
            box-shadow:0 10px 25px rgba(0,0,0,.08);
        }

        .infoCard h3{
            margin-top:0;
        }

        #status{
            margin-top:10px;
            font-weight:bold;
        }

        @media(max-width:768px){

            .heroText h1{
                font-size:2rem;
            }

            .contactInfo{
                grid-template-columns:1fr;
            }

        }