/*
Theme Name: Segundoplano Child
Description: Personalizaciones de Vistabona sobre WP Store 1.2.0 (borrador para staging).
Author: Segundoplano
Template: wp-store
Version: 2.0.3
Text Domain: segundoplano-child
*/

/* Estilos personalizados de Vistabona para WP Store 1.2.0.
   Se conserva el orden de cascada de la cabecera para mantener el diseño validado. */

/* Fondo de la web (antes dependia de una clase .bg_azul no aplicada). */
body {
    background: #205a79 url("images/Page-BgTexture.jpg") repeat;
	color: #fff;
}

/* Max Mega Menu: ocultar botones móviles  */
#mega-menu-wrap-primary .mega-menu-toggle {
   display: none !important;
}


/**-- Segundoplano **/
#primary{
	padding-top: 20px; 
}
.top-header {
    background: #fff;
    text-align: center;
}
.account-wrap div a{
	color: #00639E;
}
	/* Breadcrubm */
div.breadcrumb{
	background-color: transparent;
	margin-bottom: 0;
}
div.breadcrumb nav{
	background: transparent;
    border: 0;
    color: #f6a225;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    padding: 0;
}
div.breadcrumb nav a {
    color: #777;
}
div.breadcrumb nav a:hover{
	color: #F6a225;
}
.product-title {
	padding-left: 5px;
}

.main-navigation ul li.current_page_item.menu-item-601 a:before{border-right: 47px solid transparent;border-left: 47px solid transparent;}
.main-navigation ul li.current_menu_item.menu-item-646 a:before{border-right: 80px solid transparent;border-left: 80px solid transparent;}

body.page-id-37 .main-navigation ul li.current-menu-item a:before, page-id-37 .main-navigation ul li.current_page_item a:before, page-id-37 .main-navigation ul li.current-menu-ancestor a:before{
	border-right: 50px solid transparent;
    border-left: 50px solid transparent;
    border-top: 14px solid #FFC513;
}
body.home #tab_container_1021 .tab-content{
	background-color: transparent !important; 
	text-align: justify;
}

#presentacion iframe {
	width: 560px;
	height: 315px;
	padding-top: 15px;
	border: 0;
}

#presentacion div.texto {
	text-align: center;
	max-width: 800px;
	margin: 15px auto;
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#presentacion div.texto::-webkit-scrollbar {
    width: 10px;
}

#presentacion div.texto::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 10px;
}

#presentacion div.texto::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
}

#presentacion div.texto h2 {
	font-family: Arial;
	font-size: 25px;
}

.fl-module-content{
	margin: 0;
}
.fl-row-content-wrap {
    padding: 0;
}
.fl-rich-text{
	padding: 0 10px;
}
.slide-type-1-sync {
    text-align: center;
}
.slide-type-1-sync h3 {
    color: #6B7178;
    font-size: 16px;
    font-weight: 700;
    text-shadow: 1px 0px 0px rgba(255,255,255, .9);
    margin-top: 0px;
    margin-bottom: 0px;
}
.slide-type-1-sync p {
    color: #8E98A0;
    font-size: 12px;
    text-shadow: 1px 0px 0px rgba(255,255,255, .9);
    margin-top: 0px;
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
#sync2 {
    margin-top: -5px;
    margin-bottom: 30px;
}
#sync2 .synced .item {
    background: url(images/sync-hover.png)repeat-x top left;
}
#sync2 .item {
    cursor: pointer;
    text-align: center;
    height: 100%;
    padding: 15px 0;
}
#sync1 .item {
    display: block;
    padding: 0;
    margin: 0;
    color: #FFF;
    height: 100%;
}
.bar {
    height: 6px;
    width: 100%;
    background: #c8d0d6;
    border-top: 1px solid #b8c1c9;
    border-bottom: 1px solid #ffffff;
    margin-top: 20px;
}

.owl-carousel .owl-item {
    float: left;
}
#sync1 .owl-item{
	min-height: 500px;
}
.owl-item p.descripcion_categoria{
	max-height: 275px;
    overflow-y: auto;
    text-align: justify;
    padding-right: 7px;
}
.owl-item p.descripcion_categoria::-webkit-scrollbar {
    width: 10px;
}

.owl-item p.descripcion_categoria::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
}

