/* ======================================================
   AMERICAN REMODEL - BLUE ACTIVE PAGES
   Enfoque: Home, Winners, Claim, Contact, Panel, Shortcode.
   No WooCommerce como prioridad.
====================================================== */

:root{
  --am-blue-950:#061426;
  --am-blue-900:#09203f;
  --am-blue-800:#0b2f63;
  --am-blue-700:#0d47a1;
  --am-blue-600:#1565d8;
  --am-blue-500:#2188ff;
  --am-cyan:#38c8ff;
  --am-ice:#eef7ff;
  --am-white:#ffffff;
  --am-text:#102033;
  --am-muted:#607089;
  --am-line:rgba(13,71,161,.14);
  --am-shadow:0 24px 70px rgba(6,20,38,.14);
  --am-shadow-strong:0 34px 95px rgba(6,20,38,.22);
  --am-radius:28px;
}

body.kh-american-remodel{
  background:
    radial-gradient(circle at 12% 8%, rgba(33,136,255,.16), transparent 28%),
    radial-gradient(circle at 88% 30%, rgba(56,200,255,.12), transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#f3f8ff 42%,#eaf3ff 100%) !important;
  color:var(--am-text) !important;
}

body.kh-american-remodel #Wrapper{
  background:transparent !important;
}

/* ================= HEADER NUEVO AZUL ================= */

body.kh-american-remodel #Header,
body.kh-american-remodel #Top_bar,
body.kh-american-remodel #Top_bar.is-sticky{
  background:rgba(255,255,255,.95) !important;
}

body.kh-american-remodel #Top_bar{
  border-bottom:1px solid rgba(13,71,161,.13) !important;
  box-shadow:0 16px 50px rgba(6,20,38,.10) !important;
  backdrop-filter:blur(18px);
}

body.kh-american-remodel #Top_bar .container,
body.kh-american-remodel #Top_bar .top_bar_left,
body.kh-american-remodel #Top_bar .menu_wrapper{
  background:transparent !important;
}

body.kh-american-remodel #Top_bar #logo img{
  max-height:58px !important;
  width:auto !important;
}

body.kh-american-remodel #Top_bar .menu > li > a{
  color:var(--am-blue-950) !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
}

body.kh-american-remodel #Top_bar .menu > li > a span{
  border:0 !important;
}

body.kh-american-remodel #Top_bar .menu > li.current-menu-item > a,
body.kh-american-remodel #Top_bar .menu > li.current_page_item > a,
body.kh-american-remodel #Top_bar .menu > li > a:hover{
  color:var(--am-blue-600) !important;
}

body.kh-american-remodel #Top_bar a.responsive-menu-toggle{
  background:linear-gradient(135deg,var(--am-blue-700),var(--am-blue-500)) !important;
  color:#fff !important;
  border-radius:16px !important;
  box-shadow:0 16px 34px rgba(13,71,161,.24) !important;
}

/* ================= HERO HOME - REVSLIDER ================= */

body.home.kh-american-remodel sr7-module#SR7_22_1,
body.home.kh-american-remodel #SR7_22_1{
  position:relative !important;
  overflow:hidden !important;
  border-radius:0 0 54px 54px !important;
  box-shadow:var(--am-shadow-strong) !important;
  background:
    radial-gradient(circle at 80% 8%, rgba(56,200,255,.36), transparent 26%),
    radial-gradient(circle at 16% 80%, rgba(33,136,255,.24), transparent 34%),
    linear-gradient(135deg,var(--am-blue-950) 0%,var(--am-blue-800) 46%,var(--am-blue-600) 100%) !important;
}

body.home.kh-american-remodel sr7-module#SR7_22_1:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(6,20,38,.82) 0%, rgba(9,32,63,.52) 44%, rgba(21,101,216,.10) 100%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.06) 0 1px, transparent 1px 18px) !important;
}

