@charset "UTF-8";
:root{
  --primary-color:#0b1f3a;
  --secondary-color:#081629;
  --accent-color:#d62828;
  --accent-light:#f2ce3e;
  --text-dark:#0f1724;
  --text-light:#ecf0f1;
  --text-muted:#5b6777;
  --border-color:#e6edf5;
  --bg-light:#f3f6fb;
  --bg-white:#ffffff;
  --success-color:#27ae60;
  --warning-color:#f39c12;
  --danger-color:#e74c3c;
  --info-color:#3498db;
  --transition:all .18s ease;
  --shadow-sm:0 2px 10px rgba(15,23,36,.08);
  --shadow-md:0 6px 18px rgba(15,23,36,.12);
  --shadow-lg:0 14px 34px rgba(15,23,36,.14);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;padding:0;font-family:inherit;font-size:17px;line-height:1.65;color:var(--text-dark);background-color:var(--bg-light);}
body.site{
  display:flex;
  flex-direction:column;
  min-height:100vh;
  border-top:0 !important;
  padding-top:190px;
}

body.site.itemid-101{
  padding-top:0 !important;
}
body.site::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%, rgba(214,40,40,.03) 0%, transparent 50%),radial-gradient(circle at 80% 80%, rgba(11,31,58,.03) 0%, transparent 50%);pointer-events:none;z-index:-1;}
h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.2;margin:0 0 14px 0;color:var(--primary-color);}
h1{font-size:2.6rem;}
h2{font-size:2.1rem;}
h3{font-size:1.6rem;}
h4{font-size:1.25rem;}
h5{font-size:1.1rem;}
h6{font-size:1rem;}
p{margin:0 0 14px 0;color:var(--text-dark);}
small{color:var(--text-muted);}
a{color:var(--accent-color);text-decoration:none;transition:var(--transition);}
a:hover{color:var(--primary-color);text-decoration:none;}
figure{margin:18px 0;padding:0;}
figcaption{font-size:.95rem;color:var(--text-muted);text-align:center;margin-top:10px;font-style:italic;}
code{background:#f5f7fb;padding:2px 6px;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,"Ubuntu Mono",Consolas,"Liberation Mono","Courier New",monospace;font-size:.92em;color:#b42318;}
pre{background:#f5f7fb;padding:16px;border-radius:14px;overflow-x:auto;margin:0 0 18px 0;border:1px solid var(--border-color);line-height:1.45;}
pre code{background:none;padding:0;color:inherit;}
blockquote{margin:18px 0;padding:16px 18px;border-left:4px solid var(--accent-color);background:#f8fafc;color:var(--text-muted);font-style:italic;border-radius:14px;border:1px solid var(--border-color);}
blockquote p{margin:0;}
.container,.container-fluid{margin-left:auto;margin-right:auto;}
.container{width:100%;max-width:1400px;}
.row,.row-fluid{display:block;}
.span12{width:100%;}
.span9{width:75%;}
.span8{width:66.666%;}
.span6{width:50%;}
.span4{width:33.333%;}
.span3{width:25%;}
.span1{width:8.333%;}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.p-10{padding:10px;}
.p-20{padding:20px;}
.p-30{padding:30px;}
.invisible{display:none !important;}
.visible{display:block !important;}
.element-invisible{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);}
.clearfix::after{content:"";display:table;clear:both;}
#top.body,
#top.body > .container,
#top.body > .container-fluid{
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  width:100% !important;
}
#top > .container,
#top > .container-fluid{max-width:none !important;width:100% !important;padding-left:0 !important;padding-right:0 !important;}
.box-emergency-top{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;}
.box-emergency-top img{width:18px;height:18px;display:block;}
.box-emergency-top .emergencias{font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--text-dark);font-size:13.5px;}
.box-emergency-top .tel,
.box-emergency-top a.tel{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:999px;background:var(--accent-color);color:#fff !important;font-weight:900;font-size:14px;letter-spacing:.3px;text-decoration:none !important;line-height:1;box-shadow:0 10px 18px rgba(214,40,40,.18);transition:var(--transition);}
.box-emergency-top a.tel:hover{filter:brightness(.96);transform:translateY(-1px);}
/* ===== BANNER FULL WIDTH SEGURO ===== */

.banner-wrapper{
  width:100%;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.banner-wrapper .container,
.banner-wrapper .container-fluid{
  max-width:none !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.banner-wrapper .moduletable,
.banner-wrapper .module,
.banner-wrapper .moduletable > div,
.banner-wrapper .module > div,
.banner-wrapper figure{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  border-radius:0 !important;
}

.banner-wrapper img{
  width:100% !important;
  height:auto !important;   
  max-height:1500px; /* ← IMPORTANTE */
  display:block !important;
  border-radius:0 !important;
}
.body{flex:1;}
.body .container,
.body .container-fluid{background:transparent;padding:26px !important;max-width:1400px;margin:0 auto;width:100%;}
.row-fluid{display:grid;grid-template-columns:1fr;gap:26px;margin:0;padding:0;}
#sidebar,#aside{grid-column:1;background:var(--bg-white);border-radius:14px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);}
.sidebar-nav{padding:0;}

.moduletable,.moduletable-footer{background:rgba(39, 59, 97, 0.92);border-radius:14px;padding:20px !important;margin-bottom:18px !important;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition);}
.moduletable:hover,.moduletable-footer:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}
.moduletable h3,.moduletable-footer h3{color:var(--primary-color);font-size:1.15rem;font-weight:900;margin:0 0 14px 0 !important;padding-bottom:10px;border-bottom:2px solid rgba(255, 255, 255, 0.626);letter-spacing:.3px;}
.moduletable ul,.moduletable-footer ul{list-style:none;padding:0 !important;margin:0 !important;}
.moduletable li,.moduletable-footer li{margin:10px 0 !important;padding:0 !important;}
.moduletable a,.moduletable-footer a{color:var(--accent-color);text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:var(--transition);position:relative;padding-left:0;}
.moduletable a::before,.moduletable-footer a::before{content:"▹";opacity:0;transform:translateX(-8px);transition:var(--transition);}
.moduletable a:hover,.moduletable-footer a:hover{color:var(--primary-color);padding-left:8px;}
.moduletable a:hover::before,.moduletable-footer a:hover::before{opacity:1;transform:translateX(0);}
.alert,.message{padding:16px 18px;margin:0 0 18px 0;border-radius:14px;border:1px solid var(--border-color);border-left:6px solid;background:#fff;box-shadow:var(--shadow-sm);animation:slideInDown .22s ease-out;}
.alert-info,.message{border-left-color:var(--info-color);background:linear-gradient(to right, rgba(52,152,219,.10), rgba(255,255,255,.02));color:#0b3c63;}
.alert-success{border-left-color:var(--success-color);background:linear-gradient(to right, rgba(39,174,96,.10), rgba(255,255,255,.02));color:#0f3b22;}
.alert-warning{border-left-color:var(--warning-color);background:linear-gradient(to right, rgba(243,156,18,.10), rgba(255,255,255,.02));color:#5a3800;}
.alert-danger,.alert-error{border-left-color:var(--danger-color);background:linear-gradient(to right, rgba(231,76,60,.10), rgba(255,255,255,.02));color:#6b1c16;}
.alert h4,.alert h5{margin:0 0 8px 0;font-weight:900;}
.alert p{margin:0;}
.alert button.close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;opacity:.6;transition:var(--transition);padding:0;margin-left:10px;}
.alert button.close:hover{opacity:1;}
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="time"],
textarea,
select{width:100%;padding:11px 14px;border:1px solid var(--border-color);border-radius:12px;font-size:1rem;font-family:inherit;transition:var(--transition);background-color:#fff;color:var(--text-dark);}
.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
textarea:focus,
select:focus{outline:none;border-color:rgba(214,40,40,.55);box-shadow:0 0 0 4px rgba(214,40,40,.10);background-color:var(--bg-white);}
textarea{resize:vertical;min-height:140px;font-family:inherit;}
label{display:block;margin:0 0 8px 0;font-weight:800;color:var(--text-dark);}
.form-group{margin-bottom:18px;}
button,
.btn,
input[type="button"],
input[type="submit"],
input[type="reset"]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:none;border-radius:12px;font-size:.98rem;font-weight:900;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:var(--transition);text-decoration:none;background:var(--accent-color);color:#fff;box-shadow:0 10px 18px rgba(214,40,40,.16);text-align:center;}
button:hover,
.btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover{background:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px);}
button:active,
.btn:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active{transform:translateY(0);}
.btn-secondary{background:var(--border-color);color:var(--text-dark);box-shadow:0 8px 16px rgba(15,23,36,.10);}
.btn-secondary:hover{background:#93a4b8;color:#fff;}
table{width:100%;border-collapse:collapse;margin:0 0 18px 0;background:var(--bg-white);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);}
th{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:var(--text-light);padding:14px 14px;text-align:left;font-weight:900;text-transform:uppercase;font-size:.85rem;letter-spacing:.6px;border:none;}
td{padding:12px 14px;border-bottom:1px solid var(--border-color);color:var(--text-dark);}
tr:last-child td{border-bottom:none;}
tr:hover{background:rgba(214,40,40,.03);}
ul,ol{margin:0 0 14px 0;padding-left:20px;}
ul li,ol li{margin-bottom:8px;}
ul ul,ol ol{margin-top:8px;margin-bottom:0;}
@keyframes slideInDown{
  from{opacity:0;transform:translateY(-14px);}
  to{opacity:1;transform:translateY(0);}
}
@keyframes fadeIn{
  from{opacity:0;}
  to{opacity:1;}
}


.box-emergency-top .emergencias{color:rgba(255,255,255,.86) !important;}
.box-emergency-top img{filter:invert(1) !important;opacity:.9 !important;}

.docs-wrap{display:grid;grid-template-columns:1fr;gap:18px}

.docs-year{background:#fff;border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-sm);padding:16px}
.docs-year h3{margin:0 0 10px 0;font-size:1.1rem;font-weight:900;color:var(--primary-color);letter-spacing:.4px}
.docs-year .pane-sliders,
.docs-year .panel,
.docs-year .panel .content{margin:0 !important;padding:0 !important;border:0 !important}
.docs-year ul{list-style:none;margin:10px 0 0 0;padding:0}
.docs-year li{margin:8px 0}
.docs-year a{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border-color);border-radius:12px;background:#f8fbff;color:var(--text-dark);text-decoration:none;font-weight:700}
.docs-year a:hover{border-color:rgba(214,40,40,.35);box-shadow:0 10px 18px rgba(15,23,36,.08);transform:translateY(-1px)}
.docs-year a:before{content:"";width:10px;height:10px;border-radius:999px;background:rgba(214,40,40,.85);flex:0 0 auto}
.docs-wrap{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
.docs-wrap .docs-year{
  width:100% !important;
  max-width:none !important;
  margin:0 0 18px 0 !important;
}

main#content{
  max-width:none !important;
  width:100% !important;
}
.body .container,
.body .container-fluid{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
.row-fluid{
  max-width:1400px !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:16px !important;
  padding-right:16px !important;
  display:block !important;
}
main#content,
main#content.span9,
main#content.span6{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.docs-year{
  margin-bottom:32px;
  padding-bottom:24px;
  position:relative;
}
.docs-year h3{
  font-size:1.4rem;
  font-weight:900;
  color:#0b1f3a;
  margin-bottom:14px;
  position:relative;
  padding-bottom:10px;
}
.docs-year h3::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:3px;
  background:linear-gradient(
    90deg,
    #1e8f3a 0%,
    #1e8f3a 18%,
    rgba(30,143,58,.35) 40%,
    rgba(30,143,58,.15) 65%,
    rgba(30,143,58,0) 100%
  );
  border-radius:3px;
}
.services{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:flex-start !important;
  align-items:stretch;
  gap:22px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:12px 4px 24px 4px;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
}
.services::-webkit-scrollbar{
  height:8px;
}
.services::-webkit-scrollbar-track{
  background:#eef2f7;
  border-radius:8px;
}
.services::-webkit-scrollbar-thumb{
  background:#0b1f3a;
  border-radius:8px;
}
.services .column{
  flex:0 0 190px;
  max-width:190px;
}
.services figure{
  height:100%;
}

.max-space{
  margin:56px auto;
  max-width:1200px;
}
.fnt-play{
  font-size:1.2rem;
  letter-spacing:.5px;
  color:#5b6777;
}
.big-header{
  font-size:3.4rem;
  font-weight:900;
  letter-spacing:2px;
  margin:6px 0 14px 0;
  line-height:1;
}
.big-header.red{
  color:#d62828;
}
.max-space p.lead{
  max-width:980px;
  margin:0 auto;
  font-size:1.05rem;
  line-height:1.7;
  color:#3a4656;
}
footer{
  background:linear-gradient(135deg, var(--secondary-color) 0%, #050b12 100%);
  color:rgba(255,255,255,.9);
  padding:50px 30px 30px;
  margin-top:40px;
  border-top:1px solid rgba(255,255,255,.10);
  box-shadow:0 -10px 24px rgba(0,0,0,.12);
}
footer h3{
  color:#fff;
  margin:0 0 18px 0;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.12);
  letter-spacing:1px;
}
footer a{
  color:rgba(255,255,255,.92);
  transition:var(--transition);
}
footer a:hover{
  color:#fff;
}
.footer-contacto{
  max-width:1500px;
  margin:0 auto 35px auto;
}

.footer-contenido{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:60px;
  flex-wrap:wrap;
}
.footer-col{
  flex:1;
  min-width:280px;
}
.footer-title{
  font-size:24px;
  font-weight:700;
  margin-bottom:18px;
  letter-spacing:1px;
}
.footer-telefonos{
  font-size:34px;
  font-weight:800;
  line-height:1.5;
  color:#ffffff;
}
.footer-direccion{
  font-size:24px;
  line-height:1.6;
  color:rgba(255,255,255,.95);
}
.footer-911{
  text-align:center;
}

.img-911{
  max-width:240px;
  transition:transform .3s ease;
}
.img-911:hover{
  transform:scale(1.06);
}
.footer-counter{
  margin-top:35px;
  text-align:center;
}
.footer-bottom{
  max-width:1500px;
  margin:0 auto;
  padding-top:25px;
  border-top:1px solid rgba(255,255,255,.10);
  text-align:center;
  font-size:.95rem;
  color:rgba(255,255,255,.70);
}

header.modern-header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3000;
  background: rgba(10,25,45,.65);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  padding: 8px 20px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
header.modern-header .header-content{
  max-width: 1400px;
  margin: 0 auto;
  display:flex;
  align-items:center;
  justify-content: space-between;
  padding: 40 30px;
}

header.modern-header .header-left{
  display:flex;
  align-items:center;
}

header.modern-header .header-right{
  display:flex;
  align-items:center;
  gap:200px;       
}
header.modern-header .brand-logo img{
  width:100px;
  height:auto;
}
header.modern-header .header-search{
  display:flex;
  align-items:center;
}

header.modern-header input[type="search"]{
  max-width: 360px;
}


header.modern-header .header-right > div,
header.modern-header .header-search,
header.modern-header .custom {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
}

header.modern-header .header-right form,
header.modern-header .header-right .search {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  width: auto;
}

header.modern-header input[type="search"],
header.modern-header input[type="text"]{
  width: 100%;
  max-width: 340px;
  height: 36px;
  padding: 6px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.08);
  font-size: 13px;
  color: #ffffff;
  transition: all .25s ease;
}

header.modern-header input::placeholder {
  color: rgba(255,255,255,.6);
}

header.modern-header input:focus {
  outline: none;
  border-color: rgba(214,40,40,.65);
  box-shadow: 0 0 0 4px rgba(214,40,40,.15);
  background: rgba(255,255,255,.12);
}

header.modern-header .box-emergency-top{
  display:flex !important;
  align-items:center;
  margin:0 !important;
  flex-shrink:0;
}
header.modern-header .column,
header.modern-header [class*="medium-"]{
  width:auto !important;
  float:none !important;
  display:flex !important;
  align-items:center;
}

header.modern-header .header-search{
  display:flex !important;
  align-items:center !important;
}

header.modern-header .custom{
  display:flex !important;
  align-items:center !important;
}
nav.navigation.modern-nav{
  position: fixed;
  top: 120px;
  left: 0;
  width:100%;
  z-index:2999;
  background: rgba(10,25,45,.65);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

nav.navigation.modern-nav .navbar-container{
  width:100%;
  padding:0;
}

nav.navigation.modern-nav ul.nav{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: nowrap;
  width:100%;
}

nav.navigation.modern-nav ul.nav > li{
  flex: 1;
  display:flex;
  margin:0;
  padding:0;
  text-align: center;
  position:relative;
}

nav.navigation.modern-nav ul.nav > li > a,
nav.navigation.modern-nav ul.nav > li > span.separator{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .6px;
  color: #ffffff;
  text-decoration: none;
  transition: all .25s ease;
  border-right: 1px solid rgba(255,255,255,.08);
  flex: 1;
  background:transparent;
  line-height:1.2;
}

nav.navigation.modern-nav ul.nav > li:last-child > a{
  border-right: none;
}

nav.navigation.modern-nav ul.nav > li > a:hover{
  background: rgba(255,255,255,.1);
}

nav.navigation.modern-nav ul.nav > li.active > a,
nav.navigation.modern-nav ul.nav > li.current > a{
  box-shadow: inset 0 -3px 0 #d62828;
}

nav.navigation.modern-nav ul.nav > li.parent > a::after,
nav.navigation.modern-nav ul.nav > li.deeper > a::after,
nav.navigation.modern-nav ul.nav > li.parent > .separator::after,
nav.navigation.modern-nav ul.nav > li.deeper > .separator::after{
  content: " ▾";
  font-size: 11px;
  margin-left: 6px;
  font-weight: 900;
  opacity: .85;
  display: inline-block;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #ffffff;
  vertical-align: middle;
}

nav.navigation.modern-nav ul.nav > li:hover > a::after,
nav.navigation.modern-nav ul.nav > li:hover > .separator::after {
  transform: rotate(180deg);
}

nav.navigation.modern-nav ul.nav > li > ul.nav-child{
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  background: #0f2a4a;
  border-radius: 0 0 10px 10px;
  padding: 6px 0;
  box-shadow: 0 18px 35px rgba(0,0,0,.35);
  z-index: 9999;
}

nav.navigation.modern-nav ul.nav > li:hover > ul.nav-child{
  display: block;
}

nav.navigation.modern-nav ul.nav-child{
  list-style: none;
  margin: 0;
  padding: 0;
}

nav.navigation.modern-nav ul.nav-child li{
  width: 100%;
}

nav.navigation.modern-nav ul.nav-child li a{
  display: block;
  padding: 12px 18px;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
  white-space: normal;
  transition: all .18s ease;
}

nav.navigation.modern-nav ul.nav-child li a:hover{
  background: rgba(214,40,40,.25);
  color: #ffffff;
}
.nav-toggle{
  display:none;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:40px;
  height:40px;
  cursor:pointer;
  border-radius:10px;
  transition:var(--transition);
}

.nav-toggle span{
  width:22px;
  height:2px;
  background:#fff;
  margin:4px 0;
  transition:.3s ease;
}

.nav-toggle.active span:nth-child(1){
  transform:rotate(45deg) translate(5px,5px);
}

.nav-toggle.active span:nth-child(2){
  opacity:0;
}

.nav-toggle.active span:nth-child(3){
  transform:rotate(-45deg) translate(6px,-6px);
}

@media (max-width:1024px){

  body.site,
  body.site.itemid-101{
    padding-top:100px !important;
  }

  header.modern-header{
    padding:8px 14px;
  }

  header.modern-header .brand-logo img{
    width:60px;
  }

  header.modern-header .header-right{
    gap:15px !important;
  }

}
@media (max-width:768px){

  body.site,
  body.site.itemid-101{
    padding-top:60px !important;
  }

  header.modern-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:60px;
    padding:0 16px;
    display:flex;
    align-items:center;
    z-index:6000;
  }

  header.modern-header .header-content{
    width:100%;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .nav-toggle{
    display:flex;
    position:absolute;
    left:15px;
    z-index:6100;
  }

  header.modern-header .brand-logo{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
  }

  header.modern-header .brand-logo img{
    width:48px;
  }

  header.modern-header .header-search{
    display:none !important;
  }

  header.modern-header .header-right{
    display:flex !important;
    position:absolute;
    right:12px;
    align-items:center;
    gap:8px;
  }

  header.modern-header .box-emergency-top{
    display:flex !important;
  }

  header.modern-header .box-emergency-top .emergencias{
    display:none;
  }

  header.modern-header .box-emergency-top .tel{
    padding:8px 12px;
    font-size:12px;
    border-radius:25px;
    box-shadow:0 6px 14px rgba(214,40,40,.25);
  }

  nav.navigation.modern-nav{
    position:fixed;
    top:60px;
    left:0;
    width:100%;
    z-index:5900;
  }

  nav.navigation.modern-nav .nav-collapse{
    display:none;
    width:100%;
    max-height:70vh;
    overflow-y:auto;
    padding:20px 0;
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
    background:rgba(10,25,45,.55);
    border-top:1px solid rgba(255,255,255,.12);
  }

  nav.navigation.modern-nav .nav-collapse.in{
    display:block;
  }

  nav.navigation.modern-nav ul.nav.menu.mod-list{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    padding:0;
  }

  nav.navigation.modern-nav ul.nav.menu.mod-list > li{
    width:100%;
    text-align:center;
    position:relative;
  }

  nav.navigation.modern-nav ul.nav.menu.mod-list > li > a,
  nav.navigation.modern-nav ul.nav.menu.mod-list > li > span.separator{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:14px 22px;
    font-size:14px;
    font-weight:700;
    letter-spacing:.6px;
    background:rgba(255,255,255,.06);
    border-radius:14px;
    margin:8px 18px;
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(8px);
  }

nav.navigation.modern-nav ul.nav.menu.mod-list li ul.nav-child{
  display:none;
  position:static;
  width:100%;
  margin:6px 25px;
  padding:8px 0;
  background:rgba(255,255,255,.05);
  border-radius:12px;
  border:1px solid rgba(255,255,255,.06);
}

nav.navigation.modern-nav ul.nav.menu.mod-list li.parent.open > ul.nav-child{
  display:block;
}

  nav.navigation.modern-nav ul.nav-child li{
    width:100%;
  }

  nav.navigation.modern-nav ul.nav-child li a{
    display:block;
    width:100%;
    padding:12px;
    text-align:center;
    font-size:13px;
  }

  .banner-wrapper{
    margin-top:0 !important;
    padding-top:0 !important;
  }

}

/* ===================================== */
/* 🔥 HERO FIRE PRO VERSION FINAL 🔥 */
/* ===================================== */

.banner-wrapper{
  position:relative !important;
  overflow:hidden;
}

/* 🔻 Oscurecimiento base del banner (se mantiene) */
.banner-wrapper::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:20%;
  background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);
  z-index:5;
  pointer-events:none;
}

/* 🔥 FUEGO BASE MÁS ABAJO + DESVANECIDO SUPERIOR */
.fire-overlay{
  position:absolute;
  bottom:-14px; /* 👈 más abajo (ajusta entre -10 y -18 si quieres) */
  left:0;
  width:100%;
  height:24%;
  pointer-events:none;
  z-index:10;

  background-image:url("/images/efecto/fuego.gif");
  background-repeat:repeat-x;
  background-position:0 bottom;
  background-size:auto 100%;

  animation: fireMove 18s linear infinite;

  /* 🌫 DESVANECIDO ARRIBA */
  -webkit-mask-image: linear-gradient(to top,
      black 0%,
      black 55%,
      rgba(0,0,0,0.6) 70%,
      transparent 100%
  );
  mask-image: linear-gradient(to top,
      black 0%,
      black 55%,
      rgba(0,0,0,0.6) 70%,
      transparent 100%
  );
}

/* Movimiento horizontal */
@keyframes fireMove {
  0% { background-position: 0 bottom; }
  100% { background-position: -800px bottom; }
}

/* 🔥 PARTICULAS */
.fire-particles{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:15;
  overflow:hidden;
}

.fire-particles span{
  position:absolute;
  bottom:0;
  width:8px;
  height:8px;
  background: radial-gradient(circle, 
      rgba(255,255,200,1) 0%, 
      rgba(255,180,50,0.9) 30%, 
      rgba(255,80,0,0.6) 60%, 
      transparent 80%);
  border-radius:50%;
  filter: blur(1.2px);
  animation: floatUp linear infinite;
}

@keyframes floatUp{
  0%{
    transform: translateY(0) translateX(0) scale(1);
    opacity:1;
  }
  50%{
    transform: translateY(-40vh) translateX(10px) scale(0.9);
    opacity:0.9;
  }
  100%{
    transform: translateY(-80vh) translateX(-15px) scale(0.6);
    opacity:0;
  }
}

/* 📱 RESPONSIVE */
@media (max-width:768px){

  .fire-overlay{
    bottom:-10px;
    height:18%;
  }

  .banner-wrapper::after{
    height:18%;
  }

}

/* ========================== */
/* 📱 RESPONSIVE CELULAR */
/* ========================== */

@media (max-width:768px){

  .fire-overlay{
    bottom:-5px;
    height:16%;
  }

  .banner-wrapper::after{
    height:18%;
  }

}
.fire-overlay{
  opacity:0.85; /* 👈 baja entre 0.6 y 0.9 */
}