/* ===== FONT Montagna ===== */
@font-face {
  font-family: 'Montagna';
  src: url('./fuentes/Montagna.woff2') format('woff2'),
       url('./fuentes/Montagna.woff') format('woff'),
       url('./fuentes/Montagna.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root{
  --brown-dark: #622926;
  --beige: #f0e6da;
  --white: #ffffff;
}

*{box-sizing:border-box;}
body{
  margin:0;
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: var(--brown-dark);
  line-height:1.4;
}

.wrap{padding:0;}

/* ===== PORTADA ===== */
.cover{
  position: relative;
  width:100%;
  height:420px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.cover .cover-bg{
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  top:0;
  left:0;
  z-index:1;
}

.cover .cover-logo{
  position: relative;
  z-index:2;
  width:220px;
  max-width:60%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.cover .cover-logo img{width:100%;}

/* ===== AUTOR ===== */
.author-section{
  background: var(--beige);
  display:flex;
  gap:20px;
  align-items:center;
  color: var(--brown-dark);
  padding:30px 22px;
  flex-wrap: wrap; /* adapta en móviles */
}

.author-photo{
  flex: 0 0 220px; /* más grande en PC */
  max-width:220px;
  min-width:150px;
  height:220px;
  border-radius:20px; /* bordes redondos */
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: transform 0.3s ease; /* efecto hover */
}

.author-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.author-photo:hover{
  transform: scale(1.05); /* agranda suavemente al pasar el mouse */
}

.author-info{
  flex:1;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items:flex-start;
  min-height:220px;
}

.author-name{
  font-family: 'Montagna', 'Montserrat', serif;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1.6px;
  font-size:1.25rem;
  margin:0 0 8px 0;
  color: var(--brown-dark);
}

.author-desc{
  font-family: 'Montserrat', system-ui, sans-serif;
  font-size:1rem;
  margin:0;
  color: var(--brown-dark);
}

/* ===== LIBRO ===== */
.book-section{
  background: var(--brown-dark);
  color: var(--beige);
  display:flex;
  gap:24px;
  align-items:center;
  justify-content:space-between;
  padding:30px 28px;
  flex-wrap: wrap;
}

.book-desc{
  flex:1;
  font-family: 'Montserrat', sans-serif;
  color: var(--beige);
  font-size:1rem;
  line-height:1.5;
  display:flex;
  flex-direction: column;
  justify-content: center;
  padding-right:12px;
}

.book-title{font-weight:700; margin-top:0; color: var(--beige);}

.book-image{
  flex:0 0 280px; /* tamaño más grande */
  max-width:280px;
  display:flex;
  justify-content:center;
  border-radius:16px;
  overflow:hidden;
  transition: transform 0.3s ease; /* efecto hover */
}

.book-image img{
  width:100%;
  border-radius:16px;
  display:block;
}

.book-image:hover{
  transform: scale(1.05); /* agranda suavemente al pasar el mouse */
}

/* ===== BOTON DESCARGA ===== */
.download-row{
  width:100%;
  display:flex;
  justify-content:center;
  margin-top:25px;
}

@media (max-width:768px){.download-row{margin-top:20px;}}
@media (max-width:420px){.download-row{margin-top:16px;}}

.btn-download{
  background: var(--beige);
  color: var(--brown-dark);
  border:2px solid var(--beige);
  padding:12px 22px;
  font-family: 'Montserrat', sans-serif;
  font-weight:600;
  font-size:1rem;
  border-radius:12px;
  text-decoration:none;
  cursor:pointer;
  transition: all 0.3s ease;
}

.btn-download:hover{
  background: var(--brown-dark);
  color: var(--beige);
  border-color: var(--beige);
  box-shadow: 0 6px 15px rgba(0,0,0,0.25);
  transform: translateY(-2px);
}

/* Boton de Donación */
.donation-section{
  background:#f0e6da; /* color a juego con sección del autor */
  padding:40px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.donation-text h2{
  font-family: 'Montagna', 'Montserrat', serif;
  font-size:1.5rem;
  margin:0 0 12px 0;
  color:#622926;
}

.donation-text p{
  font-family: 'Montserrat', sans-serif;
  font-size:1rem;
  margin:0 0 20px 0;
  color:#622926;
  max-width:480px;
}

.btn-donate{
  background:#622926;
  color:#f0e6da;
  padding:12px 24px;
  font-family:'Montserrat', sans-serif;
  font-weight:600;
  font-size:1rem;
  border-radius:12px;
  text-decoration:none;
  transition: all 0.3s ease;
}

.btn-donate:hover{
  background:#f0e6da;
  color:#622926;
  border:2px solid #622926;
  transform: translateY(-2px);
  box-shadow:0 6px 12px rgba(0,0,0,0.2);
}

/* RESPONSIVE */
@media (max-width:768px){
  .donation-section{padding:30px 12px;}
  .donation-text h2{font-size:1.3rem;}
  .donation-text p{font-size:0.95rem;}
}

/* ===== CONTACTO ===== */
.contact-section{
  background: var(--beige);
  padding:40px 20px;
  text-align:center;
}

.contact-title{
  font-family: 'Montagna', 'Montserrat', serif;
  font-size:1.6rem;
  margin-bottom:25px;
  color: var(--brown-dark);
}

.contact-icons{
  display:flex;
  justify-content:center;
  gap:40px;
  flex-wrap:wrap;
}

.contact-icon{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-decoration:none;
  transition: color 0.3s ease;
}

.contact-icon img{
  width:70px;
  height:70px;
  margin-bottom:8px;
}

.contact-icon span{
  font-family:'Montserrat', sans-serif;
  font-size:1rem;
  font-weight:600;
  color: var(--brown-dark);
  transition: color 0.3s ease;
}

/* Hover solo cambio de color */
.contact-icon.whatsapp:hover span{
  color:#25D366; /* Verde WhatsApp */
}

.contact-icon.email:hover span{
  color:#0078d7; /* Azul Email */
}

/* Responsive */
@media(max-width:600px){
  .contact-icons{gap:25px;}
  .contact-icon img{width:55px; height:55px;}
  .contact-title{font-size:1.3rem;}
}


/* ===== FOOTER ===== */
footer.site-footer{
  padding:18px 0;
  text-align:center;
  color: var(--white);
  background: #000000;
  font-size:0.95rem;
  border-top:2px solid var(--beige);
}

/* ===== RESPONSIVE ===== */
@media (max-width:768px){
  .cover{height:320px;}
  .cover-logo{width:44%;}
  .author-section, .book-section{flex-direction:column; text-align:center; padding:20px;}
  .author-photo{
    flex:0 0 160px;
    max-width:160px;
    height:160px;
    margin-bottom:12px;
  }
  .author-info{align-items:center; min-height:auto;}
  .book-image{order:1; max-width:60%;}
  .book-desc{order:2; padding:12px 0;}
  .download-row{order:3; margin-top:14px;}
}
@media (max-width:420px){
  .author-photo{
    flex:0 0 140px;
    max-width:140px;
    height:140px;
  }
  .book-image{
    flex:0 0 180px;
    max-width:180px;
  }
  .btn-download{width:100%; max-width:340px; padding:14px;}
}