/* Fondo full pantalla */
body {
    margin: 0;
    padding: 0;
    height: 100vh;

    background-image: url('images/Captura de pantalla (32).png'); /* tu fondo */
    background-size: cover;      /* ocupa toda la pantalla */
    background-position: center; /* centrado horizontal y vertical */
    background-repeat: no-repeat;
    font-family: Arial, sans-serif;
    color: white;
    overflow-x: hidden;
}

/* Contenedor del iPhone */
.iphone-container {
    position: absolute; /* permite moverlo libremente */
    top: 150px;         /* ajusta vertical */
    left: 100px;        /* ajusta horizontal */
    width: 180px;       /* tamaño del iPhone */
    z-index: 10;
}

/* Imagen del iPhone */
.iphone {
    width: 100%;
    display: block;
}

/* Pantalla del iPhone */
.screen {
    position: absolute;
    top: 35px;    /* ajustar según PNG */
    left: 20px;   /* ajustar según PNG */
    width: 140px; /* área visible de la pantalla */
    height: 240px;
    overflow: hidden;
}

.screen img {
    width: 100%;
    height: auto;
    display: block;
}

/* Botón de cambio de colección */
.boton-cambiar {
    position: absolute;
    top: 420px;   /* debajo del iPhone */
    left: 100px;  /* mismo left que el iPhone */
    padding: 10px 20px;
    font-size: 16px;
    background-color: rgba(255,255,255,0.8);
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.boton-cambiar:hover {
    background-color: rgba(255,255,255,1);
}