* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, Helvetica, sans-serif;
        }

        body {
            background: #f5f5f5;
            color: #222;
        }

        /* HEADER */

        header {
            background: #111;
            color: white;
            padding: 40px 20px;
            text-align: center;
        }

        header h1 {
            font-size: 48px;
            margin-bottom: 10px;
        }

        header p {
            font-size: 18px;
            color: #ccc;
        }

        /* SECCION INFO */

        .info {
            max-width: 1200px;
            margin: 50px auto;
            padding: 20px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            align-items: center;
        }

        .info img {
            width: 100%;
            border-radius: 15px;
            object-fit: cover;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }

        .texto {
            background: white;
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        .texto h2 {
            margin-bottom: 20px;
            font-size: 32px;
        }

        .texto p {
            line-height: 1.8;
            margin-bottom: 15px;
        }

        /* GALERIA */

        .galeria {
            max-width: 1200px;
            margin: 50px auto;
            padding: 20px;
        }

        .galeria h2 {
            text-align: center;
            margin-bottom: 30px;
            font-size: 36px;
        }

        .imagenes {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
        }

        .imagenes img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            border-radius: 15px;
            transition: 0.3s;
        }

        .imagenes img:hover {
            transform: scale(1.03);
        }

        /* CONTACTO */

        .contacto {
            background: #111;
            color: white;
            padding: 50px 20px;
            text-align: center;
        }

        .contacto h2 {
            margin-bottom: 30px;
            font-size: 36px;
        }

        .botones {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 20px;
        }

        .botones a {
            text-decoration: none;
            padding: 15px 30px;
            border-radius: 10px;
            font-size: 18px;
            font-weight: bold;
            transition: 0.3s;
            color: white;
        }

        .wpp {
            background: #25D366;
        }

        .instagram {
            background: #E1306C;
        }

        .correo {
            background: #0077cc;
        }

        .botones a:hover {
            opacity: 0.8;
            transform: translateY(-3px);
        }

        /* FOOTER */

        footer {
            background: #000;
            color: #aaa;
            text-align: center;
            padding: 20px;
        }

        /* GALERIA */

        .galeria {
            width: 90%;
            max-width: 1200px;
            margin: 50px auto;
            text-align: center;
        }

        .galeria h2 {
            font-size: 36px;
            margin-bottom: 30px;
        }

        /* CONTENEDOR */

        .carousel-container {
            width: 100%;
            overflow: hidden;
            border-radius: 20px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
        }

        /* CARRUSEL */

        .carousel {
            display: flex;
            width: max-content;
            animation: slide 25s linear infinite;
        }

        .carousel img {
            width: 400px;
            height: 300px;
            object-fit: cover;
            margin-right: 10px;
        }

        /* ANIMACION */

        @keyframes slide {

            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-50%);
            }

        }

 /* HEADER */

header{
    background:#111;
    color:white;
    padding:30px 20px;
}

/* CONTENEDOR */

.header-content{
    max-width:1200px;
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:20px;
}

/* LOGO */

.logo{
    width:100px;
    height:100px;
    object-fit:cover;
    border-radius:50%;
    border:3px solid white;
}

/* TEXTO */

.header-texto{
    text-align:left;
}

.header-texto h1{
    font-size:42px;
    margin-bottom:5px;
}

.header-texto p{
    color:#ccc;
    font-size:18px;
}

/* RESPONSIVE */

@media(max-width:768px){

    .header-content{
        flex-direction:column;
        text-align:center;
    }

}

/* SERVICIOS */

.servicios{
    width:90%;
    max-width:1000px;
    margin:60px auto;
    text-align:center;
}

.servicios h2{
    font-size:36px;
    margin-bottom:30px;
}

.servicios-box{
    background:white;
    padding:40px;
    border-radius:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.1);
    text-align:left;
}

.servicios-box p{
    font-size:18px;
    line-height:1.8;
    margin-bottom:20px;
}