* {
	font-family: sans-serif;
}

#main-carousel {
	width: 100%;
	height: auto !important;
}

.catalog-title {
	background: linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 29%,rgba(243,243,243,0.5) 30%,rgba(255,255,255,0) 90%);
	box-shadow: inset 0 -10px 15px -10px rgba(0,0,0,0.3);
  	display: inline-block;
  	font-style: normal;        /* quitamos la itálica normal */
  	transform: skewX(12deg);  /* inclinación hacia la izquierda */
}

#main-banner {
	overflow: hidden;
}




@media (max-width: 767px) {
  /* usa la clase que agregaste al container */
  #main-banner {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* forzar que las slides no tengan altura fija */
  #main-banner .swiper-slide,
  #main-banner .slick-slide,
  #main-banner .elementor-widget-wrap {
    min-height: 0 !important;
    height: auto !important;
  }

  /* controlar imágenes dentro del slider */
  #main-banner img {
    height: auto !important;
    max-height: 70vh; /* ajusta si quieres menos alto */
    width: 100%;
    object-fit: cover;
  }
}




.header-search {
    display: flex;
    justify-content: center;
    margin-top: 0px;
    margin-bottom: 15px;
    padding: 10px 15px;
    /*background-color: #B22222;*/
}

.search-form {
    position: relative;
    width: 80%;
    max-width: 600px;
}

.search-field {
    width: 100%;
    padding: 10px 40px 10px 15px;
    border: 1px solid #ccc;
    border-radius: 25px;
    font-size: 16px;
    outline: none;
}

.search-submit {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

.search-submit:hover {
    color: #000;
}


.u-header .u-sheet-1 {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
    flex-wrap: wrap !important;
}


.pagination .current {
    background-color: #B22222 !important;
    color: #fff !important;
    border-color: #B22222 !important;
}

.pagination a, .pagination span {
    color: #B22222 !important;
}

.pagination a:hover {
    background-color: #B22222 !important;
    color: #FFF !important;
}


form.init {
    width: auto !important;
    margin: auto !important;
    background: linear-gradient(135deg, #c0c0c0, #B22222, #c0c0c0) !important;
    padding: 15px !important;
    border-radius: 25px !important;
    border: 3px solid #B22222 !important;
}

form.init span.wpcf7-form-control-wrap, form.init span.wpcf7-form-control-wrap input, form.init span.wpcf7-form-control-wrap textarea {
    width: 100% !important;
    display: block !important;
}