/* ===========================================================
   McIntyre Glass — cabecera y pie (fase 2)
   Mismos tokens que los bloques MCG: navy #011b4b, rojo #800000,
   hielo #eef3f9, tinta #16202f. Open Sans. Sin letter-spacing.
   =========================================================== */

/* ---------------------------------------------------------
   Neutraliza el envoltorio de Divi alrededor de la cabecera y
   el pie del Theme Builder. Solo dentro de estas secciones.
   --------------------------------------------------------- */
.et_pb_section.mcg-chrome{padding:0!important;margin:0!important;background:transparent!important}
.et_pb_section.mcg-chrome .et_pb_row{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.et_pb_section.mcg-chrome .et_pb_column{width:100%!important;margin:0!important;padding:0!important;float:none!important}
.et_pb_section.mcg-chrome .et_pb_module{margin-bottom:0!important}

/* ===========================================================
   SEPARADORES DE SECCION — fuera en todo el sitio (fase 2)
   -----------------------------------------------------------
   Los 28 separadores del contenido se neutralizaron en la base de datos. Esta regla es
   la red de seguridad: cubre las variantes por dispositivo que quedan sueltas en
   /commercial/ y /residential/ y cualquiera que se cuele en el futuro.
   Para volver a permitir separadores, basta con borrar este bloque.
   =========================================================== */
.et_pb_top_inside_divider,
.et_pb_bottom_inside_divider,
.et_pb_top_outside_divider,
.et_pb_bottom_outside_divider{display:none!important}

/* ===========================================================
   CABECERA
   =========================================================== */
.mcg-hdr{
  background:#fff;
  position:relative;
  z-index:999;
}

/* El sticky se aplica al envoltorio que pone Divi alrededor de la cabecera del Theme
   Builder: si se pone en el <header> interno no agarra, porque el que scrollea es el
   contenedor de fuera. */
.et-l--header{position:sticky;top:0;z-index:9999}
body.admin-bar .et-l--header{top:32px}
@media (max-width:782px){body.admin-bar .et-l--header{top:46px}}
/* Divi pone overflow-x:hidden en #page-container, y eso rompe el sticky (un ancestro con
   overflow distinto de visible crea contexto de scroll). `clip` corta igual el desborde
   horizontal pero NO crea contexto de scroll, asi que el sticky sigue funcionando. */
#page-container{overflow-x:clip;overflow-y:visible}

.mcg-hdr__wrap{
  width:100%;max-width:1180px;margin:0 auto;padding:0 26px;
  display:flex;align-items:center;
}

/* ---- Barra superior ---- */
.mcg-hdr__top{
  background:var(--navy);
  transition:max-height .22s ease,opacity .22s ease;
  max-height:44px;overflow:hidden;
}
.mcg-hdr__top .mcg-hdr__wrap{min-height:38px}
.mcg-hdr__serving{
  color:rgba(255,255,255,.82);
  font-size:13px;font-weight:600;line-height:1.2;
}

/* ---- Barra principal ---- */
.mcg-hdr__main{
  background:#fff;
  border-bottom:1px solid var(--line);
  transition:box-shadow .2s ease;
}
.mcg-hdr__main .mcg-hdr__wrap{
  min-height:86px;gap:28px;
  transition:min-height .22s ease;
}

/* ---- Lockup de marca: logo y firma EN HORIZONTAL ----
   Peticion del cliente (2-sept): "run the logo and 'clearly.' horizontally
   (LOGO ______ clearly.) rather than stacked". */
.mcg-hdr__brand{
  display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;
  gap:16px;flex:0 1 auto;min-width:0;margin-right:auto;
}
.mcg-hdr__logo{display:block;line-height:0}
.mcg-hdr__logo img{
  width:270px;height:auto;max-width:none; /* logo nuevo 10:1 (v2, 24-sep): se dimensiona por ancho */
  transition:height .22s ease;
}
.mcg-hdr__tag{
  display:flex;align-items:center;gap:10px;
  font-size:17px;font-weight:600;font-style:italic;
  color:var(--steel-dk);line-height:1;white-space:nowrap;
}
.mcg-hdr__rule{
  display:block;width:34px;height:2px;background:#800000;border-radius:2px;
}

/* ---- Menu ---- */
.mcg-hdr__nav ul{
  display:flex;align-items:center;gap:32px;
  list-style:none;margin:0;padding:0;
}
.mcg-hdr__nav li{list-style:none;margin:0;padding:0}
.mcg-hdr__nav a{
  position:relative;display:block;padding:8px 0;
  font-size:15.5px;font-weight:600;color:var(--navy);
  transition:color .2s ease;
}
.mcg-hdr__nav a:after{
  content:"";position:absolute;left:0;right:100%;bottom:0;
  height:2px;background:var(--steel);
  transition:right .2s ease;
}
.mcg-hdr__nav a:hover{color:var(--steel-dk)}
.mcg-hdr__nav a:hover:after{right:0}
.mcg-hdr__nav .current-menu-item>a,
.mcg-hdr__nav .current_page_item>a,
.mcg-hdr__nav .current-menu-ancestor>a,
.mcg-hdr__nav .current-menu-parent>a{color:var(--steel-dk)}
.mcg-hdr__nav .current-menu-item>a:after,
.mcg-hdr__nav .current_page_item>a:after,
.mcg-hdr__nav .current-menu-ancestor>a:after,
.mcg-hdr__nav .current-menu-parent>a:after{right:0}

/* ---- Submenus desplegables ---- */
.mcg-hdr__nav li{position:relative}
.mcg-hdr__nav .menu-item-has-children>a{padding-right:16px}
.mcg-hdr__nav .menu-item-has-children>a:before{
  content:"";position:absolute;right:0;top:50%;
  width:6px;height:6px;margin-top:-4px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);transition:transform .2s ease;
}
.mcg-hdr__nav .menu-item-has-children:hover>a:before{transform:rotate(-135deg);margin-top:-1px}
.mcg-hdr__nav .sub-menu{
  position:absolute;top:100%;left:-18px;
  display:block;min-width:268px;
  background:#fff;border:1px solid var(--line);border-radius:8px;
  box-shadow:0 14px 34px rgba(1,27,75,.13);
  padding:8px 0;margin:0;
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.mcg-hdr__nav li:hover>.sub-menu,
.mcg-hdr__nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.mcg-hdr__nav .sub-menu li{display:block}
.mcg-hdr__nav .sub-menu a{
  display:block;padding:10px 18px;font-size:14.5px;font-weight:600;
  color:var(--navy);white-space:nowrap;
}
.mcg-hdr__nav .sub-menu a:after{display:none}
.mcg-hdr__nav .sub-menu a:hover{background:var(--ice);color:var(--steel-dk)}

/* En el panel movil los submenus se muestran siempre, indentados */
.mcg-hdr__drawer .sub-menu{margin:0;padding:0;list-style:none}
.mcg-hdr__drawer .sub-menu li:last-child{border-bottom:0}
.mcg-hdr__drawer .sub-menu a{
  padding-left:18px;font-size:15.5px;font-weight:600;color:var(--muted);
}
.mcg-hdr__drawer .sub-menu a:before{
  content:"";display:inline-block;width:12px;height:2px;
  background:var(--steel);vertical-align:middle;margin-right:9px;
}

/* ---- Telefono como boton ---- */
.mcg-hdr__cta{
  flex:0 0 auto;
  display:inline-flex;align-items:center;gap:9px;
  background:var(--steel);color:#fff;
  font-size:15.5px;font-weight:700;line-height:1;
  padding:14px 20px;border-radius:6px;
  transition:background .2s ease,transform .2s ease;
  white-space:nowrap;
}
.mcg-hdr__cta:hover{background:var(--navy);color:#fff;transform:translateY(-1px)}
.mcg-hdr__tel-ico{
  width:15px;height:15px;flex:0 0 15px;background:currentColor;
  -webkit-mask:no-repeat center/contain;mask:no-repeat center/contain;
  -webkit-mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 006.6 6.6l2.2-2.2a1 1 0 011-.25 11.4 11.4 0 003.6.58 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1 11.4 11.4 0 00.57 3.6 1 1 0 01-.25 1z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 006.6 6.6l2.2-2.2a1 1 0 011-.25 11.4 11.4 0 003.6.58 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1 11.4 11.4 0 00.57 3.6 1 1 0 01-.25 1z'/%3E%3C/svg%3E");
}

/* ---- Estado compacto al hacer scroll ---- */
.mcg-hdr.is-stuck .mcg-hdr__top{max-height:0;opacity:0}
.mcg-hdr.is-stuck .mcg-hdr__main{box-shadow:0 6px 22px rgba(1,27,75,.10)}
.mcg-hdr.is-stuck .mcg-hdr__main .mcg-hdr__wrap{min-height:70px}
.mcg-hdr.is-stuck .mcg-hdr__logo img{width:236px;height:auto}

/* ---- Hamburguesa y panel movil ---- */
.mcg-hdr__burger{
  display:none;flex:0 0 auto;
  width:46px;height:46px;padding:11px;
  background:none;border:0;cursor:pointer;
}
.mcg-hdr__burger span{
  display:block;height:2px;background:var(--navy);border-radius:2px;
  transition:transform .2s ease,opacity .2s ease;
}
.mcg-hdr__burger span+span{margin-top:5px}
.mcg-hdr__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mcg-hdr__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.mcg-hdr__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mcg-hdr__drawer{
  display:none;
  background:#fff;border-bottom:1px solid var(--line);
  padding:8px 26px 22px;
}
.mcg-hdr__drawer.is-open{display:block}
.mcg-hdr__drawer ul{list-style:none;margin:0 0 16px;padding:0}
.mcg-hdr__drawer li{list-style:none;border-bottom:1px solid var(--line)}
.mcg-hdr__drawer a{
  display:block;padding:14px 2px;min-height:44px;
  font-size:17px;font-weight:600;color:var(--navy);
}
.mcg-hdr__drawer-tel{
  display:block;text-align:center;
  background:var(--steel);color:#fff;
  font-size:17px;font-weight:700;
  padding:15px 20px;border-radius:6px;
}
.mcg-hdr__drawer-tel:hover{background:var(--navy);color:#fff}

/* ---- Accesibilidad ---- */
.mcg-hdr a:focus-visible,.mcg-hdr button:focus-visible{
  outline:2px solid var(--steel);outline-offset:3px;border-radius:3px;
}

/* ---- Puntos de ruptura ---- */
/* Con el menu ampliado (Services + 4 hijos) el conjunto logo + firma + menu + boton
   ya no cabe en pantallas medianas. Se recorta por pasos antes de saltar al movil. */
@media (max-width:1300px){
  .mcg-hdr__nav ul{gap:24px}
  .mcg-hdr__nav a{font-size:15px}
  .mcg-hdr__main .mcg-hdr__wrap{gap:20px}
}
@media (max-width:1180px){
  .mcg-hdr__tag{display:none}          /* la firma se retira antes que el menu o el boton */
  .mcg-hdr__nav ul{gap:20px}
  .mcg-hdr__cta{padding:13px 16px;font-size:15px}
}
@media (max-width:1080px){
  .mcg-hdr__nav ul{gap:16px}
  .mcg-hdr__nav a{font-size:14.5px}
  .mcg-hdr__main .mcg-hdr__wrap{gap:14px}
  .mcg-hdr__logo img{width:210px;height:auto}
}
@media (max-width:980px){
  .mcg-hdr__tag{display:flex}          /* en movil vuelve: hay sitio junto al logo */
  .mcg-hdr__nav{display:none}
  .mcg-hdr__burger{display:block}
  .mcg-hdr__main .mcg-hdr__wrap{min-height:74px;gap:14px}
  .mcg-hdr__logo img{width:230px;height:auto}
  .mcg-hdr.is-stuck .mcg-hdr__logo img{width:210px;height:auto}
}
@media (max-width:600px){
  .mcg-hdr__wrap{padding:0 18px}
  .mcg-hdr__drawer{padding:8px 18px 20px}
  .mcg-hdr__cta{display:none}
  .mcg-hdr__logo img{width:168px;height:auto}
  /* El lockup sigue en horizontal tambien en movil, como pidio el cliente */
  .mcg-hdr__brand{flex-direction:row;gap:10px}
  .mcg-hdr__tag{font-size:13.5px;gap:7px}
  .mcg-hdr__rule{width:20px}
  .mcg-hdr__serving{font-size:12px}
}


/* ===========================================================
   PIE
   -----------------------------------------------------------
   Rehecho el 2-sept-2026 a peticion del cliente, tomando como
   referencia el pie de threeriverslending.com: tres columnas,
   la de contacto como tarjeta con iconos, y sin formulario.
   =========================================================== */
.mcg-ftr{background:var(--navy);color:rgba(255,255,255,.8)}
.mcg-ftr,.mcg-ftr *,.mcg-ftr *:before,.mcg-ftr *:after{box-sizing:border-box}
.mcg-ftr__wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 26px}

.mcg-ftr__main{padding:66px 0 58px}
.mcg-ftr__main .mcg-ftr__wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr);
  gap:56px;align-items:start;
}
.mcg-ftr__col{min-width:0}
.mcg-ftr__col a{color:rgba(255,255,255,.86);transition:color .2s ease}
.mcg-ftr__col a:hover{color:#fff}

/* ---- Columna 1: marca ---- */
.mcg-ftr__logo{display:block;margin:0 0 20px;line-height:0}
.mcg-ftr__logo img{width:290px;height:auto;max-width:100%}
.mcg-ftr__company{
  font-size:19px!important;font-weight:700;color:#fff!important;
  margin:0 0 12px!important;line-height:1.35!important;
}
.mcg-ftr__blurb{
  font-size:15.5px!important;line-height:1.65!important;
  color:rgba(255,255,255,.76)!important;margin:0 0 16px!important;
}
.mcg-ftr__note{
  font-size:13.5px!important;font-weight:700;
  color:rgba(255,255,255,.55)!important;margin:0!important;
}

/* ---- Columna 2: enlaces ---- */
.mcg-ftr__title{
  font-size:22px!important;font-weight:700!important;color:#fff!important;
  margin:0 0 20px!important;padding:0!important;line-height:1.3!important;
}
.mcg-ftr__links{list-style:none;margin:0;padding:0}
.mcg-ftr__links li{list-style:none;margin:0}
.mcg-ftr__links a{
  display:flex;align-items:center;gap:14px;
  padding:9px 0;font-size:16px;font-weight:600;
}
.mcg-ftr__arrow{
  display:block;flex:0 0 auto;width:22px;height:2px;
  background:rgba(255,255,255,.45);position:relative;
  transition:width .2s ease,background .2s ease;
}
.mcg-ftr__arrow:after{
  content:"";position:absolute;right:0;top:50%;
  width:6px;height:6px;margin-top:-4px;
  border-top:2px solid rgba(255,255,255,.45);
  border-right:2px solid rgba(255,255,255,.45);
  transform:rotate(45deg);transition:border-color .2s ease;
}
.mcg-ftr__links a:hover .mcg-ftr__arrow{width:30px;background:var(--steel)}
.mcg-ftr__links a:hover .mcg-ftr__arrow:after{border-color:var(--steel)}

/* ---- Columna 3: tarjeta de contacto ---- */
.mcg-ftr__card{
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;padding:28px 28px 8px;
}
.mcg-ftr__rows{list-style:none;margin:0;padding:0}
.mcg-ftr__row{
  list-style:none;display:flex;align-items:flex-start;gap:16px;
  padding:18px 0;border-top:1px solid rgba(255,255,255,.1);
  font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.82);
}
.mcg-ftr__row:first-child{border-top:0;padding-top:4px}
.mcg-ftr__hour{display:block}
.mcg-ftr__ico{
  flex:0 0 20px;width:20px;height:20px;margin-top:1px;
  background:var(--steel);
  -webkit-mask:no-repeat center/contain;mask:no-repeat center/contain;
}
.mcg-ftr__ico--tel{
  -webkit-mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 006.6 6.6l2.2-2.2a1 1 0 011-.25 11.4 11.4 0 003.6.58 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1 11.4 11.4 0 00.57 3.6 1 1 0 01-.25 1z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 006.6 6.6l2.2-2.2a1 1 0 011-.25 11.4 11.4 0 003.6.58 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1 11.4 11.4 0 00.57 3.6 1 1 0 01-.25 1z'/%3E%3C/svg%3E");
}
.mcg-ftr__ico--pin{
  -webkit-mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 00-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 00-7-7zm0 9.5A2.5 2.5 0 1114.5 9 2.5 2.5 0 0112 11.5z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 00-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 00-7-7zm0 9.5A2.5 2.5 0 1114.5 9 2.5 2.5 0 0112 11.5z'/%3E%3C/svg%3E");
}
.mcg-ftr__ico--clock{
  -webkit-mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm1 10.6l4 2.3-.8 1.4-4.7-2.7V6h1.5z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm1 10.6l4 2.3-.8 1.4-4.7-2.7V6h1.5z'/%3E%3C/svg%3E");
}