.owl-item p.descripcion_categoria::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
}
.owl-item .slide-img{
	display: inline;
	float: left;
	text-align: center;
	width: 50%;
	margin-top: 50px;
}
.owl-wrapper{
	width: 2256px;
    left: 0px;
    display: block;
}
.slide-desc {
    position: absolute;
    right: 60px;
    left: 80px;
}
.slide-desc .inner {
    float: left;
    max-width: 480px;
    padding: 10px;
}
.slide-desc .inner.precio{
	position: absolute;
	top: 0px;
	right: -60px;
}
.slide-desc h1{
    color: #38414B;
    font-size: 36px;
    text-shadow: 1px 1px 1px #FFF;
    line-height: 40px;
    font-weight: 700;
    padding-top: 10px;
}
.slide-desc p {
    color: #7E8A97;
    font-size: 16px;
}
.pro-pricetag {
    background: #d2d9df;
    width: 78px;
    height: 78px;
    border-radius: 100%;
    padding: 5px;
}
.big-deal {
    background: #ffffff;
    width: 110px;
    height: 110px;
}
.pro-pricetag .inner {
    background: #d2d9df;
    width: 100%;
    height: 100%;
    border: 1px solid #ffffff;
    border-radius: 100%;
    line-height: 68px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
}
.big-deal .inner {
    background: #ffffff;
    color: #00639E;
    border-color: #c4cbd1;
}
.oldprice {
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    height: 20px;
    margin-bottom: 0px;
    margin-top: -15px;
    text-align: center;
    text-decoration: line-through;
}
.big-deal span {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
}
.big-deal .oldprice {
    color: #c4cbd1;
    display: block;
    font-size: 13px;
    height: 20px;
    margin-bottom: 5px;
    margin-top: -25px;
    text-align: center;
    text-decoration: line-through;
    font-weight: 400;
}
.big-deal .ondeal {
    color: #d84a3f;
    font-size: 12px;
    display: block;
    text-align: center;
    height: 20px;
    margin-bottom: 5px;
    margin-top: -45px;
    font-weight: 400;
}

#nuestros_productos {
	padding: 20px 0;
}

#nuestros_productos .title-widget{
	color:#FFF;
}
.title-widget-bg > div {
    display: inline-block;
    position: absolute;
    background-color: #205a79;
    background-image: url(images/Page-BgTexture.jpg);
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
}
.title-widget {
    font-size: 22px;
    color: #363d47;
    text-shadow: 1px 1px 1px #FFF;
    font-weight: normal;
    top: -17px;
    padding-right: 10px;
}
.title-widget-bg {
    max-width: 100%;
    height: 6px;
    background: url(images/shizzle-dark.png) repeat-x;
    position: relative;
    margin-top: 45px;
    margin-bottom: 20px;
}
#presentacion .title-widget-bg{
	margin-top: 0;
    margin-bottom: 0;
    width: 50%!important;
    left: 25%;
}
@media(max-width: 768px){
	#presentacion .title-widget-bg{
		left: 0;
	}
}
@media(max-width: 400px){
	.alignright{
		float: none;
		display: block;
	}
}

