/* FONT DAVEY VERETTI */
@font-face {
  font-family: 'Davey Veretti';
  src: url('fonts/Davey-Veretti-Demo-BF66d287cf80dbd.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

/* RESET */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Poppins', sans-serif;background:#fff;color:#000;}

/* MENÚ */
.menu{width:100%;background:#fff;position:fixed;top:0;left:0;z-index:999;box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.menu-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:10px 20px;}
.logo-menu img{width:100px;height:auto;}
.menu-items{list-style:none;display:flex;gap:25px;}
.menu-items li a{color:#77172F;text-decoration:none;font-weight:600;transition:color 0.3s;}
.menu-items li a:hover{color:#000;}
.menu-items li a.active{text-decoration:underline;font-weight:700;color:#77172F;}
.menu-toggle{display:none;font-size:28px;color:#77172F;cursor:pointer;}

/* INFORME */
.header {
  position: relative;
  padding: 100px 20px 50px 20px; /* Aumentamos el padding-top a 100px */
  margin-top: 60px;
  overflow: hidden;
}

.header::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url("images/fondoinforme.jpg") center/cover no-repeat;z-index:0;}
.header-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;max-width:1400px;margin:0 auto;gap:40px;flex-wrap:wrap;}
.header-left{flex:1;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:300px;gap:5px;}
.header-left h1{font-family:'Poppins',sans-serif;font-size:40px;font-weight:700;color:#fff;margin:0;}
.header-left h2.davey-veretti{font-family:'Davey Veretti',cursive;font-weight:400;font-size:36px;color:#d7c9a3;margin:0;}
.header-left .subtitle{font-size:24px;color:#fff;margin:0;}
.logo-informe{max-width:300px;height:auto;margin:10px 0;}
.download-btn{display:inline-block;margin-top:15px;padding:12px 25px;background-color:#77172F;color:#fff;font-size:16px;font-weight:600;text-decoration:none;border-radius:8px;border:2px solid #BFA184;transition:all 0.3s;}
.download-btn:hover{background-color:#BFA184;color:#fff;border-color:#77172F;}
.header-right{flex:1;min-width:300px;}
.pdf-preview{margin:0 auto;max-width:100%;box-shadow:0 4px 10px rgba(0,0,0,0.2);}
.pdf-preview iframe{width:100%;height:600px;border:1px solid #BFA184;border-radius:5px;}

/* MENSAJE */
.mensaje-seccion {
  padding: 100px 20px 60px 20px; /* padding-top aumentado para no cortarse con el menú */
  background: #fff;
}
.mensaje-container{display:flex;align-items:center;gap:30px;max-width:1200px;margin:0 auto;flex-wrap:wrap;}
.mensaje-foto img{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid #BFA184;}
.mensaje-texto{flex:1;color:#000;}
.mensaje-texto h2{font-size:32px;margin-bottom:15px;}
.mensaje-texto h2 .guinda{color:#77172F;}
.mensaje-texto p{font-size:18px;line-height:1.6;margin-bottom:10px;}
.mensaje-texto .firma{font-family:'Davey Veretti',cursive;font-weight:400;color:hwb(0 0% 100%);font-size:18px;margin-top:10px;}
.mensaje-texto .firma2{font-family:'Davey Veretti',cursive;font-weight:400;color:#77172F;font-size:18px;margin-top:10px;}
.mensaje-texto .firma3{font-family:'Davey Veretti',cursive;font-weight:400;color:#836e5a;font-size:18px;margin-top:10px;}

/* RESPONSIVE */
@media(max-width:900px){
  .header-content{flex-direction:column;align-items:center;}
  .header-left,.header-right{text-align:center;}
  .pdf-preview iframe{height:500px;}
  .mensaje-container{flex-direction:column;align-items:center;text-align:center;}
  .mensaje-foto img{width:180px;height:180px;}
  .mensaje-texto h2{font-size:28px;}
  .mensaje-texto p{font-size:16px;}
  .menu-items{position:absolute;top:60px;right:0;background-color:#fff;flex-direction:column;width:200px;display:none;padding:10px 0;box-shadow:0 2px 6px rgba(0,0,0,0.1);}
  .menu-items li{text-align:center;margin:10px 0;}
  .menu-toggle{display:block;}
}
@media(max-width:600px){
  .header-left h1{font-size:28px;}
  .header-left h2.davey-veretti{font-size:24px;}
  .header-left .subtitle{font-size:18px;}
  .download-btn{font-size:14px;padding:10px 20px;}
  .pdf-preview iframe{height:400px;}
  .mensaje-foto img{width:150px;height:150px;}
  .mensaje-texto h2{font-size:24px;}
  .mensaje-texto p{font-size:14px;}
}
/* ==========================
   Responsive: ocultar PDF en móviles
   ========================== */
@media (max-width: 900px) {
  .pdf-preview {
    display: none;
  }
}


/* PIE DE PÁGINA */
footer {
  width: 100%;
  margin-top: 50px;
  font-family: 'Poppins', sans-serif;
}

.footer-info {
  background-color: #f0f0f0; /* fondo gris */
  display: flex;
  flex-direction: column; /* columna para centrar verticalmente logo y texto */
  align-items: center;    /* centrado horizontal */
  justify-content: center;
  gap: 10px;
  padding: 20px;
  text-align: center;
  color: #222;
}

.footer-info .footer-logo {
  height: 120px;
  width: auto;
}

.footer-info p {
  margin: 0;
  font-size: 14px;
}

.footer-copy {
  background-color: #77172F; /* fondo guinda */
  color: #fff;
  text-align: center;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
}
/* Realizado por */
.footer-realizado {
  color: #77172F; /* color guinda */
  font-size: 14px; /* tamaño de letra */
  font-weight: 600;
  margin: 0 0 5px 0;
  text-align: center;
}

.footer-realizado-logo {
  height: 20px; /* tamaño del logo */
  width: auto;
  display: block;
  margin: 0 auto;
}