body.home.kh-american-remodel sr7-module#SR7_22_1:after{
  content:"";
  position:absolute;
  right:-120px;
  bottom:-170px;
  width:560px;
  height:560px;
  z-index:3;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(circle,rgba(56,200,255,.24),rgba(33,136,255,.11),transparent 70%);
}

body.home.kh-american-remodel sr7-module#SR7_22_1 sr7-txt,
body.home.kh-american-remodel sr7-module#SR7_22_1 sr7-btn{
  z-index:9 !important;
  text-shadow:0 14px 36px rgba(0,0,0,.36) !important;
}

body.home.kh-american-remodel sr7-module#SR7_22_1 sr7-txt{
  letter-spacing:-.04em !important;
}

body.home.kh-american-remodel sr7-module#SR7_22_1 sr7-btn,
body.home.kh-american-remodel sr7-module#SR7_22_1 a{
  border-radius:999px !important;
  box-shadow:0 22px 54px rgba(33,136,255,.30) !important;
}

/* ================= ESTRUCTURA GENERAL ================= */

body.kh-american-remodel .mfn-builder-content{
  background:
    radial-gradient(circle at 8% 18%,rgba(33,136,255,.10),transparent 28%),
    radial-gradient(circle at 92% 45%,rgba(56,200,255,.10),transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#f6faff 48%,#edf6ff 100%) !important;
}

body.kh-american-remodel .section_wrapper,
body.kh-american-remodel .container{
  max-width:1180px !important;
}

body.kh-american-remodel .mcb-section:not(:first-child){
  padding-top:76px !important;
  padding-bottom:76px !important;
}

body.kh-american-remodel .mcb-section{
  position:relative;
}

body.kh-american-remodel .mcb-wrap,
body.kh-american-remodel .mcb-column,
body.kh-american-remodel .mfn-module-wrapper{
  box-sizing:border-box !important;
}

body.kh-american-remodel .mcb-column-inner,
body.kh-american-remodel .mfn-module-wrapper{
  border-radius:var(--am-radius);
}

/* ================= TITULOS Y TEXTOS ================= */

body.kh-american-remodel h1,
body.kh-american-remodel h2,
body.kh-american-remodel h3,
body.kh-american-remodel h4,
body.kh-american-remodel .title{
  color:var(--am-blue-950) !important;
  font-weight:950 !important;
  letter-spacing:-.04em !important;
}

body.kh-american-remodel h1{
  line-height:.98 !important;
}

body.kh-american-remodel h2{
  line-height:1.02 !important;
}

body.kh-american-remodel p,
body.kh-american-remodel .desc,
body.kh-american-remodel .column_column ul,
body.kh-american-remodel .column_column ol{
  color:var(--am-muted) !important;
  font-size:16px !important;
  line-height:1.74 !important;
}

body.kh-american-remodel .dark h1,
body.kh-american-remodel .dark h2,
body.kh-american-remodel .dark h3,
body.kh-american-remodel .dark h4,
body.kh-american-remodel .dark .title,
body.kh-american-remodel .dark p{
  color:#fff !important;
}

/* ================= CARDS / BLOQUES / IMAGENES ================= */
/* Sin líneas verticales azules a la izquierda */

body.kh-american-remodel .mfn-icon-box,
body.kh-american-remodel .icon_box,
body.kh-american-remodel .feature_box,
body.kh-american-remodel .promo_box,
body.kh-american-remodel .trailer_box,
body.kh-american-remodel .article_box,
body.kh-american-remodel .column_image .image_frame,
body.kh-american-remodel .mcb-column-inner:has(.image_frame),
body.kh-american-remodel .mcb-column-inner:has(.column_attr),
body.kh-american-remodel .mfn-module-wrapper:has(.button){
  border:1px solid var(--am-line) !important;
  border-left:1px solid var(--am-line) !important;
  border-radius:var(--am-radius) !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:var(--am-shadow) !important;
  overflow:hidden !important;
}

body.kh-american-remodel .mfn-icon-box:before,
body.kh-american-remodel .icon_box:before,
body.kh-american-remodel .feature_box:before,
body.kh-american-remodel .promo_box:before,
body.kh-american-remodel .trailer_box:before,
body.kh-american-remodel .article_box:before{
  display:none !important;
  content:none !important;
}

body.kh-american-remodel .image_frame img,
body.kh-american-remodel .wp-caption img{
  border-radius:22px !important;
}

body.kh-american-remodel .mfn-icon-box:hover,
body.kh-american-remodel .icon_box:hover,
body.kh-american-remodel .feature_box:hover,
body.kh-american-remodel .promo_box:hover,
body.kh-american-remodel .trailer_box:hover,
body.kh-american-remodel .article_box:hover,
body.kh-american-remodel .column_image .image_frame:hover{
  transform:translateY(-6px) !important;
  transition:transform .24s ease, box-shadow .24s ease !important;
  box-shadow:0 36px 95px rgba(6,20,38,.20) !important;
}

/* ================= BOTONES AZULES ================= */

body.kh-american-remodel a.button,
body.kh-american-remodel .button,
body.kh-american-remodel button,
body.kh-american-remodel input[type="submit"]{
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,var(--am-blue-700),var(--am-blue-500)) !important;
  color:#fff !important;
  font-weight:950 !important;
  letter-spacing:.02em !important;
  padding:14px 26px !important;
  box-shadow:0 20px 46px rgba(13,71,161,.26) !important;
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}