.title-widget.color-white{
	color: #FFF!important;
}
.carousel-nav {
    right: 0;
    top: -19px;
    padding-left: 10px;
    background: url(images/f-bg.png);
}
.prev, .next {
    width: 36px;
    height: 35px;
    display: inline-block;
    cursor: pointer;
}
.prev {
    background: url(images/sright.png)no-repeat;
}
.next {
    background: url(images/sleft.png)no-repeat;
}
.sprv, .snxt {
    width: 54px;
    height: 54px;
    display: inline-block;
    cursor: pointer;
    text-indent: 0;
}
.snxt {
    background: url(images/shright.png)no-repeat;
}
.sprv {
    background: url(images/shleft.png)no-repeat;
}
.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    padding: 0;
    background: none;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0;
    top: 50%;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0;
    top: 50%;
}
.btn-red {
    color: #ffffff;
    margin: 0;
    border: none;
    background: #e15655;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e15655), to(#be3935));
    background: -webkit-linear-gradient(top, #e15655, #be3935);
    background: -moz-linear-gradient(top, #e15655, #be3935);
    background: -ms-linear-gradient(top, #e15655, #be3935);
    background: -o-linear-gradient(top, #e15655, #be3935);
}
.btn-red:hover {
    color: #ffffff;
    background: #be3935;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#be3935), to(#e15655));
    background: -webkit-linear-gradient(top, #be3935, #e15655);
    background: -moz-linear-gradient(top, #be3935, #e15655);
    background: -ms-linear-gradient(top, #be3935, #e15655);
    background: -o-linear-gradient(top, #be3935, #e15655);
}
.bg_azul{
	background-color: #205a79;
    background-image: url(images/Page-BgTexture.jpg);
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
	color: #FFF!important;
}

body.page-id-8 header.page-header{
	display: none;
}
body.page-id-8 .fl-row-fixed-width, body.page-id-8 .ed-container, header .buttom-header .ed-container{
	width: 100%;
	max-width: none;
}
body.page-id-8 .fl-module-content, body.page-id-8 footer .ed-container{
	max-width: 1100px;
	margin: 0 auto;
}
body.page-id-8.fl-builder .widget_product_categories{
	min-height: 350px;
	overflow-y: hidden;
}
@media (max-width: 1180px){
	header .top-header .ed-container{
		margin: 0 auto;
	    width: 1170px;
	}
}
header .top-header .ed-container{
	max-width: 100%;
}
#slider{
	background-color: #E3E8EC;
}
.cart-count{
	display: none!important;
}

 	/** footer */

aside#text-4 h2.widget-title{
	font-family: Papyrus,Arial,sans-serif;
}
div.contacto{
	border-bottom: 1px dotted #959A9E;
	overflow: auto;
	padding: 5px 0;
}
div.contacto span.icon{
	width: 15%;
	float: left;
}
div.contacto p.contacto_texto{
	width: 70%;
	float: left;
	margin-left: 15px;
	margin-bottom: 0;
	padding: 7px 0;
}
div.contacto p.contacto_texto span{
	display: block;
	width: 100%;
}
ul#menu-pie-izda li{
	padding: 10px 0;
}
footer .site-info img {
    width: auto;
    height: 40px;
}
footer .site-info p{
	margin: 0;
	color: #757575;
}
footer .site-info .segundoplano{
	color: #919191;
}
footer i.fa {
    font-size: 30px;
    color: #E2E6E9;
    padding: 10px;
    width: 50px;
    text-align: center;
    height: 50px;
    border-radius: 100%;
    background-color: #757575;
}
footer .contacto i.fa{
	width: 35px;
	height: 35px;
	padding: 8px;
	background-color: #FFF;
	color: #757575;
	font-size: 20px;
}
footer .footer_payments i.fa{
	background-color: transparent;
    color: #757575;
}
@media (max-width: 1019px){
	.slide-desc .inner{
		display: none;
	}
	.owl-item .slide-img{
		margin-left: 25%;
	}
}
@media (max-width: 720px){
	.owl-item .slide-img{
		width: 100%;
		margin: 15px;
	}
}
@media (max-width: 560px){
	#presentacion iframe{
		width: 100%;
		height: auto;
	}
}
@media (max-width: 500px){
	#sync1 .owl-item{
		min-height: 250px;
	}
}
/* WooCommerce 3.0 Gallery */

.woocommerce-product-gallery {
position: relative;
margin-bottom: 3em
}

.woocommerce-product-gallery figure {
margin: 0
}

.woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block
}

.woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
float: left;
cursor: pointer
}

.woocommerce-product-gallery .flex-control-thumbs img {
opacity: .5
}

.woocommerce-product-gallery .flex-control-thumbs img.flex-active,.woocommerce-product-gallery .flex-control-thumbs img:hover {
opacity: 1
}

.woocommerce-product-gallery img {
display: block
}

.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
width: 33.3333%
}

.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 25%
}

.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 20%
}

.woocommerce-product-gallery__trigger {
position: absolute;
top: 1em;
right: 1em;
z-index: 99;
}

a.woocommerce-product-gallery__trigger {
text-decoration: none;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: .875em;
right: .875em;
display: block;
height: 2em;
width: 2em;
border-radius: 3px;
z-index: 99;
text-align: center;
text-indent: -999px;
overflow: hidden;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
background-color: #169fda;
color: #ffffff;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
background-color: #1781ae;
border-color: #1781ae;
color: #ffffff;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
content: "\f00e";
line-height: 2;
text-indent: 0;
}
.wc_payment_methods img{
	display: none;
}

/* Botones de envío de formularios */
input[type="submit"],
button[type="submit"]:not(.menu-toggle),
.fl-form-button, .edit-link a {
    background: #fff;
    color: #333;
    border: 1px solid #333;
    border-radius: 0;
    padding: 10px 15px;
    cursor: pointer;
}

