@charset "UTF-8";

/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');

::-moz-selection { color: #ebdbc2;  background: #312d23; }
::selection      { color: #ebdbc2;  background: #312d23; }

/* Generales */
body {
  background-color: #ebdbc2 !important;
  font-family: 'Open sans', sans-serif;
    line-height: 110%;
    font-size: 14px;
}
body,
h1, h2, h3, h4, h5, h6,
p, a, span, li, div {
  font-family: 'Open sans', sans-serif;
}
.centrar {
	max-width: 1280px;
	width: 90%;
	margin: 0 auto;
}
h2 {
	font-size: 24px;
    font-weight: 700;
    color: #77652b;
    margin-bottom: 20px;
    line-height: 110%;
}
h3 {
	font-size: 21px;
    font-weight: 700;
    color: #77652b;
    margin-top: 0;
	margin-bottom: 15px;
    line-height: 110%;
}
b {
    font-weight: 700;
}
i {
	font-style: italic;
}
p a {
    color: #77652b;
}
p a:hover {
    color: #312d23;
    text-decoration: none;
}
.boton-tecnica a:hover{
    color: #ebdbc2;    
}
a.boton {
	font-size: 21px;
    font-weight: 700;
	line-height: 110%;
    background: #77652b;
    color: #ebdbc2; 
    margin-top: 20px;
    padding: 12px;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: background .2s ease-out;
	   -moz-transition: background .2s ease-out;
	    -ms-transition: background .2s ease-out;
	     -o-transition: background .2s ease-out;
	        transition: background .2s ease-out;
}
a.boton:hover {
    background: #312d23;
}
/*popup*/

.boxzilla-container h1{
    font-size: 36px;
}

.boxzilla-container h4{
    font-size: 18px;
}

/* Cabecera */
.cabecera {
	width: 100%!important;
    max-width: 100%!important;
	height: 75px;
	background: rgba(235, 219, 194, 0.9);
	position: fixed;
	top: 0;
	z-index: 100;
}
.logo {
    background-image: url("../img/oriental-harmony_logo.png");
    background-size: 311px 36px;
    
    height: 36px;
    width: 311px;
    margin: 21px auto 0 auto;
    display: block;
}
/* text-indent: -9999px; */

.cabder {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    display: flex;
    align-items: center;      /* Centrado vertical */
    justify-content: center;  /* Centrado horizontal */
    width: 120px;             /* Ajusta al espacio que quieras */
    height: 75px;            /* Ajusta a la altura de tu cabecera */
}

.micuenta {
    color: #77652b;
    margin-right: 25px;
	font-size: 14px;
	text-decoration: none;
    -webkit-transition: color .2s ease-out;
	   -moz-transition: color .2s ease-out;
	    -ms-transition: color .2s ease-out;
	     -o-transition: color .2s ease-out;
	        transition: color .2s ease-out;
}
.micuenta:hover {
    color: #312d23;
}

#page .site-content {
    padding-top: 0px;
}
.cajacompra {
    background: rgba(119, 101, 43, 0.8);
    height: 75px;
    width: 190px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    -webkit-transition: background .2s ease-out;
	   -moz-transition: background .2s ease-out;
	    -ms-transition: background .2s ease-out;
	     -o-transition: background .2s ease-out;
	        transition: background .2s ease-out;
}
.cajacompra:hover {
     background: rgba(119, 101, 43, 1);
}
.preciocajacompra {
    color: #ebdbc2;
    margin-left: 25px;
	font-size: 14px;
}
.preciocajacompra span.numart {
    color: #312d23;
}
.iconocompra {
    margin-right: 25px;
    margin-bottom: 4px;
    background-image: url("../img/bolsacompra_icono.png");
    background-size: 25px 34px;
    text-indent: -9999px;
    height: 34px;
    width: 25px;
}

/* OPEN / CLOSE BTNS */
.menu-btn {
    position: absolute;
    top: 29px;
    left: 26px;
    z-index: 999;
    font-size: 36px;
	-webkit-transition: all .2s ease-out;
	   -moz-transition: all .2s ease-out;
	    -ms-transition: all .2s ease-out;
	     -o-transition: all .2s ease-out;
	        transition: all .2s ease-out;
}
.menu-btn a {
    display: inline-block;
    text-decoration: none;
    /* safari hack */
}
.btn-open:after {
    color: #77652b;
    content: "\f394";
    font-family: "Ionicons";
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}
.btn-open:hover:after {
    color: #312d23;
}
.btn-close:after {
     color: #77652b;
    content: "\f2d7";
    font-family: "Ionicons";
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}
.btn-close:hover:after {
     color: #312d23;
}
/* OVERLAY */
.overlay {
    position: fixed;
    top: 0;
    z-index: 99;
    display: none;
    overflow: auto;
    margin: 75px 0 0 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: rgba(119,101,43,0.95);
}
.menu {
    width: 100%;
    height: 75%;
	display: table;
}
.menu ul {
	display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 0 10%;
}
.menu li {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 2.5vh 0;
    text-align: center;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}
.menu li a {
    display: table-cell;
    color: #312d23;
    vertical-align: middle;
	font-size: 24px;
	text-decoration: none;
	position: relative;
    line-height: 120%;
}

.menu a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -10px;
  left: 0;
  background-color: #ebdbc2;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.menu a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* home */
.bloquecita {
    width: 100%;
    padding: 80px 0;
    background-color: #77652b;
    overflow: hidden;
    font-size: 20px;
    line-height: 120%;
}
.cita {
    color: #ebdbc2;
    font-style: italic;
}
.autorcita {
    color: #312d23;
    text-transform: uppercase;
    margin-top: 20px;
}
.bloquehome {
    width: 100%;
    height: 550px;
    background-color: #ebdbc2;
    position: relative;
    display: flex;
    align-items: center;
}
.parteletras {
    width: 42%;
    height: 100%;
   /* background-image: url("../img/fondo-floral.svg");*/
    background-size: 918px 550px;
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 0;
}
.centrarbloquehome {
	max-width: 1280px;
	width: 90%;
	margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.imgletras img {
    width: 100%;
    height: auto;
    max-width: 386px;
	max-height: 386px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.txthome {
    width: 50%;
    font-size: 14px;
    color: #312d23;
}

/* Footer */
.pie {
    padding: 40px 0;
	display: flex;
    justify-content: center;
    width:100%!important;
    max-width:100%!important;
}
.bloquepie {
	display: flex;
    flex-direction: column;
    text-align: center;
}
.pie p {
	color: #ebdbc2;
    font-size: 18px;
    line-height: 120%;
}
.logofooter {
    width: 240px;
    height: 29px;
    background-image: url("../img/oriental-harmony_logo-footer.png");
    background-size: 240px 29px;
    margin: 0 auto 20px auto;
}
.pie .email {
	font-size: 16px;
    color: #ebdbc2;
}
.pie .email:hover {
	text-decoration: none;
}
.gruporrss {
    display: flex;
    justify-content: start;
}
.rrss {
	margin: 30px 6px;
	width: 16px;
	height: 16px;
	background: #77652b;
	border-radius: 50%;
	padding: 12px;
	color: #312d23;
	-webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;    
}
.rrss:hover {
	background: #ebdbc2;
}
.pie a.legal {
	color: #77652b;
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}
.pie a.legal:hover {
	color: #ebdbc2;
}

/* Resto de páginas */

.franjatitulo {
    width: 100vw;
    background: #bbb295;
    padding: 70px 5% 22px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 105px;
    height: 205px;
}


.franjatitulo h1 {
   text-transform: uppercase;
   font-size: 30px;
   font-weight: 500;
   line-height: 30px;
   color: #312d23;
}

.woocommerce-products-header__title {
    display: none;
}

.breadcrumbs {
	color: #77652b;
}
.breadcrumbs a {
	color: #312d23;
    text-decoration: none;
}
.breadcrumbs a:hover {
	color: #77652b;
}
.titulo {
	color: #312d23;
    font-size: 30px;
    margin: 38px 0 10px;
    line-height: 100%;    
    text-transform: uppercase;
}
.tituloconicono {
	color: #312d23;
    font-size: 30px;
    line-height: 100%;
}
.iconotitulo img {
	width: 40px;
	height: 40px;
    margin: 32px auto 0 auto;
}
.bloquecategtrat {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.contbloquecateg {
    max-width: 1320px;
	width: 90%;
	padding: 50px 0 90px 0;
    z-index: 2;
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.cajacat {
	width: 25%;
    margin: 20px 2%;
    padding: 20px 2%;
	height: 120px;
    background: #77652b;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 30px;
    color: #ebdbc2;
    line-height: 100%;
    text-decoration: none;
    -webkit-transition: background .2s ease-out;
	   -moz-transition: background .2s ease-out;
	    -ms-transition: background .2s ease-out;
	     -o-transition: background .2s ease-out;
	        transition: background .2s ease-out;
}
.cajacat:hover {
    background: #847440;
}
.cajacat p {
	flex-direction: row;
}
.cajacat img.icono {
	width: 40px;
	height: 40px;
}
.bloquetrat {
	background: #ebdbc2;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.bloquetrat:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.2;
   /* background-image: url("../img/fondo-floral.svg");*/
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
}
.contbloquetrat {
    max-width: 1320px;
	width: 90%;
	padding: 50px 0 90px 0;
    z-index: 2;
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-start;
}
.review-rating, 
.star-rating {
    display: none !important;
}

/* Esta linea hace que los li de productos sean de distinta altura*/
ul.products{
  align-items: flex-start;
}
/**/
li.product {
  width: 25%;
  margin: 20px 2%;  
  padding: 20px 4% !important;
  background: #312d23;
  display: flex;
  flex-direction: column;
  align-items: center;     
  text-align: center;      
  color: #ebdbc2;
  line-height: 1.3;
  text-decoration: none;
  transition: background .2s ease-out;  
}

li.product h2.woocommerce-loop-product__title {
    font-size: 18px !important;
    font-weight: 700;
    text-transform: uppercase;
    color: #77652b;
    line-height: 110%;
    text-decoration: none;
}   

li.product p {
    flex-direction: row;
    margin-bottom: 1em;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
}

li.product .iconostrat {
  flex-direction: row;
  margin: 10px 0;
}

li.product .iconostrat img {
  width: 25px;
  height: auto;
  margin: 0 2px;
}

li.product .price {
    /*background-color: #f2e8d5;*/ 
    padding: 8px 15px;      
    font-weight: 400; 
    color: #77652B; 
    display: inline-block;  
    margin: 0 0 15px 0;  
}
.woocommerce ul.products li.product .price{
    color: #77652B;
}
.woocommerce-js ul.products li.product .price, .woocommerce-page ul.products li.product .price {
   font-size: 1.2em;
}

li.product .tiempoprecio {
    flex-direction: row;  /* Alinea los elementos horizontalmente */
    margin: 10px 0 15px 0;
    padding: 7px 0;
    border-top: solid 1px #77652b;
    border-bottom: solid 1px #77652b;
    font-style: italic;
    padding: 10px 0;
    margin-bottom: 15px;
    width: 100%;
    display: flex;  /* Usamos flex para alineación */
    justify-content: center;  /* Centra los elementos horizontalmente */
    align-items: center;  /* Alinea los elementos verticalmente */
    gap: 5px;  /* Espacio entre la imagen y el texto */

}

li.product .tiempoprecio img {
    width: 20px;
    height: auto;   
}

li.product .tiempoprecio span {
  font-size: 16px;
  color: #ebdbc2;            
  font-weight: bold;
}

li.product .botonreservar {
  background: #77652b;
  color: #ebdbc2;
  padding: 8px;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s ease-out;
}

li.product .botonreservar:hover {
  background: #847440;
}

li.product a.button {
  background: #77652b;
  color: #ebdbc2;
  padding: 8px;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s ease-out;
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  -webkit-box-shadow: 0 3px 0 #57491b;
    box-shadow: 0 3px 0 #57491b;
    position: relative;
    letter-spacing: .8px;
    padding: 15px;
    font-weight: 300;
    border-radius: 15px;
}

li.product a.button:hover {
  background: #847440;
}

li.product .woocommerce-loop-product__title,
li.product .woocommerce-product-details__short-description,
li.product .price,
li.product .button,
li.product .tiempoprecio {
  text-align: center;
}

li.product .iconostrat {
  display: flex;
  flex-direction: row;
  justify-content: center;  
  margin: 10px 0;
}

/* Etiquetas de nuevo y oferta*/
.etiqueta-producto {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 20px;
    z-index: 10;
    line-height: 1.2;
}

.etiqueta-producto.nuevo {
    background-color: #c95555; /* Rojo */
    color: #ffffff;
    font-size: 14px;
    font-family:inherit;
    line-height: 14px;
    text-transform: uppercase;
    padding: 7px 15px;
    margin-top: 0;
    margin-right: 10px;
}

/* Estilo personalizado para la etiqueta de oferta WooCommerce */
.ast-onsale-card {
    position: absolute;
    top: -1em;        /* ajusta este valor si quieres subir o bajar */
    right: -1em;      /* para que quede a la derecha igual que la roja */
    left: auto;        /* desactiva el left para no interferir */
    min-height: 3.236em;
    min-width: 3.236em;
    padding: 0.202em;
    font-weight: 700;
    text-align: center;
    line-height: 3.236em;
    border-radius: 100%;
    background-color: #77a464; /* verde */
    color: #ffffff;
    font-size: 0.857em;
    z-index: 9;
    margin: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

/* Asegura que el contenedor tenga posición relativa */
.woocommerce ul.products li.product {
    position: relative;
}


nav.woocommerce-pagination ul.page-numbers li .page-numbers, nav.woocommerce-pagination ul.page-numbers li .page-numbers.current {
    
    color: #77652b;
    background: #312d23;  
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:visited,.woocommerce nav.woocommerce-pagination ul li a:hover {
        background: #77652b;
    color: #312d23; 
}

.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li {
    border-color: #312d23;
}

.ast-woocommerce-container nav.woocommerce-pagination{
    text-align: center;
}

.franjaleyenda {
    width: 100vw;              
    position: relative;       
    left: 50%;
    right: 50%;
    margin-left: -50vw;        
    margin-right: -50vw;
    background: #77652b;
    padding: 25px 5% 5px 5%;
    flex-direction: column;
    color: #312d23;
    box-sizing: border-box;   
    z-index: 1000;     
}       
.franjaleyenda img {
    width: 25px;
    height: 25px;
    margin-left: 6px;
}
.franjaleyenda .row {
    display: flex;
    flex-direction: row;
    margin-bottom: 15px;
    justify-content: center;
    flex-wrap: wrap;
}
.franjaleyenda .row p {
    margin: 5px 12px;
    display: flex;
    align-items: center;
}

.bloquecont1col {
    width: 100%;
    padding: 50px 0 90px 0;
    background-color: #ebdbc2;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.fotoquiensoy {
    width: 200px;
    height: 200px;
    margin-bottom: 50px;
}
.fotoquiensoy img {
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.columnatextocentro {
    width: 90%;
    max-width: 640px;
    color: #312d23;
}
.columnatextocentro p {
    margin-bottom: 1.1em;
}
.bloquecont2col {
    width: 100%;
    padding: 50px 0 90px 0;
    background-color: #ebdbc2;
}
.bloquecont2col p {
    margin-bottom: 1.1em;
}
.centrar2col {
	max-width: 1280px;
	width: 90%;
	margin: 0 auto;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}
.col {
    width: 47.5%;
}
.col img {
    width: 100%;
    height: auto;
}

.bloqueconttratext {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    padding: 50px 0 90px 0;
    background: #3B382E;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}


.columnatratext {
    width: 90%;
    max-width: 640px;
    display: flex;
    text-align: center;
    flex-direction: column;
    color: #ebdbc2;
    
    line-height: 110%;
    text-decoration: none;
    -webkit-transition: background .2s ease-out;
	   -moz-transition: background .2s ease-out;
	    -ms-transition: background .2s ease-out;
	     -o-transition: background .2s ease-out;
	        transition: background .2s ease-out;
}
.columnatratext p {
    margin-bottom: 1.1em;
    font-size: 16px!important;
}
.columnatratext li{
   list-style: none; 
}
.botonreservartratext {
    background: #77652b;
    color: #ebdbc2;
    padding: 8px 50px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    margin: 0 auto;
    -webkit-transition: background .2s ease-out;
	   -moz-transition: background .2s ease-out;
	    -ms-transition: background .2s ease-out;
	     -o-transition: background .2s ease-out;
	        transition: background .2s ease-out;
}
.botonreservartratext:hover {
    background: #847440;
}
.listado {
    width: 75%;
}
.noticialistado {
    width: 100%;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 30px;
}
.fotolistado {
    width: 25%;
}
.fotolistado img{
    width: 100%;
    height: auto;
}
.textolistado {
    width: 70%;
    align-self: center;
}
a.titularlistado {
	font-size: 24px;
    font-weight: 700;
    color: #77652b;
    line-height: 110%;
}
a.titularlistado:hover {
	text-decoration: none;
}
.categorias {
    width: 18%;
    border-left: solid 1px #77652b;
    padding-left: 2%;
}
.campo {
	font-size: 16px;
	font-weight: 300;
	height: 40px;
	width: 100%;
	box-sizing: border-box;
	margin: 5px 0 20px 0;
	border: solid thin #77652b;
	padding: 5px;
	outline: none;
	float: left;
}
.mensaje {
	font-size: 16px;
	font-weight: 300;
	height: 120px;
	width: 100%;
	box-sizing: border-box;
	margin: 5px 0 20px 0;
	border: solid thin #77652b;
	padding: 5px;
	outline: none;
	float: left;
}
.enviar {
	font-size: 21px;
    font-weight: 700;
    background: #77652b;
    color: #ebdbc2; 
    margin-top: 20px;
    padding: 12px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: background .2s ease-out;
	   -moz-transition: background .2s ease-out;
	    -ms-transition: background .2s ease-out;
	     -o-transition: background .2s ease-out;
	        transition: background .2s ease-out;
}
.enviar:hover {
	background: #312d23;
}

/*Masajes y mantenimientos*/

ul.bloque-enlaces-ul {max-width: 1320px;margin: 0 auto; 
    width: 90%; display: flex; flex-wrap: wrap;justify-content: center;list-style: none}
ul.bloque-enlaces-ul li {margin-bottom: 20px; width: 33.3%;}
ul.bloque-enlaces-ul li > a {margin: 5% 20%;
    display: block;
    overflow: hidden;
-webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;}
ul.bloque-enlaces-ul li > a img {border-radius: 50%;
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
-webkit-filter: grayscale(100%);
  filter: grayscale(100%);}
ul.bloque-enlaces-ul li > a:hover {margin: 2% 17%; cursor: pointer;
}
ul.bloque-enlaces-ul li a:hover img {
    -webkit-filter: none;
  filter: none;
}
ul.bloque-enlaces-ul li .bloque-enlaces-col-title {padding: 0 20px; font-size: 25px; font-weight: 300;text-align: center;}
ul.bloque-enlaces-ul li .bloque-enlaces-col-title a {color: #bbb295; opacity: .6;text-decoration: none;}
ul.bloque-enlaces-ul li .bloque-enlaces-col-title a:hover {opacity: 1; text-decoration: none; cursor: pointer;}


.ast-blog-single-element.ast-taxonomy-container a {
    margin-bottom: 12px;
    background: #ebdbc2;
    color: #77652B;
    font-weight: 800;
    padding: 8px;
    display: inline-block; /* o block */
}


/*Estilos para la ficha de producto del bloque ficha producto*/
.producto-ficha-block {
    background-color: #2f2a1f;
    color: #cdc1a0;
    max-width: 350px;
    padding: 25px 20px;
    font-family: 'Open', sans-serif;    
    box-sizing: border-box;   
}

.producto-ficha-block a.woocommerce-LoopProduct-link {
  color: inherit;
  text-decoration: none;
  display: block;
}

.producto-titulo {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 18px;
  color: #77652b;
  line-height: 110%;
  text-decoration: none;
  text-align: center;
}

.producto-descripcion {
  font-size: 0.9375rem;
  line-height: 1.4;
  margin-bottom: 22px;
  text-align: center;
}

.producto-precio {
    color: #77652b;
    width: fit-content;
    font-weight: 600;
    margin: 0 auto 20px auto; 
    background: #ebdbc2;
    padding: 5px 15px;
    border-radius: 0;
    font-size: 17.5px;
    text-align: center;
    display: block; 
}


.producto-ficha-block .button.add_to_cart_button {
  background: #77652b;
  color: #ebdbc2;
  padding: 8px;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s ease-out;
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  -webkit-box-shadow: 0 3px 0 #57491b;
    box-shadow: 0 3px 0 #57491b;
    position: relative;
    letter-spacing: .8px;
    padding: 15px;
    font-weight: 300;
    border-radius: 15px;
}

.producto-ficha-block .button.add_to_cart_button:hover {
  background: #847440;
  color: #fff;
}

.tiempoprecio {
    flex-direction: row;
    margin: 10px 0 15px;
    padding: 7px 0;
    border-top: solid 1px #77652b;
    border-bottom: solid 1px #77652b;
    font-style: italic;
    text-align: center;
}


/********************* Mediaquerys ***********************/

@media only screen and (max-width: 1000px) {
.cajacat {
	width: 42%;
    font-size: 24px;
    height: 100px;
}
.cajatrat {
	width: 42%;
    margin: 15px 2%;
}
ul.bloque-enlaces-ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

ul.bloque-enlaces-ul li {
        width: 100%;
    }
}

@media only screen and (max-width: 950px) {
.bloquehome {
    height: auto;
    padding: 50px 0;
}
.parteletras {
    display: none;
}
.centrarbloquehome {
    flex-direction: column;
}
.imgletras img {
    width: 70%;
    margin: 0 auto;
    display: block;
}
.txthome {
    width: 100%;
    margin-top: 30px;
}
.txthome h2{
    text-align: center;
}
}

@media only screen and (max-width: 900px) {
.micuenta {
    background-image: url("../img/micuenta_icono.png");
    background-size: 30px 30px;
    text-indent: -9999px;
    height: 30px;
    width: 20px;
    padding-right: 10px;
    margin-right: 12px;
}
.cajacompra {
    width: 49px;
    justify-content: flex-end;
}
.preciocajacompra {
    display: none;
}
.iconocompra {
    margin-right: 12px;
}
.bloquehome {
    height: auto;
    padding: 50px 0;
}
.parteletras {
    display: none;
}
.centrarbloquehome {
    flex-direction: column;
}
.txthome {
    width: 100%;
    margin-top: 30px;
}
.txthome h2{
    text-align: center;
}
.centrar2col {
    flex-direction: column;
}
.col {
    width: 100%;
}
.col:first-child {
    margin-bottom: 50px;
}
.listado {
    width: 100%;
}
.categorias {
    width: 100%;
    border-left: none;
    padding-left: 0;
    border-top: solid 1px #77652b;
    padding-top: 20px;
    text-align: center;
}
}

@media only screen and (max-width: 600px) {
.menu li a {
	font-size: 18px;
}
.bloqueslider {
  position: relative;
  margin-top: 75px;
}
.bloquecita {
    padding: 40px 0;
    font-size: 16px;
}
.titulo {
    font-size: 22px;
}
.tituloconicono {
	font-size: 22px;
}
.contbloquecateg {
	padding: 30px 0 60px 0;
}
.cajacat {
	width: 96%;
    margin: 10px 0;
    padding: 10px;
    font-size: 22px;
    height: 90px;
}
.contbloquetrat {
	padding: 30px 0 60px 0;
}
.cajatrat {
	width: 96%;
    margin: 10px 0;
    padding: 10px;
}

ul.bloque-enlaces-ul {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 500px) {
.cabecera {
	height: 60px;
    max-width:100%!important;
   }
.logo {
    background-size: 181px 21px;
    height: 21px;
    width: 181px;
    margin: auto;
}
/* margin: 19px 0 0 80px; */
.cajacompra {
    height: 60px;
}
.menu-btn {
    top: 22px;
}
.overlay {
    margin: 60px 0 0 0;
}
.bloqueslider {
  margin-top: 60px;
}
.franjatitulo {
	padding: 85px 5% 22px 5%;
}
.titulo {
    margin: 30px 0 0 0;
}
.iconotitulo img {
    margin: 15px auto 0 auto;
}
.fotolistado {
    display: none;
}
 a.titularlistado {
	font-size: 18px;
}
.textolistado {
    width: 100%;
    align-self: center;
}

.franjatitulo h1
 {
   font-size: 17px;
}
.ast-container .woocommerce ul.products:not(.elementor-grid), .woocommerce-page ul.products:not(.elementor-grid), .woocommerce.mobile-columns-2 ul.products:not(.elementor-grid), .woocommerce-page.mobile-columns-2 ul.products:not(.elementor-grid)

 {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-height: 800px) {
.titulo {
    margin: 30px 0 0 0;
}
.iconotitulo img {
    margin: 15px auto 0 auto;
}
.menu a:before {
  bottom: -5px;
}
}



/* EDICIONES JOSE TASSIAS */
h3.h3-cheque { text-align: center; margin-bottom: 0; padding: 15px 0; background: #bbb295; }
h3.h3-cheque a { color:#3B382E; }
h3.h3-cheque a:hover { color:rgba(235, 219, 194, 0.9); }

#pagina-texto.centrar2col { display: flex; flex-wrap: wrap; justify-content: center; }

/* BANNER */

.headerb {
  width: 100%;
  padding:10px 5px;
  text-align: center;
  background: #77652b;
  color:#ebdbc2;
}

.headerb h1,
.headerb p {
    margin: 0;
    padding: 0;
    font-family: 'Sans';
}


.headerb a{
  margin: 5px;
  padding: 5px;
  font-family: 'Sans';
}

.headerb h1 {
  font-size: 1.5em;
  padding: 1px 0;
  color:rgb(245, 58, 58);
  
}

.headerb p {
  font-size: 1em;
  font-weight: 10;
  letter-spacing: 1px;
  padding-bottom: 4px;
}

.altura-boton-banner {
    height: 26px;  

}

.boton-banner {
  font-size: 1.2em;
  background-color:#312d23;
  border: 2px solid #312d23;
  border-radius: 3px;
  padding: 5px 5px;
  margin:10px;
  cursor: pointer;
  letter-spacing: 5px;
}

.boton-banner:hover {
  background-color:#77652b;
  color: #312d23 ;
  border-color: red ;
  }
  
  .fp-p {font-size: 16px;font-family: 'Open sans', sans-serif ;}
  
  
/* FRONT PAGE */  
  
  

.inline{
            display:inline-flex!important;
        }
.inline h5{
            margin-top:15px!important;
            padding-top: 5px!important;
        }
.inline svg{
            margin:10px!important;
        }

.centrar2col2 {
            margin: 0 auto!important;
            display: flex!important;
            justify-content: space-between!important;
        }

.franjapagoonline {
            width:100%!important;
            background-color: #ebdbc2!important;
            padding:12px!important;
            color:#77652b!important;
            text-align: center!important;
        }

        
a.boton22 {
            font-size: 17px!important;
            font-weight: 700!important;
            line-height: 110%!important;
            background: #77652b!important;
            color: #ebdbc2!important; 
            margin: 15px!important;
            padding: 10px!important;
            display: inline-block!important;
            text-decoration: none!important;
            border-radius: 5px!important;
            -webkit-transition: background .2s ease-out!important;
            -moz-transition: background .2s ease-out!important;
            -ms-transition: background .2s ease-out!important;
            -o-transition: background .2s ease-out!important;
            transition: background .2s ease-out!important;
        }
a.boton22:hover {
            background: #312d23!important;
        }

.columnatratext p {
    margin-bottom: 1.1em;
    font-size: 16px!important;
    
}    
.woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input {
    width: 180px!important;
    box-sizing: border-box;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 180px!important;
}

.coupon #coupon_code {width: 180px!important;}

/* VIDEOS EN ENTRADAS */  


.videoentradas{
    position: relative!important;
    overflow: hidden!important;
    width: 100%!important;
    padding-top: 56.25%!important; 
}

.videoentradas > iframe {
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  bottom: 0!important;
  right: 0!important;
  width: 100%!important;
  height: 100%!important;
}


.videoentrada-movil{
    display: none!important;
}


@media only screen and (max-width: 550px) {
    .videoentrada-pc{
    display: none!important;
    
    }
    .videoentrada-movil{
    display: block!important;
}
}