/* ========================= BASE ========================= */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
:root{--primary-600:#2563eb;--primary-700:#1d4ed8;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-600:#4b5563;--gray-800:#1f2937;--gray-900:#111827;--white:#fff;--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem}
html,body{margin:0;padding:0;font-family:'Poppins',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--white);color:var(--gray-900);scroll-behavior:smooth}
.container{max-width:80rem;margin-inline:auto;padding-inline:1.5rem}

/* ========================= HEADER ========================= */
.header{position:fixed;inset-inline:0;top:0;z-index:60;background:var(--white);box-shadow:0 4px 12px rgba(0,0,0,0.05)}
.header-top{position:relative;display:block;text-align:center;padding:.8rem 1rem}
.logo-box picture img{height:60px;width:auto;display:inline-block;margin:0 auto;vertical-align:middle}
.menu-mobile-btn-wrap{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}
.menu-mobile-btn{background:transparent;border:0;color:var(--gray-800);cursor:pointer;padding:.25rem;display:inline-flex;align-items:center;justify-content:center}
.icon-24{width:24px;height:24px}
.mobile-menu{position:absolute;left:0;right:0;top:100%;background:var(--white);box-shadow:var(--shadow-md);padding:1rem 1.5rem;z-index:70;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .4s ease,transform .4s ease,visibility .4s}
.mobile-menu.show{opacity:1;visibility:visible;transform:translateY(0)}
.mobile-menu-inner{display:flex;flex-direction:column;gap:.75rem}
.mobile-link{color:var(--gray-800);font-weight:500;text-decoration:none}
.mobile-link:hover{color:var(--primary-600)}
.header-bottom{border-top:1px solid rgba(0,0,0,0.05);background:var(--white)}
.navbar{display:flex;justify-content:center}
.menu-desktop{display:none;gap:2rem;padding:.75rem 0}
.nav-link {
  color: var(--gray-800);
  font-weight: 500;
  text-decoration: none; /* importante: no subrayado */
  transition: color .2s ease;
  margin-left:40px;
  margin-right:40px;
}
.nav-link:hover{color:var(--primary-600)}
@media(min-width:1150px){.menu-desktop{display:flex}.menu-mobile-btn-wrap{display:none}.mobile-menu{display:none!important}}
.hidden{display:none!important}

/* ========================= SECCIONES GENERALES ========================= */
.section-header.center{display:flex;flex-direction:column;align-items:center;text-align:center}
.section-title{font-size:clamp(1.75rem,1.2vw + 1rem,2.25rem);font-weight:700}
.section-underline{width:5rem;height:4px;background:var(--primary-600);margin:1rem auto 0}
.section-description{max-width:48rem;margin:1.5rem auto 0;color:var(--gray-600);font-size:1.125rem}

/* ========================= SECCIÓN TURNOS ========================= */
#turnos{background-color:#fff;padding:5rem 1.5rem}
.turnos-grid{display:grid;gap:2rem;grid-template-columns:1fr;margin-top:2.5rem}
.turno-card{background:#fff;border-radius:var(--radius-xl);box-shadow:1px var(--shadow-md);padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}
.turno-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.turno-icon{font-size:2.5rem;margin-bottom:1rem}
.btn-turno{display:inline-block;padding:.75rem 1.75rem;font-weight:600;border-radius:var(--radius-lg);text-decoration:none;transition:background .3s ease,transform .2s ease;margin-top:1rem}
.btn-turno:hover{transform:scale(1.05)}
.btn-primary{background-color:#2563eb;color:#fff;padding:.6rem 1.2rem;border-radius:8px;display:inline-block;text-decoration:none;transition:background .3s}
.btn-primary:hover{background-color:#1d4ed8}
.pami-steps{margin:1rem 0;padding-left:1.5rem;color:var(--gray-800)}
.pami-steps li{margin-bottom:.5rem;line-height:1.5}
.pami-guide{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,0.1)}
.btn-turno.pami-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background-color:#075E54;color:#fff;text-decoration:none;font-weight:600;font-family:'Poppins',sans-serif;border-radius:8px;transition:background-color .3s,transform .2s}
.btn-turno.pami-btn:hover{background-color:#128C7E;transform:translateY(-2px)}
.whatsapp-icon img{width:30px;height:30px;display:block}
.btn-turno.pami-btn span{font-size:16px;line-height:1}
.pami-btn{background:#25d366;color:#fff}
.pami-btn:hover{background:#20b358}
.obra-btn{background:var(--primary-600);color:#fff}
.obra-btn:hover{background:var(--primary-700)}
@media(min-width:768px){.turnos-grid{grid-template-columns:repeat(2,1fr)}}

/* ========================= FOOTER ========================= */
.footer{background:#193e8e;color:#fff;padding:3rem 1.5rem}
.footer-grid{display:grid;gap:2.5rem;grid-template-columns:1fr}
.footer-logo{margin-bottom:1rem}
.footer-text{color:#e5e7eb;margin-bottom:1.5rem}
.footer-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem}
.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.footer-link{color:#e5e7eb;text-decoration:none;transition:color .3s ease}
.footer-link:hover{color:#fff}
.footer-bottom{border-top:1px solid #fff;margin-top:2.5rem;padding-top:1.5rem;text-align:center;color:#fff}
@media(min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}.footer-col-span2{grid-column:span 2}}
.mb-6{margin-bottom:1.5rem}
.social-row{display:flex;gap:.75rem;align-items:center;margin-top:.5rem}
.footer-social{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:9px;background:rgba(255,255,255,0.08);color:#d1d5db;text-decoration:none;transition:background .2s ease,transform .15s ease}
.footer-social:hover{background:rgba(255,255,255,0.14);transform:translateY(-3px)}
.footer-social svg{width:20px;height:20px;display:block}
.footer-col-span2 picture img{height:60px;width:auto;display:block;margin-bottom:1rem}
@media(max-width:480px){.footer-col-span2 picture img{height:50px}}