/* Cabecera Vistabona: navegación debajo de la imagen */
@media (min-width: 992px) {
    header .buttom-header .ed-container {
        display: flex;
        flex-direction: column;
		padding-bottom: 0px;
		border-bottom: none;

    }

    header .buttom-header .wrap-right {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        background: #f3f6f7;
    }

    header .buttom-header .wrap-right > .menu {
        flex: 0 1 auto;
        width: auto;
        min-width: 0;
    }

    header .buttom-header .wrap-right > .machart {
        flex: 0 0 auto;
        width: auto;
        margin-left: 25px;
    }

    header .buttom-header .menu-wrap,
    header .buttom-header .main-navigation {
        width: auto;
    }
}
/*** END SEGUNDOPLANO ***/
/* Vistabona | Recuperacion parcial de estilos historicos.
   Probar solo en staging y revisar escritorio + movil.
   Fuente: diferencias del WP Store 1.0.05 original y personalizaciones previas. */

/* Cabecera: fondo historico */
.buttom-header {
  background: url('images/header-vistabona.jpg') center center no-repeat;
  min-height: 125px;
	padding-top: 0px;
}
.buttom-header .site-branding .site-title {
  font-family: Papyrus, Arial, sans-serif;
  color: #fff;
  font-size: 45px;
}
.buttom-header .site-branding .site-description {
  font-family: Papyrus, Arial, sans-serif;
  color: #fff;
  font-size: 25px;
	padding-bottom: 0px;
}

/* Navegacion y carrito: ajustes historicos */
.menu-wrap { border: 0; margin-bottom: 0; min-height: 45px; }
.menu-wrap .main-navigation { width: 100%; }
.menu-wrap ul li { font-size: 15px; }
.main-navigation ul li a { padding: 12px 20px; }
.main-navigation ul li:hover > a,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a,
.main-navigation ul li.current-menu-ancestor > a {
  background: #ffc513;
  color: #1c1f23;
}

.header-cart .fa.fa-shopping-bag { font-size: 16px; }
@media (min-width: 992px) {
  .buttom-header .wrap-right { display: flex; align-items: center; }
  .buttom-header .wrap-right > .menu { flex: 1 1 auto; min-width: 0; }
  .buttom-header .wrap-right > .machart { flex: 0 0 auto; width: auto; margin-left: 20px; }
  .buttom-header .menu-wrap, .buttom-header .main-navigation { width: 100%; }
}
@media (max-width: 768px) { .cart-title { display: none !important; } }

