/* RESET BÁSICO */
* { margin:0; padding:0; box-sizing:border-box; }

body { font-family:Arial,sans-serif; line-height:1.6; background:#f5f5f5; color:#333; }

/* HEADER */
header { background:#222; color:#fff; display:flex; justify-content:space-between; align-items:center; padding:15px 30px; position:sticky; top:0; z-index:1000; }
header .logo img {
    width: 200px; /* Ajusta el tamaño a tu gusto */
    height: auto;
    display: block;
}
header nav ul { list-style:none; display:flex; flex-wrap:wrap; }
header nav ul li { margin-left:20px; }
header nav ul li a { color:#fff; text-decoration:none; padding:5px 10px; transition:0.3s; }
header nav ul li a:hover { background:#444; border-radius:5px; }



/* SLIDER PRINCIPAL */
.slide-container { position:relative; height:400px; overflow:hidden; }
.slide { position:absolute; width:100%; height:100%; background-size:cover; background-position:center; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; text-align:center; opacity:0; transition:opacity 1s ease-in-out; }
.slide.active { opacity:1; }

/* SECCIONES */
.sobre-mi {
  padding: 50px 10px;
}

.contenedor-sobre-mi {
  display: flex;
  align-items: center;      /* centra verticalmente */
  justify-content: center;  /* centra todo el bloque en la página */
  gap: 40px;                /* espacio entre imagen y texto */
  max-width: 1000px;        /* ancho máximo */
  margin: 0 auto;           /* centra el contenedor */
}

/* Imagen */
.foto img {
  width: 280px;
  height: 320px;
  object-fit: cover;
  border-radius: 12px;
}

.texto {
  max-width: 500px;
}
/* Texto */
.texto {
  max-width: 600px;
}

.texto h2 {
  margin-bottom: 30px;
}

.texto {
  text-align: left; /* o center si lo prefieres */
}

/* SLIDERS HORIZONTALES */
.slider-section { margin-bottom:50px; }
.slider-wrapper { position:relative; overflow:hidden; }
.slider-track { display:flex; transition:transform 0.5s linear; }
.slider-item { min-width:300px; margin-right:15px; }
.slider-item img { width:100%; display:block; border-radius:8px; }

/* FORMULARIO */
form { display:flex; flex-direction:column; gap:15px; }
input, textarea { padding:10px; border:1px solid #ccc; border-radius:5px; width:100%; }
button[type="submit"] { padding:10px; border:none; background:#222; color:#fff; cursor:pointer; border-radius:5px; transition:0.3s; }
button[type="submit"]:hover { background:#555; }

/* BOTÓN WHATSAPP */
.whatsapp-button{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:white;
font-size:28px;
padding:15px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
box-shadow:0 4px 10px rgba(0,0,0,0.3);
}

.whatsapp-button:hover{
transform:scale(1.1);
}

/* RESPONSIVE */
@media(max-width:768px){
    header nav ul li{ margin-left:10px; }
    .slide-container{ height:300px; }
    .slider-item{ min-width:200px; }
}
.centrado {
    text-align: center;
    margin-bottom: 30px;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 1px;
    color: #222;
}