*{box-sizing:border-box;}
body{font-family:'Poppins',sans-serif;margin:0;background:#ffffff;color:#333;}
html{scroll-behavior:smooth;}

/* ================= MENU ================= */
.menu{position:sticky;top:0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.05);z-index:1000;}
.menu-wrapper{max-width:1300px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:relative;}
.logo img{height:60px;max-width:100%;}
.menu-links{display:flex;gap:15px;align-items:center;}
.menu-links a{text-decoration:none;color:#555;font-weight:500;padding:8px 14px;border-radius:6px;transition:0.3s;}
.menu-links a:hover{background:#e5e5e5;color:#333;}
.btn-externo{background:#77172f;color:white !important;font-weight:600;}
.btn-externo:hover{background:#BFA184;color:black !important;}
.hamburger{display:none;font-size:30px;cursor:pointer;}

/* ================= SLIDER ================= */
.slider-banner{position:relative;width:100%;height:480px;overflow:hidden;}
.slide{position:absolute;width:100%;height:100%;top:0;left:100%;transition:0.7s ease-in-out;display:flex;align-items:center;}
.slide.active{left:0;}
.slide.prev{left:-100%;}
.slide::after,.slide::before{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background-size:cover;background-position:center;z-index:1;}
.slide::before{background:rgba(90,90,90,0.45);z-index:2;}
.slide-content{position:relative;width:80%;padding:60px 90px 60px 100px;display:flex;flex-direction:column;justify-content:center;height:100%;color:rgb(75,75,75);z-index:3;overflow:visible;}
.slide-content::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#e2e2e2;clip-path: polygon(0 0, 82% 0, 65% 100%, 0% 100%);z-index:-1;}
.slide-content h2,.slide-content p{max-width:60%;}
.slide-content h2{font-size:28px;margin-bottom:20px;font-weight:600;}
.slide-content p{font-size:15px;line-height:1.6;margin:0;}
.slide1::after{background-image:url('https://pbr.huichapan.gob.mx/img/huichapan.jpg');}
.slide2::after{background-image:url('https://pbr.huichapan.gob.mx/img/huichapan2.jpg');}
.slide3::after{background-image:url('https://pbr.huichapan.gob.mx/img/huichapan3.jpg');}

/* ================= BOTONES SLIDER ================= */
.slider-btn {display:flex;align-items:center;justify-content:center;background:#fff;border:none;width:45px;height:45px;border-radius:50%;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:10;transition:0.3s;box-shadow:0 2px 6px rgba(0,0,0,0.15);}
.slider-btn:hover { background:#e5e5e5;color:black;}
.slider-btn img {width:25px;height:25px;display:block;}
.flecha-izq { transform: rotate(180deg); }
.prev-btn { left: 20px; }
.next-btn { right: 20px; }

/* ================= BOTÓN TOP ================= */
#btnTop {position: fixed;bottom:30px;right:30px;background:#fff;border:none;width:55px;height:55px;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.15);display:none;z-index:999;transition:0.3s;padding:0;}
#btnTop:hover { background:#ffffff; transform: translateY(-4px);}
#btnTop img {width:25px;height:25px;transform:rotate(-90deg);}

/* ================= GENERAL ================= */
h1{text-align:center;margin:60px 0 30px;color:#5e5e5e;scroll-margin-top:120px;padding:0 15px;}
.section{max-width:1100px;margin:auto;margin-bottom:30px;padding:0 15px;}
details{background:white;border-radius:10px;margin-bottom:15px;box-shadow:0 3px 8px rgba(0,0,0,0.05);overflow:hidden;}
summary{padding:15px 20px;font-weight:600;cursor:pointer;background:#aaaaaa;color:white;}
summary:hover{background:#BFA184;}
.table-container{width:100%;overflow-x:auto;margin-bottom:20px;}
table{width:100%;border-collapse:collapse;background:#f4f4f4;min-width:600px;}
th, td{padding:12px;border-bottom:1px solid #eee;text-align:left;}
th{background:#77172f;color:white;}
a{color:#77172f;font-weight:500;}
a:hover{text-decoration:underline;}

/* ================= RESPONSIVE ================= */
@media(max-width:992px){
  .hamburger{display:block;}
  .menu-links{position:absolute;top:60px;left:0;width:100%;background:white;flex-direction:column;display:none;box-shadow:0 5px 15px rgba(0,0,0,0.1);padding:0;}
  .menu-links a{width:100%;padding:12px;border-bottom:1px solid #eee;text-align:center;}
  .menu-links.active{display:flex;}
  .logo img{height:50px;}
  h1{font-size:20px;margin:40px 0 20px;}
  th, td{padding:8px;font-size:14px;}
  #btnTop{width:45px;height:45px;font-size:18px;bottom:20px;right:15px;}
  .slide{height:300px;}
  .slide::after,.slide::before{content:none !important;}
  .slide-content{clip-path:none;padding:20px;background:#e2e2e2;border-radius:10px;width:90%;margin:auto;color:#333;}
  .slide-content h2{font-size:20px;text-align:center;}
  .slide-content p{font-size:14px;text-align:justify;}
  .slider-btn{display:none;}
}