/*--------------------------------------------------------------------------------

	# Minimis Template 1.0 - Mar 1, 2018
	# ------------------------------------------------------------------------
	# Designed & coded by Awe7
	# Websites:  http://www.awe7.com -  Email: info@awe7.com

----------------------------------------------------------------------------------

	1. base
	2. button
	3. form-item
	4. button
	5. about
	6. contact
	7. form_item
	8. fullscreenmenu
	9. grid-css
	10. hoverbox
	11. page_title
	12. post_detail
	13. post
	14. progress
	15. socialicon
	16. title
	17. typing
	18. work_detail
	19. work
	20. footer
	21. header-01
	22. Layout
	23. Grid Boostrap 
	24. Font size
	25. Margin Padding
	26. Swiper
	27. Swiper

--------------------------------------------------------------------------------*/

/* 1. base
--------------------------------------------------------------------------------*/

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background: url('../images/pared.svg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    padding: 0;
}

body:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1); /* Capa negra semi-transparente */
    z-index: 1;
}

/* Efecto blur */
.blur-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 1;
}

/* 20. footer
--------------------------------------------------------------------------------*/

.page-wrap {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2;
}

.centered-content {
    text-align: center;
    width: 100%;
    padding: 30px;
}

.footer__logo {
    margin-bottom: 20px;
}

.footer__social {
    margin-top: 20px;
}

.social-icon {
    margin: 0 10px;
    font-size: 20px;
    color: white;
    text-decoration: none;
}

.social-icon:hover {
    color: white;
    text-decoration: none;
}

.social-icon__icon {
    color: white;
    font-size: 24px;
}

.footer__logo img {
    width: 90%; /* Por defecto para móviles */
    max-width: 250px; /* Para evitar que sea muy pequeño */
}

@media (min-width: 768px) {
    .footer__logo img {
        max-width: 350px;
    }
}

@media (min-width: 1024px) {
    .footer__logo img {
        max-width: 400px;
    }
}

/* También ajustamos los íconos */
@media (max-width: 767px) {
    .social-icon__icon {
        font-size: 20px;
    }
}