body {
    background-color: #ffa726;
    min-height: 100vh;
}

.login-container {
    background-color: white;
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

.left-panel {
    background: #ff6f00;
    color: white;
    padding: 2rem;
    display: flex;
    flex-direction: column;
}

.left-panel img {
    max-width: 70%;
    height: auto;
}

.form-control::placeholder {
    color: #bbb;
}

.btn-orange {
    background-color: #ff6f00;
    color: white;
    border: none;
}

.btn-orange:hover {
    background-color: #e65100;
}

.version {
    font-size: 0.75rem;
    color: white;
}

@media (max-width: 768px) {
    .login-container {
        border-radius: 0;
        box-shadow: none;
    }

    .left-panel {
        padding: 1rem;
    }
}




/* Contenedor con circulos */

.contenedor-con-circulos {
    position: relative;
    overflow: hidden;
}

/* contenido por encima */
.contenedor-con-circulos > * {
    position: relative;
    z-index: 1;
}

/* fondo con 10 círculos perfectos */
.contenedor-con-circulos::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(circle at 0% 40%, rgba(255,255,255,0.1) 50px, transparent 51px),
        radial-gradient(circle at 30% 40%, rgba(255,255,255,0.1) 25px, transparent 26px),
        radial-gradient(circle at 100% 90%, rgba(255,255,255,0.1) 120px, transparent 121px),
        radial-gradient(circle at 80% 10%, rgba(255,255,255,0.1) 18px, transparent 19px),
        radial-gradient(circle at 30% 0%, rgba(255,255,255,0.1) 60px, transparent 61px),
        radial-gradient(circle at 10% 70%, rgba(255,255,255,0.1) 20px, transparent 21px),
        radial-gradient(circle at 20% 90%, rgba(255,255,255,0.1) 70px, transparent 71px),
        radial-gradient(circle at 50% 10%, rgba(255,255,255,0.1) 40px, transparent 41px),
        radial-gradient(circle at 80% 40%, rgba(255,255,255,0.1) 60px, transparent 61px),
        radial-gradient(circle at 30% 20%, rgba(255,255,255,0.1) 30px, transparent 31px),
        radial-gradient(circle at 95% 20%, rgba(255,255,255,0.1) 60px, transparent 61px);
}