/*
Theme Name: Church & Event Child
Author: Vamtam
Author URI: http://vamtam.com
Template: church-event
*/
/* SPEWEB — static homepage hero, original assets */
body.home #speweb-home-hero{
 display:block!important;position:relative!important;width:100%!important;
 height:clamp(500px,52vw,720px)!important;margin:0!important;padding:0!important;
 background-color:#000!important;
 background-image:url('/wp-content/uploads/2016/11/fec.png'),url('/wp-content/uploads/2016/10/sepulcro3.jpg')!important;
 background-repeat:no-repeat,no-repeat!important;
 background-position:center top 15%,center 48%!important;
 background-size:307px 60px,cover!important;
 overflow:hidden!important;
}
@media(max-width:899px){
 body.home #speweb-home-hero{height:clamp(360px,72vw,540px)!important;background-position:center top 10%,center 48%!important;background-size:260px 50px,cover!important;}
}
@media(max-width:599px){
 body.home #speweb-home-hero{height:68vw!important;min-height:300px!important;max-height:420px!important;background-position:center top 8%,center 48%!important;background-size:200px 40px,cover!important;}
}

/* ============================================================
   AJUSTES NUEVOS (2026-11-01): Slider hero — números romanos, escudo, títulos
   ============================================================ */

/* 1. NÚMEROS ROMANOS (speweb-hero-mark): sutiles, pequeños, a la derecha */
body.home #speweb-home-hero .speweb-hero-mark {
  position: absolute !important;
  right: 2.5% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-family: Georgia, Times New Roman, serif !important;
  font-size: clamp(1.2rem, 2.5vw, 2.2rem) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: rgba(255, 255, 255, 0.18) !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  pointer-events: none !important;
  user-select: none !important;
  z-index: 10 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.4) !important;
}

@media (max-width: 899px) {
  body.home #speweb-home-hero .speweb-hero-mark {
    right: 3% !important;
    font-size: clamp(1rem, 2.2vw, 1.6rem) !important;
    color: rgba(255, 255, 255, 0.15) !important;
  }
}

@media (max-width: 599px) {
  body.home #speweb-home-hero .speweb-hero-mark {
    right: 4% !important;
    top: 60% !important;
    font-size: clamp(0.85rem, 2vw, 1.2rem) !important;
    color: rgba(255, 255, 255, 0.12) !important;
  }
}

/* 2. ESCUDO PASO NEGRO (background image fec.png): centrado correctamente */
body.home #speweb-home-hero::before {
  content: '' !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  background-image: url('/wp-content/uploads/2016/11/fec.png') !important;
  background-repeat: no-repeat !important;
  background-position: center top 15% !important;
  background-size: 307px 60px !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

@media (max-width: 899px) {
  body.home #speweb-home-hero::before {
    background-position: center top 10% !important;
    background-size: 260px 50px !important;
  }
}

@media (max-width: 599px) {
  body.home #speweb-home-hero::before {
    background-position: center top 8% !important;
    background-size: 200px 40px !important;
  }
}

/* Quitar el background-image duplicado del contenedor principal para el escudo */
body.home #speweb-home-hero {
  background-image: url('/wp-content/uploads/2016/10/sepulcro3.jpg') !important;
  background-position: center 48% !important;
}

/* 3. TÍTULOS: contraste y legibilidad */
body.home .speweb-home-kicker {
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.7), 0 1px 3px rgba(0,0,0,0.5) !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
}