body.kh-american-remodel a.button:hover,
body.kh-american-remodel .button:hover,
body.kh-american-remodel button:hover,
body.kh-american-remodel input[type="submit"]:hover{
  background:linear-gradient(135deg,var(--am-blue-950),var(--am-blue-700)) !important;
  color:#fff !important;
  transform:translateY(-2px) !important;
  box-shadow:0 26px 60px rgba(6,20,38,.28) !important;
}

/* ================= CONTACT FORM 7 ================= */

body.kh-american-remodel .wpcf7,
body.kh-american-remodel form.wpcf7-form{
  border:1px solid var(--am-line) !important;
  border-radius:30px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:var(--am-shadow) !important;
  padding:26px !important;
}

body.kh-american-remodel input[type="text"],
body.kh-american-remodel input[type="email"],
body.kh-american-remodel input[type="tel"],
body.kh-american-remodel input[type="password"],
body.kh-american-remodel textarea,
body.kh-american-remodel select{
  border:1px solid rgba(13,71,161,.16) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 12px 32px rgba(6,20,38,.06) !important;
  color:var(--am-text) !important;
  padding:14px 16px !important;
}

body.kh-american-remodel input:focus,
body.kh-american-remodel textarea:focus,
body.kh-american-remodel select:focus{
  border-color:var(--am-blue-500) !important;
  box-shadow:0 0 0 4px rgba(33,136,255,.13),0 16px 38px rgba(6,20,38,.10) !important;
}

/* ================= PÁGINAS ESPECÍFICAS ================= */

body.page-id-112.kh-american-remodel .mcb-section,
body.page-id-198.kh-american-remodel .mcb-section,
body.page-id-210.kh-american-remodel .mcb-section,
body.page-id-354.kh-american-remodel .mcb-section,
body.page-id-16.kh-american-remodel .mcb-section{
  background:
    radial-gradient(circle at 12% 10%,rgba(33,136,255,.08),transparent 26%),
    radial-gradient(circle at 86% 34%,rgba(56,200,255,.08),transparent 26%) !important;
}

body.page-id-198.kh-american-remodel #Content,
body.page-id-210.kh-american-remodel #Content,
body.page-id-354.kh-american-remodel #Content{
  min-height:54vh !important;
}

