@font-face {font-display: swap; font-family: 'Montserrat'; font-style: normal; font-weight: 200; src: url('../fonts/montserrat-v31-latin-200.woff2') format('woff2');}
:root {--color-accent: #fff; --color-accent-hover: rgba(0,0,0,0.8); --color-text: #000;}
html {scroll-behavior: smooth;}
/*CONTENEDORES*/
.container {scroll-margin-top: 70px;}
/*SECCIONES*/
.section {opacity: 0; transform: translateY(25px); transition: opacity 0.8s ease-out, transform 0.8s ease-out;}
.section.visible {opacity: 1; transform: translateY(0);}
.gray, .grayoscuro {background: var(--color-bg); color: var(--color-text);}
.section h2 {font-size: 2rem; font-weight: 700; margin-bottom: 16px;}
.section p, .section ul {font-size: 1.05rem; line-height: 1.8; margin-bottom: 16px;}
.section p, .section ul {font-size: 1.05rem; line-height: 1.8; margin-bottom: 16px;}
.section ul {padding-left: 24px;}
.section ul li::marker {color: inherit;}
.section::after {content: ""; display: block; width: 30%; height: 4px; margin: 60px auto 0; background: linear-gradient(to right, transparent, #8C8989, transparent); border-radius: 2px; opacity: 0.4;}
/*ANIMACIONES*/
.slide-in-right {opacity: 0; transform: translateX(50px); transition: opacity 0.6s ease-out, transform 0.6s ease-out;}
.slide-in-right.visible {opacity: 1; transform: translateX(0);}

/*FOOTER*/
.footer-divider {border: none; border-top: 1px solid #333;}
.footer {padding: 24px 20px; text-align: center; background: var(--color-dark); color: var(--color-white);}
.footer p {margin-bottom: 8px; font-size: 0.9rem;}
.footer nav a {color: var(--color-accent); text-decoration: none; margin: 0 6px; font-size: 0.85rem;}
.footer nav a:hover, footer nav a:focus-visible {text-decoration: underline;}
/*WHATSAPP FLOAT*/
.whatsapp-link {display: inline-flex; align-items: center; gap: 8px; color: inherit; text-decoration: none;}
.whatsapp-link:hover, .whatsapp-link:focus-visible {text-decoration: underline;}
.icon-whatsapp {width: 20px; height: 20px;}
.whatsapp-float {position: fixed; width: 60px; height: 60px; bottom: 20px; right: 20px; background-color: #25d366; border-radius: 50%; box-shadow: 0 4px 12px rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center;  z-index: 999; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.whatsapp-float img {width: 35px; height: 35px;}
.whatsapp-float:hover {transform: scale(1.1); box-shadow: 0 6px 16px rgba(0,0,0,0.4);}



/* CONTACTO */
.contact-section {padding: 30px 20px; background: #383838;}
.contact-wrapper {max-width: 1200px; margin: 0 auto; background: #ffffff; border-radius: 24px; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.15);}
.contact-info {padding: 56px;}
.contact-info h2 {font-size: 2rem; margin-bottom: 20px; color:#000;}
.contact-info p {color: #363636;margin-bottom: 32px;line-height: 1.6;}
.contact-items {display: flex; flex-direction: column; gap: 18px;}
.contact-item {display: flex; align-items: center; gap: 14px; text-decoration: none; color: #333; font-size: 0.95rem; transition: color 0.3s;}
.contact-item .icon { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff;}
.contact-item.phone:hover { color: #16a34a; }
.contact-item.email:hover { color: #2563eb; }
.contact-item.instagram:hover { color: #db2777; }
/* MAPA */
.contact-map {background: #e5e7eb; position: relative;}
#map-placeholder {width: 100%; height: 100%; min-height: 350px; display: flex; align-items: center; justify-content: center; color: #555; font-weight: 600;}
/* Responsive */
@media (max-width: 900px) {.contact-wrapper {grid-template-columns: 1fr;}
  .contact-info {padding: 40px 24px;}
}



.text-link {
  color: inherit;          /* usa el mismo color del texto */
  text-decoration: none;   /* saca el subrayado */
  font-weight: inherit;
}

.text-link:hover {
  text-decoration: underline; /* opcional, sutil */
}