body {
         
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }

        .main-container {
            flex: 1;
        }

        .memorial-card {
           
            border-radius: 15px;
            padding: 1px;
            margin-top: 20px;
        }

        /*.person-photo {
            border: 2px solid #a17c50;
            border-radius: 15px;
            max-width: 100px;
            margin: 0 auto;
        }*/

		.person-photo {
			border: 2px solid #a17c50;
			border-radius: 15px 0 15px 0;
			max-width: 100px;
			margin: 0 auto;
		}

        .header-title {
            font-family: 'Brush Script MT', cursive;
            color: #a17c50;
            font-size: 2.5rem;
            margin-bottom: 10px;
			margin-top: -10px;
        }

        .memory-text {
            font-size: 0.9rem;
			margin-top: -30px;
            margin-bottom: 2px;
        }

        .years {
            font-size: 0.9rem;
            margin-bottom: 10px;
        }

        .description {
            font-size: 0.85rem;
            margin-bottom: 15px;
        }

        .services-section {
            background-color: #ebeae5;
            border-radius: 10px;
            padding: 15px;
            margin-top: 20px;
        }

        .love-quote {
            font-style: italic;
            font-size: 17px;
            color: #171717;
        }

        .phone {
            font-size: 0.8rem;
            color: #6c757d;
        }

        .logo-container {
            text-align: center;
            margin: 15px 0;
        }

        .logo {
            max-width: 100px;
            margin: 0 auto;
        }

         .action-buttons {
            display: flex;
            justify-content: space-around;
            margin-top: 10px;
        }

        .action-button {
            text-align: center;
            font-size: 0.8rem;
            color: #89592b;
            text-decoration: none;
        }

        .action-button img {
            width: 55px;
            height: auto;
            margin-bottom: 5px;
        }


        .footer {
           
      
            margin-top: auto;
			 position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			z-index: 1000;
			background-color: #e6e2d9; 
			
			padding: 0px 0px;

		}
		
		/* Para las condolencias */
		.condolencia-item {
			background-color: rgba(255, 255, 255, 0.9);
			border-radius: 8px;
			border-left: 4px solid #2c3e50;
		}


		/* Metadatos bajo las imágenes */
		.photo-meta, .vela-meta {
			background-color: rgba(255, 255, 255, 0.85);
			padding: 5px;
			border-radius: 0 0 8px 8px;
		}