.elementor-180 .elementor-element.elementor-element-3d4fc70{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-180 .elementor-element.elementor-element-3d4fc70:not(.elementor-motion-effects-element-type-background), .elementor-180 .elementor-element.elementor-element-3d4fc70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFB500 0%, #91691C 100%);}.elementor-180 .elementor-element.elementor-element-b0bf6c6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-180 .elementor-element.elementor-element-0e72b77{--grid-template-columns:repeat(0, auto);--icon-size:18px;--grid-column-gap:15px;--grid-row-gap:0px;}.elementor-180 .elementor-element.elementor-element-0e72b77 .elementor-widget-container{text-align:center;}.elementor-180 .elementor-element.elementor-element-0e72b77 .elementor-social-icon{background-color:var( --e-global-color-secondary );--icon-padding:10px;}.elementor-180 .elementor-element.elementor-element-0e72b77 .elementor-social-icon i{color:#FFFFFF;}.elementor-180 .elementor-element.elementor-element-0e72b77 .elementor-social-icon svg{fill:#FFFFFF;}.elementor-180 .elementor-element.elementor-element-0e72b77 .elementor-social-icon:hover{background-color:var( --e-global-color-primary );}.elementor-180 .elementor-element.elementor-element-0e72b77 .elementor-social-icon:hover i{color:#FFFFFF;}.elementor-180 .elementor-element.elementor-element-0e72b77 .elementor-social-icon:hover svg{fill:#FFFFFF;}.elementor-180 .elementor-element.elementor-element-da07e87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-180 .elementor-element.elementor-element-3ba8851 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-180 .elementor-element.elementor-element-3ba8851 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-180 .elementor-element.elementor-element-3ba8851 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-180 .elementor-element.elementor-element-3ba8851 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-180 .elementor-element.elementor-element-3ba8851 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-180 .elementor-element.elementor-element-3ba8851 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-180 .elementor-element.elementor-element-3ba8851 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-180 .elementor-element.elementor-element-3ba8851{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-180 .elementor-element.elementor-element-3ba8851 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-180 .elementor-element.elementor-element-3ba8851 .elementor-icon-list-item > a{font-weight:700;}.elementor-180 .elementor-element.elementor-element-3ba8851 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-180 .elementor-element.elementor-element-3ba8851 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-accent );}.elementor-180 .elementor-element.elementor-element-0439b9a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-180 .elementor-element.elementor-element-0439b9a:not(.elementor-motion-effects-element-type-background), .elementor-180 .elementor-element.elementor-element-0439b9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-180 .elementor-element.elementor-element-9539b8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-180 .elementor-element.elementor-element-9539b8e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-180 .elementor-element.elementor-element-9664a51{width:var( --container-widget-width, 105.34% );max-width:105.34%;--container-widget-width:105.34%;--container-widget-flex-grow:0;}.elementor-180 .elementor-element.elementor-element-9664a51.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-180 .elementor-element.elementor-element-9664a51 img{width:100%;max-width:100%;height:130px;}.elementor-180 .elementor-element.elementor-element-c8f46f6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-180 .elementor-element.elementor-element-c8f46f6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-180 .elementor-element.elementor-element-9d51ad3{width:auto;max-width:auto;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-180 .elementor-element.elementor-element-9d51ad3 > .elementor-widget-container{margin:0px 0px 0px 50px;}.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-primary );}.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-345e7aa );fill:var( --e-global-color-345e7aa );padding-top:2px;padding-bottom:2px;}.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu--dropdown a:hover,
					.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu--dropdown a:focus,
					.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu--dropdown .elementor-item, .elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-180 .elementor-element.elementor-element-9d51ad3 div.elementor-menu-toggle{color:var( --e-global-color-secondary );}.elementor-180 .elementor-element.elementor-element-9d51ad3 div.elementor-menu-toggle svg{fill:var( --e-global-color-secondary );}.elementor-180 .elementor-element.elementor-element-bfbf9e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-180 .elementor-element.elementor-element-bfbf9e1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-180 .elementor-element.elementor-element-2009827 .elementor-button{fill:#000000;color:#000000;padding:15px 35px 15px 35px;}.elementor-180 .elementor-element.elementor-element-2009827 .elementor-button:hover, .elementor-180 .elementor-element.elementor-element-2009827 .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-180 .elementor-element.elementor-element-2009827 .elementor-button:hover svg, .elementor-180 .elementor-element.elementor-element-2009827 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-180 .elementor-element.elementor-element-9d51ad3 > .elementor-widget-container{margin:0px 0px 0px 50px;padding:0px 0px 0px 0px;}.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-secondary-font-size );}.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu--dropdown .elementor-item, .elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-text-font-size );}.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu--dropdown a{padding-left:77px;padding-right:77px;padding-top:10px;padding-bottom:10px;}.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:34px !important;}.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-menu-toggle{border-radius:0px;}}@media(min-width:768px){.elementor-180 .elementor-element.elementor-element-3d4fc70{--content-width:1600px;}.elementor-180 .elementor-element.elementor-element-b0bf6c6{--width:66.6666%;}.elementor-180 .elementor-element.elementor-element-da07e87{--width:66.6666%;}.elementor-180 .elementor-element.elementor-element-0439b9a{--content-width:1322px;}.elementor-180 .elementor-element.elementor-element-9539b8e{--width:19%;}.elementor-180 .elementor-element.elementor-element-c8f46f6{--width:80%;}.elementor-180 .elementor-element.elementor-element-bfbf9e1{--width:19%;}}@media(max-width:767px){.elementor-180 .elementor-element.elementor-element-0e72b77 .elementor-widget-container{text-align:center;}.elementor-180 .elementor-element.elementor-element-9d51ad3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-secondary-font-size );}.elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu--dropdown .elementor-item, .elementor-180 .elementor-element.elementor-element-9d51ad3 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for nav-menu, class: .elementor-element-9d51ad3 *//* === MEGA DROPDOWN "Materials" (NO lo deja abierto) === */

/* SOLO estiliza cuando Elementor lo muestra */
.elementor-nav-menu--main .materials-mega > .sub-menu{
  padding: 18px 18px !important;
  min-width: 760px;
}

/* Cuando el dropdown esté visible, lo convertimos en grid */
.elementor-nav-menu--main .materials-mega:hover > .sub-menu,
.elementor-nav-menu--main .materials-mega:focus-within > .sub-menu{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: 16px;
}

/* Responsive */
@media (max-width: 1024px){
  .elementor-nav-menu--main .materials-mega:hover > .sub-menu,
  .elementor-nav-menu--main .materials-mega:focus-within > .sub-menu{
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    min-width: auto;
  }
}

/* Quitamos bullets/puntitos */
.elementor-nav-menu--main .materials-mega .sub-menu,
.elementor-nav-menu--main .materials-mega .sub-menu li{
  list-style: none !important;
}
.elementor-nav-menu--main .materials-mega .sub-menu a::before{
  content: none !important;
}

/* Card (imagen en cada LI) */
.elementor-nav-menu--main .materials-mega > .sub-menu > li{
  height: 74px;
  border-radius: 10px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  position: relative;
  cursor: pointer; /* para que se sienta clickeable */
}

/* Badge (título visible) - tal cual tu versión que funciona */
.elementor-nav-menu--main .materials-mega > .sub-menu > li > a{
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-block;
  width: auto !important;
  padding: 6px 10px;
  border-radius: 6px;
  background: #0f2b36;
  color: #fff !important;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  text-decoration: none !important;
  z-index: 2;
}

/* ===== IMÁGENES INDIVIDUALES (por clases del menú) ===== */
.materials-mega .mat-marble{
  background-image: url("https://mjgraniteandcountertopllc.com/wp-content/uploads/2026/02/marble-bnr-min.webp");
}
.materials-mega .mat-quartz{
  background-image: url("https://mjgraniteandcountertopllc.com/wp-content/uploads/2026/02/quartz-bnr-min.webp");
}
.materials-mega .mat-granite{
  background-image: url("https://mjgraniteandcountertopllc.com/wp-content/uploads/2026/02/menu-materials-2-min.webp");
}
.materials-mega .mat-quartzite{
  background-image: url("https://mjgraniteandcountertopllc.com/wp-content/uploads/2026/02/menu-materials-3-min.webp");
}/* End custom CSS */