/* Banner full-width */
.custom-tax-banner {
    width: 100vw; /* ocupa todo el ancho de la ventana */
    height: 302px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: calc(-50vw + 50%); /* centrado full-width respecto al contenedor */
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .custom-tax-banner {
    height: 57vh;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .custom-tax-banner {
    background-repeat: repeat-x;
    height: 37vh;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .custom-tax-banner {
    height: 42vh;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .custom-tax-banner {
    height: 50vh;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .custom-tax-banner {
    height: 80vh;
  }
}


/* Logo centrado sobre el banner */
.custom-tax-banner-logo {
    max-height: 160px;
    max-width: 80%;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

/* Título si lo quieres sobre el banner */
.custom-tax-banner-inner {
    position: relative;
    z-index: 3;
    text-align: center;
    color: #fff;
}

/* Contenido introductorio dentro del contenedor del tema */
.custom-tax-intro {
    max-width: 1200px; /* mismo ancho que el contenedor del tema */
    margin: 20px auto;
    padding: 10px;
    font-size: 1.1rem;
    line-height: 1.6;
}