body.home h1.visuallyhidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* PASS 1 FIX: Mobile menu trigger visibility & body overflow handling */
@media (max-width: 991px) {
  #mp-menu-trigger {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    color: #fff;
    z-index: 1001;
  }
  .fixed-header-box.fixed {
    width: 100% !important;
    max-width: 100vw !important;
  }
}
body {
  overflow: visible !important;
}
html {
  overflow-x: hidden;
}
.taptap-main-wrapper {
  z-index: 10000 !important;
}
.taptap-background-overlay.taptap-background-overlay-active {
  z-index: 9999 !important;
}
.taptap-background-color.taptap-background-color-active {
  z-index: 9998 !important;
}
.taptap-search-overlay.taptap-search-overlay-active {
  z-index: 10001 !important;
}
.taptap-search-wrapper.taptap-search-wrapper-active {
  z-index: 10002 !important;
}
@font-face {
  font-family: 'theme';
  src: url('../wpv_theme/assets/fonts/icons/theme-icons.woff') format('woff'),
       url('../wpv_theme/assets/fonts/icons/theme-icons.ttf') format('truetype'),
       url('../wpv_theme/assets/fonts/icons/theme-icons.svg#theme') format('svg'),
       url('../wpv_theme/assets/fonts/icons/theme-icons.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'icomoon';
  src: url('../vamtam/assets/fonts/icons/icons.woff') format('woff'),
       url('../vamtam/assets/fonts/icons/icons.ttf') format('truetype'),
       url('../vamtam/assets/fonts/icons/icons.svg#icomoon') format('svg'),
       url('../vamtam/assets/fonts/icons/icons.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.sep-text-line img[src*="separador-para-web"],
img[src*="separador-para-web"] {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .loop-wrapper.news .post-date {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    min-width: 60px;
    padding: 8px 12px;
    background: rgba(0,0,0,0.05);
    border-radius: 6px;
    margin-right: 16px;
    white-space: normal;
  }
  .loop-wrapper.news .post-date .top-part {
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #d14d42 !important;
    width: auto !important;
  }
  .loop-wrapper.news .post-date .bottom-part {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #666 !important;
    width: auto !important;
    margin-top: 2px;
  }
  .loop-wrapper.news .post-row-left {
    flex: 0 0 auto;
  }
  .loop-wrapper.news .post-row {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  .loop-wrapper.news .post-row-center {
    flex: 1 1 auto;
    min-width: 0;
  }
}
#footer-sidebars .widget img,
.copyrights img {
  max-width: 100% !important;
  height: auto !important;
  width: auto !important;
}
#footer-sidebars .widget_text .textwidget img,
#footer-sidebars .widget_media_image img {
  max-width: 280px !important;
  height: auto !important;
}
@media (max-width: 767px) {
  #footer-sidebars .widget_text .textwidget img,
  #footer-sidebars .widget_media_image img {
    max-width: 220px !important;
  }
  .copyrights img {
    max-width: 180px !important;
  }
}
@media (max-width: 767px) {
  .responsive-layout #footer-sidebars > .row aside {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding: 30px 20px !important;
    margin-bottom: 0 !important;
  }
  .responsive-layout #footer-sidebars > .row aside:last-child {
    border-bottom: none !important;
  }
  .responsive-layout #footer-sidebars > .row .widget {
    padding: 0 !important;
    margin-bottom: 20px !important;
  }
  .responsive-layout #footer-sidebars > .row .widget:last-child {
    margin-bottom: 0 !important;
  }
  .responsive-layout #footer-sidebars .widget-title {
    text-align: center !important;
    padding-top: 0 !important;
    margin-bottom: 16px !important;
    font-size: 16px !important;
  }
  .responsive-layout #footer-sidebars .widget_text,
  .responsive-layout #footer-sidebars .widget_recent_entries {
    text-align: center;
  }
  .responsive-layout #footer-sidebars .widget_recent_entries ul {
    padding: 0;
    list-style: none;
  }
  .responsive-layout #footer-sidebars .widget_recent_entries li {
    margin-bottom: 16px;
    padding: 0;
  }
  .responsive-layout #footer-sidebars .widget_recent_entries a {
    color: #fff !important;
  }
  .responsive-layout #footer-sidebars .widget_recent_entries .post-date {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    color: #aaa;
  }
  .responsive-layout #footer-sidebars .widget_text .button {
    display: inline-block;
  }
  .copyrights .row > div {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
    padding: 10px 0 !important;
  }
  .copyrights p { margin: 8px 0 !important; font-size: 13px !important; }
}