body { font-family: sans-serif; 
            background-image: url("fondoteal.jpg");
            background-repeat: no-repeat; 
            background-size: cover;                                                                 
            padding: 20px; 
            line-height: 1.6; }

            .estrellas {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;

    background: 
    radial-gradient(2px 2px at 20% 10%, #fff, transparent 60%),
    radial-gradient(1.5px 1.5px at 80% 30%, #fff, transparent 60%),
    radial-gradient(2px 2px at 40% 70%, #fff, transparent 60%),
    radial-gradient(1px 1px at 60% 50%, #fff, transparent 60%);

    background-repeat: repeat;
    background-size: 200px 200px;

    animation: caerEstrellas 10s linear infinite;
}

@keyframes caerEstrellas {
    from {background-position: 0 0;}
    to {background-position: 0 100vh;}
}

        .container { max-width: 800px; margin: auto; 
            background: #c8d9e6c4; 
            padding: 30px; 
            border-radius: 15px; 
            box-shadow: 0 12px 24px rgba(0,0,0,0.1); 
            transition: 0.7s;  }

            .container:hover { 
                box-shadow: 0 15px 30px rgba(0,0,0,0.2); 
                transform: translateY(-5px); }

        h1 { color: #000000; 
            background: #567b8d; 
            display: inline-block;
            padding: 5px 15px; 
            border-radius: 5px; }  

        .pregunta { font-weight: bold; 
            color: #797877; 
            margin-top: 20px; 
            display: block; 
            border-left: 4px solid #ffffff; 
            padding-left: 10px; }
        

        .nodo-principal { background: #ffffff; 
            padding: 15px; 
            font-weight: bold; 
            border-radius: 10px; 
            border: 2px solid #f5efeb; }

.ramas { display: flex; 
    gap: 10px; 
    margin-top: 20px; 
    flex-wrap: wrap; 
    justify-content: center; }
        
.nodo { background: #c8d9e6c4; 
    padding: 10px; 
     border-radius: 5px; 
    border: 1px solid #c8d9e6c4; 
    font-size: 0.9rem; }