/* ---- Barra inferior ---- */
.mcg-ftr__bottom{
  background:#01143a;
  border-top:1px solid rgba(255,255,255,.1);
  padding:18px 0;
}
.mcg-ftr__wrap--bottom{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.mcg-ftr__credit{
  margin:0!important;
  font-size:13.5px!important;
  line-height:1.6!important;              /* el pie viejo tenia 0em y solapaba el año */
  color:rgba(255,255,255,.62)!important;
}
.mcg-ftr__credit a{color:rgba(255,255,255,.85);font-weight:600}
.mcg-ftr__credit a:hover{color:#fff}
.mcg-ftr__bottom .mcg-ftr__tag{
  display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;
  font-size:16px;font-weight:600;font-style:italic;color:rgba(255,255,255,.75);
}
.mcg-ftr__bottom .mcg-ftr__rule{
  display:block;width:28px;height:2px;background:#800000;border-radius:2px;
}

.mcg-ftr a:focus-visible,.mcg-ftr button:focus-visible{
  outline:2px solid var(--steel);outline-offset:3px;border-radius:3px;
}

@media (max-width:1080px){
  .mcg-ftr__main .mcg-ftr__wrap{grid-template-columns:1fr 1fr;gap:44px}
  .mcg-ftr__col--contact{grid-column:1 / -1}
}
@media (max-width:700px){
  .mcg-ftr__wrap{padding:0 18px}
  .mcg-ftr__main{padding:48px 0 40px}
  .mcg-ftr__main .mcg-ftr__wrap{grid-template-columns:1fr;gap:36px}
  .mcg-ftr__col--contact{grid-column:auto}
  .mcg-ftr__wrap--bottom{flex-direction:column;align-items:flex-start;gap:12px}
  .mcg-ftr__logo img{width:240px;height:auto}
  .mcg-ftr__card{padding:22px 20px 6px}
}