/* Botones historicamente blancos (sin imponer color a todos los inputs) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: #fff;
  color: #333;
  border: 1px solid #333;
}

/* Footer historico: fondo claro en lugar del gris oscuro del tema padre */
.top-footer {
  background: #e2e6e9;
  color: #919191;
}
.top-footer .widget .widget-title { color: #555; font-size: 24px; }
.top-footer .widget ul li a { color: #919191; }
.top-footer .widget ul li a:hover,
.footer-top .top-footer-menu ul li a:hover { color: #be3935; }
.site-info { background: #f3f6f7; }
.site-info .ed-container { border-top: 0; }
.footer-copyright { color: #919191; }
.footer-top > .ed-container { max-width: 1100px; margin: 0 auto; }


/* ==========================================
   VISTABONA - AJUSTES FINALES DE CABECERA
   ========================================== */

@media (min-width: 992px) {

    /* Imagen y título */
    header .buttom-header {
        background-position: center top;
        background-size: auto;
    }

    header .buttom-header .site-branding {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 25px;
        width: 100%;
        min-height: 85px;
        float: none;
        text-align: center;
    }

    header .buttom-header .site-title,
    header .buttom-header .site-description {
        display: inline-block;
        width: auto;
        margin: 0;
        float: none;
        line-height: 1.2;
		padding-right: 20px;
    }

    /* Distribución menú y carrito */
    header .buttom-header .wrap-right {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f3f6f7;
    }

    header .buttom-header .wrap-right > .menu,
    header .buttom-header .wrap-right > .machart {
        width: auto;
        float: none;
    }

    /* Carrito oscuro */
    header .buttom-header .header-cart,
    header .buttom-header .header-cart a,
    header .buttom-header .cart-title,
    header .buttom-header .cart-total,
    header .buttom-header .header-cart .fa {
        color: #222;
    }
}


/* ==========================================
   VISTABONA - AJUSTES DE CABECERA
   ========================================== */

@media (min-width: 992px) {

    /* Barra superior: cuenta a la derecha */
    header .top-header .ed-container .account-wrap {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    /* Título del sitio */
    header .buttom-header .site-branding {
        justify-content: flex-start;
        max-width: 1200px;
        margin: 0 auto;
        gap: 25px;
    }

    header .buttom-header .site-title {
        position: relative;
        margin: 0;
        padding-right: 25px !important;
    }

    /* Separador entre título y descripción */
    header .buttom-header .site-title::after {
        content: "|";
        position: absolute;
        right: -2px;
        top: 70%;
        transform: translateY(-50%);
        font-size: 24px;
        font-weight: 300;
        color: #fff;
    }

    header .buttom-header .site-description {
		margin-left: 30px;
        font-size: 20px;
    }

    /* Carrito en una sola línea */
    header .buttom-header .header-cart .cart-content {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    header .buttom-header .header-cart .count {
        display: flex;
        align-items: center;
        gap: 4px;
    }
}

/* Separadores de enlaces del footer */
footer .widget_nav_menu li,
footer .widget_pages li {
    border-bottom: 1px solid #bfc5c9;
    padding: 10px 0;
}

footer .widget_nav_menu li:last-child,
footer .widget_pages li:last-child {
    border-bottom: 0;
}


/* ==========================================
   VISTABONA - CABECERA DEFINITIVA
   ========================================== */

@media (min-width: 992px) {

    /* Contenedor general sin imagen */
    header .buttom-header {
        background: none !important;
    }

    /* Imagen únicamente detrás del título */
    header .buttom-header > .ed-container {
        max-width: none;
        width: 100%;
        min-height: 110px;
        background: url("images/header-vistabona.jpg")
                    center center / cover no-repeat;
    }

    /* Contenido del título */
    header .buttom-header .site-branding {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        max-width: 820px;
        min-height: 110px;
        margin: 0 auto;
        float: none;
    }

    header .buttom-header .site-text > a {
        display: flex;
        align-items: flex-end;
        gap: 20px;
    }

    header .buttom-header .site-title,
    header .buttom-header .site-description {
        margin: 0;
        float: none;
        width: auto;
		padding: 0;
    }

    /* Barra independiente para menú y carrito */
    header .buttom-header > .wrap-right {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        background: #f3f6f7;
    }

    header .buttom-header .wrap-right > .menu {
        flex: 0 1 auto;
        min-width: 0;
        width: auto;
    }

    header .buttom-header .wrap-right > .machart {
        flex: 0 0 auto;
        width: auto;
        margin-left: 20px;
    }

    /* Evitar que el carrito se distribuya en dos líneas */
    header .buttom-header .header-cart .cart-content,
    header .buttom-header .header-cart .count {
        display: flex;
        align-items: center;
        gap: 4px;
        white-space: nowrap;
    }
}

/* Separadores del menú inferior */
footer .footer-column-3 ul#menu-pie-izda > li {
    border-bottom: 1px solid #c4cbd1;
    padding: 8px 0;
}

footer .footer-column-3 ul#menu-pie-izda > li:last-child {
    border-bottom: none;
}


/* ==========================================
   FOOTER - CREDITOS Y METODOS DE PAGO
   ========================================== */

footer .site-info .ed-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

/* Texto de Segundoplano */
footer .segundoplano-footer-credit {
    color: #919191;
    font-size: 13px;
    white-space: nowrap;
}

footer .segundoplano-footer-credit a {
    color: #757575;
    text-decoration: none;
}

footer .segundoplano-footer-credit a:hover {
    color: #00639e;
}

/* Métodos de pago */
footer .payment-partner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
}

footer .payment-partner .store\=wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

/* Logotipos */
footer .site-info .payment-partner img.partner-logos {
    width: auto;
    max-width: 110px;
    max-height: 35px;
    height: auto;
    object-fit: contain;
}

/* Icono de PayPal */
footer .payment-partner .footer_payments i.fa {
    width: auto;
    height: auto;
    padding: 0;
    font-size: 28px;
    background: transparent;
    color: #757575;
}

/* Adaptación a móvil */
@media (max-width: 768px) {
    footer .site-info .ed-container {
        flex-direction: column;
        text-align: center;
    }

    footer .payment-partner {
        margin-left: 0;
        justify-content: center;
    }

    footer .payment-partner .store\=wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* ==========================================
   FONDO BLANCO - PRODUCTOS, CARRITO Y CHECKOUT
   ========================================== */

/* Fondo blanco sin patrón y texto oscuro */
body.single-product,
body.woocommerce-cart,
body.woocommerce-checkout {
    background: #fff;
    color: #222;
}

/* Texto general del contenido */
body.single-product #content,
body.woocommerce-cart #content,
body.woocommerce-checkout #content {
    color: #222;
}

/* Títulos y textos de WooCommerce */
body.single-product .woocommerce,
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce,
body.single-product .entry-title,
body.woocommerce-cart .entry-title,
body.woocommerce-checkout .entry-title {
    color: #222;
}

/* Enlaces del contenido */
body.single-product #content a,
body.woocommerce-cart #content a,
body.woocommerce-checkout #content a {
    color: #00639e;
}

.woocommerce-page #primary {
	width: 100%;
}


.fl-node-58e3d7c1c211c {
	margin-right: 20px;
}


/* 1. Contenedor principal SOLO en la página con ID 840 */
.page-id-840 .page-content {
  display: flex;
  justify-content: center;
  gap: 20px;
}

/* 2. Columnas internas SOLO en esa página */
.page-id-840 .page-content .col-xs-12.col-sm-6 {
  width: 50%;
  box-sizing: border-box;
}

/* 3. Botones login/registro SOLO en esa página */
.page-id-840 .tml-login .tml-submit-wrap button.tml-button,
.page-id-840 .tml-register .tml-submit-wrap button.tml-button {
  width: 100%;
  background-color: #f6a225;
  color: #000;
  border: none;
  border-radius: 0;
}

.page-id-840 .tml-login .tml-submit-wrap button.tml-button:hover,
.page-id-840 .tml-register .tml-submit-wrap button.tml-button:hover {
  color: #fff;
  background-color: #f6a225;
}

/* Menú móvil en formato acordeón */
@media (max-width: 991px) {
    #mega-menu-wrap-primary
    #mega-menu-primary > li.mega-menu-item-has-children:not(.mega-toggle-on) > ul.mega-sub-menu {
        display: none !important;
    }

    #mega-menu-wrap-primary
    #mega-menu-primary > li.mega-menu-item-has-children.mega-toggle-on > ul.mega-sub-menu {
        display: block !important;
    }
}

