/* ========================= */
 /* POPUP COMPACTO */
 /* ========================= */

 .leaflet-popup-content-wrapper {

     border-radius: 16px;

     padding: 0;

 }


 .leaflet-popup-content {

     margin: 8px 12px !important;

     min-width: 240px !important;

     max-width: 180px !important;

     font-size: 11px;

     line-height: 1.15;

 }


 /* TITULO */

 .leaflet-popup-content h3 {

     font-size: 14px !important;

     margin:

         0 0 6px 0 !important;

     line-height: 1;

 }


 /* TEXTO */

 .leaflet-popup-content p {

     margin:

         2px 0 !important;

     line-height: 1.1;

 }


 /* FLECHITA */

 .leaflet-popup-tip {

     transform: scale(.8);

 }

 /* ========================= */
 /* FILTROS MAPA */
 /* ========================= */

 .map-filters {

     display: flex;

     justify-content: center;

     align-items: center;

     gap: 18px;

     margin-bottom: 60px;

     flex-wrap: wrap;

 }


 /* SELECT */

 .map-filters select {

     width: 200px;
     height: 60px;

     padding: 18px 26px;

     border: none;

     outline: none;

     border-radius: 22px;

     background:
         rgba(255, 255, 255, .95);

     font-family:
         inherit;

     font-size: 15px;

     font-weight: 500;

     color: #222;

     box-shadow:
         0 12px 35px rgba(0, 0, 0, .08);

     transition:
         all .25s ease;

     cursor: pointer;

 }


 /* HOVER */

 .map-filters select:hover {

     transform:
         translateY(-2px);

     box-shadow:
         0 18px 40px rgba(214, 40, 57, .12);

 }


 /* FOCUS */

 .map-filters select:focus {

     box-shadow:

         0 0 0 4px rgba(214, 40, 57, .10),

         0 18px 40px rgba(214, 40, 57, .18);

 }


 /* BOTON */

 .map-filters button {

     height: 58px;

     padding: 0 34px;

     border: none;

     border-radius: 22px;

     background:

         linear-gradient(135deg,
             #D62839,
             #B61D2B);

     color: white;

     font-size: 15px;

     font-weight: 600;

     cursor: pointer;

     transition:
         all .25s ease;

     box-shadow:
         0 15px 40px rgba(214, 40, 57, .25);

 }


 .map-filters button:hover {

     transform:
         translateY(-3px);

     box-shadow:
         0 25px 50px rgba(214, 40, 57, .35);

 }


 /* MOBILE */

 @media(max-width:900px) {

     .map-filters {

         flex-direction: column;

     }

     .map-filters select {

         width: 100%;

         max-width: 420px;

     }

     .map-filters button {

         width: 100%;

         max-width: 420px;

     }

 }

 /* ========================= */
 /* FIRE MAP */
 /* ========================= */

 .fire-map-section {
     width: 100%;


     background: #f7f3ee !important;

 }


 /* BLOQUE */

 .fire-map-wrapper {

     width: 100%;



     margin: 0 auto;

     padding: 70px;

     background: #f7f3ee !important;



 }


 /* TITULO */

 .fire-map-title {

     text-align: center;

     margin-bottom: 50px;

 }

 .fire-map-title h2 {

     font-size: 3rem;

     margin: 12px 0 20px;

     color: #7f1d1d;

 }

 .fire-map-title p {

     max-width: 750px;

     margin: auto;

     line-height: 1.8;

     color: #c44536;

 }


 /* MAPA */

 #fireMap {

     width: 60% !important;

     height: 400px !important;

     margin: 0 auto;

     border-radius: 28px;

     overflow: hidden;

     box-shadow:
         0 20px 60px rgba(0, 0, 0, .12);

 }


 /* Leaflet */

 .leaflet-container {

     height: 100% !important;

     width: 100% !important;

     border-radius: 28px;

 }


 @media(max-width:700px) {

     .fire-map-wrapper {

         padding: 40px 20px;

     }

     .fire-map-title h2 {

         font-size: 2rem;

     }




 }