/*!***************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/app.css ***!
  \***************************************************************/
body {
    background-color: #bbb; /* Gris claro */
}

.banner{
    width: 40%;
    margin: 0 auto;
}

@media only screen and (orientation:portrait){

    .banner{
        
        width: 70%;
        margin: 0 auto;
        
    }
}
/*!**************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/features/descargable/style.css ***!
  \**************************************************************************************/
		/*Descargable css*/


		:root {
            --logo-height-xs: 50px;
            --logo-height-sm: 60px;
            --logo-height-md: 65px;
            --logo-height-lg: 70px;
        }
        
        .logo-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: var(--logo-height-lg);
            padding: 5px;
            background: #fff;
            border-radius: 10px;
			background-color: rgba(255, 255, 255, 0.00);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.00);
        }
        
        .logo-img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }
        
        /* Móvil portrait */
        @media (max-width: 575.98px) and (orientation: portrait) {
            .logo-container {
                height: var(--logo-height-xs);
            }
        }
        
        /* Móvil landscape */
        @media (max-width: 767.98px) and (orientation: landscape) {
            .logo-container {
                height: var(--logo-height-xs);
            }
        }
        
        /* Tablet portrait */
        @media (min-width: 576px) and (max-width: 991.98px) and (orientation: portrait) {
            .logo-container {
                height: var(--logo-height-md);
            }
        }
        
        /* Tablet landscape */
        @media (min-width: 768px) and (max-width: 991.98px) and (orientation: landscape) {
            .logo-container {
                height: var(--logo-height-sm);
            }
        }
        
        /* Escritorio pequeño */
        @media (min-width: 992px) and (max-width: 1199.98px) {
            .logo-container {
                height: var(--logo-height-md);
            }
        }


		/* Small devices (portrait phones)*/
		@media only screen and (orientation:portrait){



			.banderaIdiomaImage{
				width:100%;
			}
			.logo_principado{
				width:85%;
			}

			.logo_paraiso{
				width:100%;
			
			}
			.escudo{
				width: 13%;
				margin: 0px auto;
			}
		}

		
		/* Small devices (landscape phones, 576px and up)*/
		@media (min-width: 576px) { 



			.banderaIdiomaImage{
				width:50%;
			}
	
			.logo_principado{
				width:40%;
			
			}

			.logo_paraiso{
				width:50%;
				
			}
			.escudo{
				width: 90%;
			}

		 }

		main{
        	height:100%;
			background-size: auto!important;
      	}
		.h6{

			/*margin-bottom: 0px!important;*/
		}



		p{
			margin-bottom:1px;
		}
		



/*!***************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/shared/ui/progressbar/style.css ***!
  \***************************************************************************************/

 .porta_progressBar {
	width: 100%;
	height: 30px;
	background-color: #000;
	display:none;
  }
  
  .progressBar {
	width: 1%;
	height: 30px;
	background-color: #ff0000;
  }

  .progressBar_message {
	margin-top: -30px;
	text-align: center;
	line-height: 30px;
	color: white;
  }