.close {
	color: #000;
}


/* ==========================================
   VISTABONA - CABECERA MÓVIL
   ========================================== */

@media (max-width: 991px) {

    /* Contenedor general */
    header .buttom-header {
        background: none !important;
        min-height: 0;
    }

    /* Imagen de cabecera */
    header .buttom-header > .ed-container {
        width: 100%;
        max-width: none;
        background: url("images/header-vistabona.jpg")
                    center center / cover no-repeat;
        padding: 25px 15px;
    }

    /* Nombre y descripción */
    header .buttom-header .site-branding {
        display: flex;
        align-items: center;
        justify-content: center;
        float: none;
        width: 100%;
        margin: 0;
        text-align: center;
    }

    header .buttom-header .site-text {
        width: 100%;
    }

    header .buttom-header .site-text > a {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
        text-decoration: none;
    }

    header .buttom-header .site-title {
        font-size: 34px;
        line-height: 1.2;
        margin: 0;
        padding: 0;
        float: none;
        width: auto;
    }

    header .buttom-header .site-description {
        font-size: 20px;
        line-height: 1.3;
        margin: 0;
        float: none;
        width: auto;
    }

    /* Barra del menú y carrito */
    header .buttom-header > .wrap-right {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        background: #f3f6f7;
        padding: 10px 15px;
    }

    header .buttom-header .wrap-right > .menu {
        width: auto;
        flex: 1;
        min-width: 0;
        padding: 0;
        margin: 0;
        float: none;
    }

    header .buttom-header .wrap-right > .machart {
        width: auto;
        flex: 0 0 auto;
        margin: 0;
        padding: 0;
        float: none;
    }

    /* Botón del menú */
    #mega-menu-wrap-primary .mega-menu-toggle {
        margin: 0;
    }

    /* Carrito */
    header .buttom-header .header-cart {
        margin: 0;
    }

    header .buttom-header .header-cart .count {
        display: flex;
        align-items: center;
        gap: 8px;
        white-space: nowrap;
    }

    header .buttom-header .cart-title {
        display: none;
    }

    header .buttom-header .cart-total,
    header .buttom-header .header-cart .fa {
        color: #222;
    }
}