/* Claim vacío o corto: que se vea premium aunque tenga poco contenido */
body.page-id-198.kh-american-remodel .sections_group,
body.page-id-210.kh-american-remodel .sections_group,
body.page-id-354.kh-american-remodel .sections_group{
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,247,255,.96)) !important;
  border-radius:34px !important;
  box-shadow:var(--am-shadow) !important;
  margin-top:34px !important;
  margin-bottom:54px !important;
  overflow:hidden !important;
}

/* Winners: darle forma de galería más moderna */
body.page-id-112.kh-american-remodel .image_frame,
body.page-id-112.kh-american-remodel .mcb-column-inner{
  border-radius:28px !important;
}

/* ================= SUBHEADER ================= */

body.kh-american-remodel #Subheader{
  background:
    radial-gradient(circle at 82% 12%,rgba(56,200,255,.25),transparent 28%),
    linear-gradient(135deg,var(--am-blue-950),var(--am-blue-800) 58%,var(--am-blue-600)) !important;
  color:#fff !important;
  padding:76px 0 !important;
  box-shadow:0 24px 70px rgba(6,20,38,.18) !important;
}

body.kh-american-remodel #Subheader h1,
body.kh-american-remodel #Subheader .title{
  color:#fff !important;
  font-weight:950 !important;
}

/* ================= FOOTER AZUL ================= */

body.kh-american-remodel #Footer,
body.kh-american-remodel #mfn-footer-template,
body.kh-american-remodel .mfn-footer-tmpl{
  background:
    radial-gradient(circle at 14% 12%,rgba(56,200,255,.18),transparent 30%),
    radial-gradient(circle at 90% 0%,rgba(33,136,255,.20),transparent 30%),
    linear-gradient(135deg,var(--am-blue-950),var(--am-blue-900) 64%,#030b16) !important;
  color:#dcecff !important;
}

body.kh-american-remodel #Footer h1,
body.kh-american-remodel #Footer h2,
body.kh-american-remodel #Footer h3,
body.kh-american-remodel #Footer h4,
body.kh-american-remodel #Footer .title,
body.kh-american-remodel #mfn-footer-template h1,
body.kh-american-remodel #mfn-footer-template h2,
body.kh-american-remodel #mfn-footer-template h3,
body.kh-american-remodel #mfn-footer-template h4{
  color:#fff !important;
}

body.kh-american-remodel #Footer a,
body.kh-american-remodel #mfn-footer-template a{
  color:#fff !important;
}

body.kh-american-remodel #Footer .widgets_wrapper,
body.kh-american-remodel #mfn-footer-template .section_wrapper{
  padding-top:62px !important;
  padding-bottom:62px !important;
}

body.kh-american-remodel #Footer .footer_copy{
  background:rgba(0,0,0,.18) !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}

/* ================= MOBILE ================= */

@media(max-width:767px){
  body.kh-american-remodel #Top_bar{
    position:relative !important;
  }

  body.kh-american-remodel #Top_bar #logo img{
    max-height:46px !important;
  }

  body.home.kh-american-remodel sr7-module#SR7_22_1,
  body.home.kh-american-remodel #SR7_22_1{
    border-radius:0 0 30px 30px !important;
  }

  body.kh-american-remodel .mcb-section:not(:first-child){
    padding-top:46px !important;
    padding-bottom:46px !important;
  }

  body.kh-american-remodel h1{
    font-size:38px !important;
    line-height:1.04 !important;
  }

  body.kh-american-remodel h2{
    font-size:30px !important;
    line-height:1.08 !important;
  }

  body.kh-american-remodel .wpcf7,
  body.kh-american-remodel form.wpcf7-form{
    padding:18px !important;
    border-radius:24px !important;
  }

  body.page-id-198.kh-american-remodel .sections_group,
  body.page-id-210.kh-american-remodel .sections_group,
  body.page-id-354.kh-american-remodel .sections_group{
    margin-top:18px !important;
    margin-bottom:32px !important;
    border-radius:24px !important;
  }
}