*
    {
        font-family: 'Open Sans', sans-serif;                         
        /*font-weight: bolder;
        letter-spacing: 2px;
        font-size: 14px;*/
    }

    body
    {
        margin: 0;
        padding: 0;
        box-sizing: border-box;    
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;  
    }
    
    .container 
    {         
        position: relative;                           
        align-items: center;
        justify-content: center;        
        width:  200px;
        height: 150px;
        border-color: black;       
    }
    
    .formulario
    {        
        background-color: white;
        color: black;
        border-radius: 15px;        
        padding: 5px 10px;        
        opacity: 0.9;
        border-style: solid;
    }    

    input[type="text"], 
    input[type="password"]
    {
        margin-top: 10px;                
        width: 150px;       
        color: black!important;
	    background: white!important;                
        border: 2px solid black;
    }
    
    input[type="text"]:focus, 
    input[type="password"]:focus
    {
	    outline: 0;        
        color: black!important;
	    background: white!important;         
        border: 2px solid red!important;
        -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    }
        
    input[type="submit"]:hover 
    { 
        opacity: 0.8; 
        color: white; 
        transition-delay: 0.2s;
        transform: scale(1.06);
    } 
    
    input[type="submit"]
    {
	    height: 40px;
        margin: 0;
        padding: 0 20px;       
        vertical-align: middle;        
        border: 0;
        border-radius: 10px;
        font-family: 'Roboto', sans-serif;
        font-size: 14px!important;
        font-weight: 200;
    }
           

    .efectocontorno 
    {
        text-align: center; 
        font-family: Arial;
        /*font-weight: bold; */
        font-size: 20px;         
        color: #000; 
        text-shadow: -1px 0 #000, 0 2px #000, 1px 0 #000, 0 -1px #000;
    }

    .efectocontorno2 
    {
        text-align: center; 
        color: green;   
        font-size: 16px; 
        font-weight: bolder;    
    }

    #bloqueboton
    {
        height: auto;        
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        width: 75%;
    }


/*
    .contenedor 
    {
        width: 100vw;
        height: 100vh;   
        text-align: center; 
        display: flex;   
    }

    .contenedor__item 
    {
        width: 100%;
        position: relative;
        margin: auto;
        text-align: center;
        justify-items: center;
        margin-bottom: 5px;   
    }

    .contenedor__item:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top:0;
        right:0;
        background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4));    
    }

    .contenedor__cabecera{
        position: absolute;
        top: 25px;
        left: 3%;
        color:white;
        font-size:3em;
    
    }

    .contenedor__texto{
        position: absolute;
        top: 160px;
        left: 7%;
        color:white;
        font-size:1.5em;
    }
    

*/
    
    .contenedor__img 
    {
        width: 100vw;
        height: 100vh;
        object-fit: cover;
    }    













    .contenedor-fondo {
    /* 1. Establecer la imagen de fondo */
    background-image: url('files/planta.jpg'); /* ¡Cambia esto! */
    background-size: cover; /* Ajusta la imagen para cubrir el contenedor */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    width: 100vw; /* Ancho completo de la ventana */
    height: 100vh; /* Alto completo de la ventana */
    position: relative; /* Necesario para posicionar los hijos de forma absoluta */
    overflow: hidden; /* Oculta lo que se salga del contenedor */
}

.objeto-superpuesto {
    /* 2. Posicionar el objeto sobre la imagen */
    position: absolute; /* Posicionamiento absoluto dentro del contenedor */
    top: 40%; /* Centra verticalmente */
    left: 50%; /* Centra horizontalmente */
    transform: translate(-50%, -50%); /* Ajusta para centrar perfectamente */
    z-index: 1; /* Asegura que esté encima del fondo */
    color: white; /* Color del texto (ajusta según tu imagen) */
    text-align: center;
    /* Opcional: Sombra para mejor lectura */
    text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
}

/* Estilos para imágenes superpuestas (si el objeto es una imagen) */
/* .objeto-superpuesto img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    max-width: 80%;
    max-height: 80%;
} */

/* Si quieres una imagen de fondo en el body */
/* body {
    background-image: url('otra-imagen.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0; /* Elimina márgenes por defecto */
/* } */