/* =========================================================
   DCV - Sub-header (UI only)
   Archivo: assets/css/custom-subheader.css
   ========================================================= */

:root{
  --dcv-header-height: 74px;
  --dcv-admin-bar-height: 32px;
}

.dcv-subheader{
  width: 100%;
  background: #FFFFFF;
  border-bottom: 1px solid #E6E8F0;
  box-shadow: 0 6px 18px rgba(17, 24, 39, 0.08);
  position: fixed;
  left: 0;
  right: 0;
  top: var(--dcv-header-height);
  z-index: 90;
}

body.admin-bar .dcv-subheader{
  top: calc(var(--dcv-admin-bar-height) + var(--dcv-header-height));
}

.dcv-subheader-spacer{
  height: 78px;
  flex: 0 0 100%;
}

body.admin-bar .dcv-subheader-spacer{
  height: calc(78px + var(--dcv-admin-bar-height));
}

.dcv-subheader__container{
  max-width: 1440px;
  height: 78px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  box-sizing: border-box;
}

.dcv-subheader__logo{
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.dcv-subheader__logo-link{
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

.dcv-subheader__logo-img{
  display: block;
  /* max-height: 40px;
  max-width: 120px; */
  width: auto;
}

.dcv-subheader__logo-mark{
  font-weight: 800;
  font-size: 18px;
  line-height: 1;
  color: #111827;
  letter-spacing: 0.02em;
}

body .dcv-subheader__search{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  min-width: 0;
  margin: 0;
}

body .dcv-subheader__field{
  position: relative;
  flex: 0 0 auto;
  min-width: 0;
  max-width: none;
  width: min(560px, 52vw);
}

.dcv-subheader__icon{
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  display: block;
  opacity: 0.7;
}

.dcv-subheader__icon::before{
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
}

.dcv-subheader__input{
  width: 100%;
  height: 40px;
  border: 1px solid #E6E8F0;
  border-radius: 10px 0px 0px 10px;
  padding-left: 38px;
  padding-right: 12px;
  font-size: 14px;
  color: #111827;
  background: #FFFFFF;
  box-shadow: none;
  box-sizing: border-box;
}
.dcv-subheader__input::placeholder{
  color: #333333;
}

.dcv-subheader__input:focus{
  outline: none;
  border-color: rgba(108, 62, 244, 0.35);
  box-shadow: 0 0 0 3px rgba(108, 62, 244, 0.12);
}

body .dcv-subheader__button{
  height: 40px !important;
  font-size: 16px !important;
  border-radius: 0px 10px 10px 0px !important;
  border: 1px solid #6C3EF4 !important;
  background: #8137F2 !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  padding: 0 16px !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

.dcv-subheader__button:hover{
  background: #5A2FE0;
  border-color: #5A2FE0;
}

@media (max-width: 768px){
  .dcv-subheader__container{
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    align-items: stretch;
    gap: 12px;
    align-items: center;
  }

  body .dcv-subheader__search{
    width: 100%;
    flex: 1 1 auto;
    align-items: stretch;
  }

  body .dcv-subheader__button{
    width: 100%;
  }
}
.footer-bottom .container{
    max-width: 1440px;
}

/* Estilos para el header */
/* ===== Centro de Ayuda: icono ? antes ===== */
#menu-item-50 > a {
  display: inline-flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  padding-left: 32px;
  padding-right: 18px;
  gap: 0;
  white-space: nowrap;
  flex-shrink: 0;
  text-decoration: none;
  border: 0;
}

#menu-item-50.current-menu-item > a > span,
#menu-item-50.current_page_item > a > span,
#menu-item-50.current-menu-ancestor > a > span,
#menu-item-50 > a:hover > span,
#menu-item-50 > a:focus > span {
  color: #8137F2 !important;
}


/* Icono de pregunta */

/* Contenedor del SVG */
#menu-item-50 > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  
  /* PEGA AQUÍ TU SVG EN FORMATO DATA-URI */
  /* ejemplo abajo */
   background-image: url("../images/help.svg");
}



/* Separador vertical estilo Figma */
#menu-item-50 > a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1px;
  height: 29px;
  background: rgba(255, 255, 255, 0.836);
}
.dcv-subheader__title {
    margin: 0px 10px 0px 0px;
    color: #4D2191;
    font-size: 16px;
    font-weight: 600;
}