/* Ruta Paraguaya — páginas de la guía (departamentos, circuitos, fichas, estado de rutas). Prefijo mpg- */
:root{--mpg-verde:#1b7a43;--mpg-osc:#10231a;--mpg-crema:#f7f7f2;--mpg-dorado:#d9b45a;--mpg-gris:#5b6b61;--mpg-borde:#e3e6df;--mpg-blanco:#fff}
body.mpg-body{margin:0;background:var(--mpg-crema)}
#wpadminbar{display:none !important}
html{margin-top:0 !important}
.mpg,.mpg *,.mpg *::before,.mpg *::after{box-sizing:border-box}
.mpg{min-height:100vh;color:var(--mpg-osc);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
html[lang="zh-Hant"] .mpg{font-family:Inter,"PingFang TC","Microsoft JhengHei","Noto Sans TC",sans-serif}
.mpg a{color:var(--mpg-verde)}
.mpg a:hover{color:var(--mpg-osc)}
.mpg :focus-visible{outline:3px solid var(--mpg-dorado);outline-offset:2px}
.mpg img{max-width:100%;display:block}
.mpg h1,.mpg h2,.mpg h3{font-family:Poppins,Inter,sans-serif;letter-spacing:-.02em;line-height:1.12;margin:0}
.mpg h1{font-size:clamp(28px,4.4vw,46px);font-weight:700}
.mpg h2{font-size:clamp(22px,2.6vw,30px);font-weight:700;margin-bottom:16px}
.mpg h3{font-size:18px;font-weight:600}

/* encabezado */
.mpg-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px clamp(16px,4vw,48px);background:rgba(16,35,26,.96);color:#fff8e1;backdrop-filter:blur(6px)}
.mpg-marca{display:flex;align-items:center;gap:10px;color:#fff8e1 !important;text-decoration:none;font-family:Poppins,sans-serif;font-weight:700;font-size:18px}
.mpg-marca svg{flex:none}
.mpg-nav{display:flex;gap:4px 18px;flex-wrap:wrap;flex:1}
.mpg-nav a{color:#fff8e1 !important;text-decoration:none;font-weight:500;font-size:15px;opacity:.9}
.mpg-nav a:hover{opacity:1;color:var(--mpg-dorado) !important}
.mpg-idiomas{display:flex;gap:4px;flex-wrap:wrap}
.mpg-idiomas a{color:#fff8e1 !important;text-decoration:none;font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,248,225,.25)}
.mpg-idiomas a.on{background:var(--mpg-dorado);color:var(--mpg-osc) !important;border-color:var(--mpg-dorado)}
@media (max-width:700px){.mpg-nav{order:3;flex-basis:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.mpg-nav a{white-space:nowrap;font-size:14px}}

/* cuerpo */
.mpg-main{max-width:1180px;margin:0 auto;padding:18px clamp(16px,4vw,40px) 48px}
.mpg-migas{font-size:13px;color:var(--mpg-gris);margin:6px 0 18px}
.mpg-migas a{text-decoration:none}
.mpg-cab{margin-bottom:22px}
.mpg-cab p{max-width:820px;margin:12px 0 0}
.mpg-lead{font-size:18px;color:#2d4136}
.mpg-eti{font-size:12px !important;font-weight:700;letter-spacing:.08em;color:#9a7417;margin:0 0 6px !important}
.mpg-datos{display:flex;flex-wrap:wrap;gap:8px}
.mpg-datos span{background:var(--mpg-blanco);border:1px solid var(--mpg-borde);border-radius:999px;padding:4px 12px;font-size:14px}
.mpg-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.mpg-chips a{background:var(--mpg-blanco);border:1px solid var(--mpg-borde);border-radius:999px;padding:6px 14px;text-decoration:none;font-weight:500;font-size:14px;color:var(--mpg-osc) !important}
.mpg-chips a.on,.mpg-chips a:hover{border-color:var(--mpg-verde);background:#eef8f1}
.mpg-chips small{color:var(--mpg-gris)}
.mpg-alerta{background:#fff4e5;border:1px solid #f5c98a;border-radius:12px;padding:10px 14px;margin:0 0 18px}
.mpg-sec{margin:38px 0 0}
.mpg-mas{display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0 0}
.mpg-mas a{font-weight:500}
.mpg-mas small{color:var(--mpg-gris)}

/* mapa incrustado */
.mpg-mapa{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--mpg-borde);background:#dfe7dc;margin:8px 0 6px}
.mpg-mapa iframe{display:block;width:100%;border:0}
.mpg-mapa-off{display:flex;align-items:center;justify-content:center;background:#e4ece1 radial-gradient(circle at 30% 40%,#cfe0c8 0,transparent 35%),radial-gradient(circle at 70% 65%,#d6e4d0 0,transparent 40%);background-image:linear-gradient(rgba(27,122,67,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(27,122,67,.06) 1px,transparent 1px);background-size:40px 40px}
.mpg-mapa.mpg-mapa-off .mpg-btn-pri{position:static;font-size:16px;padding:12px 22px}
@media (max-width:600px){.mpg-mapa-off{max-height:260px}}
.mpg-mapa .mpg-btn{position:absolute;right:10px;bottom:10px;z-index:2}

/* tarjetas */
.mpg-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px}
.mpg-card a{display:flex;flex-direction:column;height:100%;background:var(--mpg-blanco);border:1px solid var(--mpg-borde);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--mpg-osc) !important;transition:box-shadow .15s,transform .15s}
.mpg-card a:hover{box-shadow:0 8px 24px rgba(16,35,26,.12);transform:translateY(-2px)}
.mpg-card img,.mpg-sinfoto{width:100%;height:150px;object-fit:cover}
.mpg-sinfoto{display:flex;align-items:center;justify-content:center;font-size:42px;background:#eef3ec;color:#fff}
.mpg-card-t{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px}
.mpg-card-t b{font-size:16px;line-height:1.25}
.mpg-card-t small{color:var(--mpg-gris);font-size:13px}
.mpg-card-t em{font-style:normal;font-size:12px;font-weight:700;color:#9a7417}
.mpg-card-d{font-size:14px;color:#3d5045}
.mpg-dest a{border:2px solid var(--mpg-dorado)}
.mpg-est{font-size:13px;color:#a87b00;font-weight:600}
.mpg-est small{color:var(--mpg-gris);font-weight:400}
.mpg-serv{display:flex;gap:4px;font-size:15px}
.mpg-deptos .mpg-dep-color{display:block;height:8px}

/* listas */
.mpg-lista{margin:0;padding-left:20px}
.mpg-lista li{margin:6px 0}
.mpg-paradas{margin:0;padding:0;list-style:none;counter-reset:p}
.mpg-paradas li{position:relative;padding:0 0 18px 44px;border-left:2px dashed var(--mpg-borde);margin-left:15px}
.mpg-paradas li:last-child{border-left-color:transparent}
.mpg-paradas li::before{counter-increment:p;content:counter(p);position:absolute;left:-16px;top:-2px;width:30px;height:30px;border-radius:50%;background:var(--mpg-verde);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}
.mpg-paradas p{margin:4px 0;color:#3d5045}
.mpg-paradas small{color:var(--mpg-gris)}

/* fichas */
.mpg-ficha{background:var(--mpg-blanco);border:1px solid var(--mpg-borde);border-radius:18px;padding:clamp(16px,3vw,28px);margin-bottom:18px}
.mpg-ficha.mpg-dest{border:2px solid var(--mpg-dorado)}
.mpg-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px;margin:12px 0 6px}
.mpg-gal img{width:100%;height:220px;object-fit:cover;border-radius:12px}
.mpg-gal-1{grid-template-columns:1fr}
.mpg-gal-1 img{height:auto;max-height:480px}
.mpg-cred{font-size:12px;color:var(--mpg-gris);margin:4px 0 12px}
.mpg-det{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:16px 0 0}
.mpg-det dt{font-weight:600;color:var(--mpg-gris)}
.mpg-det dd{margin:0}
.mpg-servs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mpg-servs li{background:#eef8f1;border-radius:999px;padding:4px 12px;font-size:14px}
.mpg-acc{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
.mpg-btn{display:inline-flex;align-items:center;gap:6px;background:var(--mpg-blanco);border:1px solid var(--mpg-borde);border-radius:999px;padding:9px 16px;font-weight:600;font-size:14px;text-decoration:none;color:var(--mpg-osc) !important;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.mpg-btn:hover{border-color:var(--mpg-verde)}
.mpg-btn-pri{background:var(--mpg-verde);border-color:var(--mpg-verde);color:#fff !important}
.mpg-btn-wa{background:#25d366;border-color:#25d366;color:#fff !important}

/* preguntas frecuentes */
.mpg-faq details{background:var(--mpg-blanco);border:1px solid var(--mpg-borde);border-radius:12px;padding:12px 16px;margin:0 0 8px}
.mpg-faq summary{cursor:pointer;font-weight:600}
.mpg-faq p{margin:8px 0 0;color:#3d5045}

/* estado de rutas */
.mpg-niveles button{font:inherit;font-size:14px;font-weight:600;border:1px solid var(--mpg-borde);border-radius:999px;padding:5px 14px;cursor:pointer;color:var(--mpg-osc)}
.mpg-niveles button:not(.on){opacity:.45;text-decoration:line-through;background:#fff !important}
.mpg-niveles .mpg-nota{align-self:center;color:var(--mpg-gris);font-size:12px}
.mpg-niveles button.nv-cerrado{background:#fdecea;border-color:#f3b8b1}
.mpg-niveles button.nv-pesados{background:#fdf0e3;border-color:#f3c99c}
.mpg-niveles button.nv-precaucion{background:#fbf5dd;border-color:#ecd98b}
.mpg-tabla{overflow-x:auto;border:1px solid var(--mpg-borde);border-radius:12px;background:var(--mpg-blanco)}
.mpg-tabla table{width:100%;border-collapse:collapse;font-size:14px}
.mpg-tabla th,.mpg-tabla td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--mpg-borde);vertical-align:top}
.mpg-tabla th{background:#f1f4ee;font-weight:600;font-size:13px}
.mpg-tabla tr:last-child td{border-bottom:0}
.mpg-tabla tr.nv-cerrado td:first-child{box-shadow:inset 4px 0 #c0392b}
.mpg-tabla tr.nv-pesados td:first-child{box-shadow:inset 4px 0 #e67e22}
.mpg-tabla tr.nv-precaucion td:first-child{box-shadow:inset 4px 0 #d4a017}
.mpg-rutas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.mpg-ruta{background:var(--mpg-blanco);border:1px solid var(--mpg-borde);border-radius:12px;padding:12px 14px}
.mpg-ruta h3{font-size:15px;margin-bottom:8px}
.mpg-ruta ul{list-style:none;margin:0;padding:0}
.mpg-ruta li{display:grid;grid-template-columns:1fr auto;gap:0 8px;padding:5px 0;border-top:1px solid #f0f2ed;font-size:14px}
.mpg-ruta li small{grid-column:1;color:var(--mpg-gris);font-size:12px}
.mpg-ruta li b{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:13px;color:var(--mpg-verde)}
.mpg-ruta li.nv-cerrado b{color:#c0392b}
.mpg-ruta li.nv-pesados b{color:#d35400}
.mpg-ruta li.nv-precaucion b{color:#a87b00}

/* pie */
.mpg-pie{background:var(--mpg-osc);color:#e9efe6;padding:36px clamp(16px,4vw,48px) 28px;margin-top:40px}
.mpg-pie-cont{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:24px}
@media (max-width:700px){.mpg-pie-cont{grid-template-columns:1fr}}
.mpg-pie b{display:block;margin-bottom:8px;color:var(--mpg-dorado)}
.mpg-pie p{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0}
.mpg-pie a{color:#e9efe6 !important;text-decoration:none}
.mpg-pie a:hover{color:var(--mpg-dorado) !important}
.mpg-pie-datos{max-width:1180px;margin:22px auto 0 !important;font-size:13px;opacity:.75}
.mpg-pie .mpy-credito{max-width:1180px;margin:14px auto 0;font-size:13px;color:#e9efe6;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.mpg-pie .mpy-credito a{display:inline-flex;align-items:center;gap:6px}
.mpg-pie .mpy-credito img{display:inline-block;background:#fff;border-radius:4px;padding:2px}

/* fotos de los circuitos */
.mpg-portada{margin:0 0 14px}
.mpg-portada img{width:100%;max-height:460px;object-fit:cover;border-radius:16px}
.mpg-portada .mpg-cred{margin:6px 2px 0}
.mpg-cred a{color:var(--mpg-gris)}
.mpg-card-foto{position:relative;display:block}
.mpg-card-foto img{width:100%;height:150px;object-fit:cover}
.mpg-card-ico{position:absolute;left:10px;bottom:-14px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.mpg-card-foto + .mpg-card-t{padding-top:20px}
.mpg-lista li{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mpg-mini{width:56px;height:40px;object-fit:cover;border-radius:6px}
.mpg-sv{background:#1d2b23 linear-gradient(135deg,#24402f,#10231a) !important}
.mpg-sv .mpg-btn-pri{background:#d9b45a;border-color:#d9b45a;color:#10231a !important}