@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&display=swap');
:root {
  --marfil: #F7FCFF;          /* Fondo claro agua */
  --deep-rose: #480002;       /* Azul profundo (antes deep-rose) */
  --dusty-rose: #37C7E3;      /* Celeste brillante (antes dusty-rose) */
  --slate: #1B2C34;           /* Azul gris oscuro */
  --muted: #6CA6B7;           /* Azul gris claro */
  --navbars: #E91E63; 
  --blanco: #fff;
  --plomo: #ddd;
  --amarillo: #ffcc00;
  --verde: #25D366;
  --celeste: #DFF8FF;
  --celeste2: #CFF4FF;
  
}

*{box-sizing:border-box}
body{font-family: "Quicksand", "Inter", "Segoe UI", sans-serif; background: linear-gradient(180deg, var(--marfil) 0%, var(--blanco) 100%); color: var(--slate); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
footer{border-top: 1px solid rgba(52,58,64,0.05);}
.navbar{background: transparent;}
.brand-sub{color:var(--muted); font-size:0.75rem}
.navbar .nav-link {position: relative; color: #555; font-weight: 500; text-decoration: none; padding: 5px 0; transition: color 0.3s ease;}
.navbar .nav-link::after {content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 2px; background-color: var(--dusty-rose); transition: width 0.3s ease-in-out;}
.navbar .nav-link:hover {color: var(--dusty-rose);}
.navbar .nav-link:hover::after {width: 100%;}
.navbar .nav-link.active {color: var(--navbars);}
.navbar .nav-link.active::after {width: 100%;}
.btn-outline-dark.btn-sm.rounded-circle {width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;}
.footer-section {background-color: var(--deep-rose); color: var(--blanco); padding: 60px 10%; font-family: "Poppins", sans-serif; position: relative;}
.footer-container {display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 30px;}
.footer-logo {font-size: 24px; font-weight: 600; margin-bottom: 20px; letter-spacing: 2px;}
.footer-column h3 {font-size: 14px; letter-spacing: 1px; margin-bottom: 15px; text-transform: uppercase;}
.footer-column a {display: block; color: var(--plomo); font-size: 14px; margin-bottom: 10px; text-decoration: none;}
.footer-column a:hover {color: var(--amarillo);}
.footer-column p {font-size: 13px; color: var(--plomo); margin-bottom: 15px;}
.footer-bottom {text-align: center; font-size: 12px; color: #bbb; margin-top: 40px;}
.footer-social {display: flex; align-items: center; gap: 15px;}
.footer-social a {color: var(--blanco); font-size: 20px; transition: color 0.3s ease;}
.footer-social a:hover {color: var(--amarillo);}
.brand-logo {height: 60px; width: auto; object-fit: contain; border-radius: 6px;}
.back-button {display: inline-block; padding: 10px 22px; background: linear-gradient(135deg, var(--celeste) 0%, var(--celeste2) 100%); color: var(--deep-rose); font-family: "Poppins", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-size: 1rem; font-weight: 400; text-decoration: none; border-radius: 50px; box-shadow: 0 3px 8px rgba(0, 120, 183, 0.15); transition: all 0.3s ease; position: relative; overflow: hidden;}
.back-button:hover {color: var(--blanco); background: linear-gradient(135deg, var(--deep-rose) 0%, var(--deep-rose) 100%); box-shadow: 0 6px 15px rgba(0, 120, 183, 0.25); transform: translateY(-2px);}
.back-button:active {transform: translateY(0); box-shadow: 0 2px 6px rgba(0, 120, 183, 0.15);}
.btn-whatsapp {position: fixed; left: 25px; bottom: 25px; width: 60px; height: 60px; z-index: 9999; background: var(--verde); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); transition: transform 0.18s ease, box-shadow 0.18s ease; text-decoration: none;}
.btn-whatsapp i {color: var(--blanco); font-size: 26px; line-height: 1;}
.btn-whatsapp:hover {transform: translateY(-3px) scale(1.05); box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2);}
  
@media (max-width:991px){.brand-sub{display:none}}
@media(max-width:480px){.btn-whatsapp{ width:56px; height:56px; left:18px; bottom:18px; } .btn-whatsapp i{ font-size:22px; }}