/* ***************************************** */
/* Página */
/* ***************************************** */
.fondoAplicacion{
    background-color: #d6d5d5;
    background-image: url('/static/img/fondo.jpg');
    color: #000;
}

.barraNavegacion{
    background-color: aquamarine;
    background-image: url('/static/img/cabecera.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    height: 60px;
    width: 100%;
    color: white;
    text-shadow: 1px 1px 2px black,
    0 0 1em green,
    0 0 0.2em green;
}

.barraPie{
    background-color: aquamarine;
}

.btnBarraPie{
    background-color: #FFF;
    border: 1px solid green;
	transition: all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

.btnBarraPie:hover{
	background-color: #FFF;
	text-decoration: none;
	box-shadow: 0px 0px 20px green;
}

.ultimasGalerias{
    max-width: 90%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 108px;
	cursor:pointer;
	transition: all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

.ultimasGalerias:hover{
	cursor:pointer;
	text-decoration: none;
	box-shadow: 0px 0px 20px green;
}

@font-face { 
	font-family: 'fuente';
	src: url('/static/css/fonts/fuente.ttf') format('truetype');
}

body{
	font-family: 'fuente' !important;
}

.border-lugares{
    --bs-border-opacity: 1;
    border-color: green !important;
}

.colorTextoLugares{
    color: #0C16CC;
}

.colorTextoUltimas{
    color: #0C16CC;
    text-shadow: 0 0 0.8em #FFF, 0 0 0.8em #FFF, 0 0 0.8em #FFF;
}


/* ***************************************** */
/* Mensajes */
/* ***************************************** */
.mensajeTextoOk{
    color: green;
}

.mensajeTextoError{
    color: red;
}

.mensajeTextoInformar{
    color: #aa9105;
}

.mensajeTextoConfirmar{
    color: #cf8c28;
}

/* ***************************************** */
/* Botones */
/* ***************************************** */
.btn_mini_largo{
	cursor:pointer;
	background-color: #99f8a9;
	padding:0px;
	max-width:300px;
	min-width:120px;
	text-decoration: none;
    /*border: 0px;*/
    border: 1px solid green;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    color: #212524;
	transition: all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
    /*font-family: var(--bs-font-sans-serif);*/
    font-family: 'fuente';
}

.btn_mini_largo:hover{
	cursor:pointer;
	background-color: #82da91;
	padding:0px;
	max-width:300px;
	min-width:120px;
	text-decoration: none;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
	color: #212524;
	box-shadow: 0px 0px 20px green;
}

/* ***************************************** */
/* Sombras */
/* ***************************************** */
.sombra_costa{
    box-shadow: 0px 0px 20px #0CC; /* Sombra */	
}

.sombra_interior{
    box-shadow: 0px 0px 20px #C60; /* Sombra */	
}


/* ******************************** */
/* Esquinas */
/* ******************************** */
.esquinas{
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
.esquinasMini{
    border-radius:4px !important;
    -moz-border-radius:4px !important;
    -webkit-border-radius:4px !important;
}


/* ******************************** */
/* Formato para el mensaje de cargando página */
/* ******************************** */
.loader {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(255, 255, 255, 0.9);*/
    background-color: rgba(5, 73, 17, 0.9);
    z-index: 9999;
}
.loader-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    /*color: #333;*/
    color: white;
}

/* ******************************** */
/* Cambiar puntero del ratón */
/* ******************************** */
.cursor{
	cursor: pointer;
}

.cursorLupa{
	cursor: zoom-in;
}

/* ******************************** */
/* Formato de cuadros de los datos de la galeria */
/* ******************************** */
.cuadro_datos_galeria{
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	padding: 10px;
	box-shadow: 0px 0px 4px #000;
}

/* ******************************** */
/* Formato de marco para las fotos de la galeria */
/* ******************************** */
.marco_fotos_galeria{
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	padding: 0px;
	box-shadow: 0px 0px 4px #000;
	transition: all 0.3s ease-out;
}

.marco_fotos_galeria:hover{
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	box-shadow: 0px 0px 15px green;
}

/* ******************************** */
/* Formato para hacer efecto de animación de aparición */
/* ******************************** */
.etiquetaOculta{
    opacity: 0;
}

.mostrarEtiquetaOculta {
    color: #FFFFFF;
    text-align: center;

    transition: opacity 1s ease-in-out;
    opacity: 1;
}