@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.cuentaovejaszzz.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.1.2") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//www.cuentaovejaszzz.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//www.cuentaovejaszzz.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//www.cuentaovejaszzz.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//www.cuentaovejaszzz.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//www.cuentaovejaszzz.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//www.cuentaovejaszzz.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//www.cuentaovejaszzz.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//www.cuentaovejaszzz.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Satisfy", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(21,23,53);
	--wd-alternative-color: rgb(160,163,217);
	--wd-link-color: rgb(0,0,0);
	--wd-link-color-hover: rgb(221,79,82);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(221,79,82);
	--btn-accented-bgcolor-hover: rgb(221,79,82);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(84,87,140);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(221,79,82);
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgba(17,17,17,0);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: scroll;
	background-position: center center;
	--wd-popup-width: 800px;
	--wd-popup-padding: 0px;
}
.header-banner {
	background-color: rgb(84,87,140);
	background-image: none;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(255,255,255);
	background-image: url(https://www.cuentaovejaszzz.com/wp-content/uploads/2024/02/Banners-para-categorias-scaled.webp);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.page .wd-page-content {
	background-color: rgb(240,235,229);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(240,235,229);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(0,0,0);
	--wd-form-placeholder-color: rgb(221,79,82);
	--wd-form-brd-color: rgb(84,87,140);
}
.product-labels .product-label.featured {
	background-color: rgb(62,201,78);
	color: rgb(255,255,255);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(221,51,51);
	color: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.wd-builder-off .wd-fbt.wd-design-side {
	--wd-form-width: 540px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


@font-face {
	font-family: "Verl-ag Regular";
	src: url("//www.cuentaovejaszzz.com/wp-content/uploads/2024/07/Verlag-Book.woff2") format("woff2"), 
url("//www.cuentaovejaszzz.com/wp-content/uploads/2024/07/Verlag-Book.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

/* Regla para el contenedor .quantity */
.quantity {
    border-radius: 5px; /* Ajusta el valor según sea necesario */
    overflow: hidden; /* Asegura que el radio se aplique correctamente */
    background-color: white; /* Asegura que no haya transparencia en el fondo */
    border: 1px solid #ccc; /* Añade un borde para visualizar el radio en todo momento */
}

/* Regla para el botón de aumentar y disminuir dentro de .quantity */
.quantity input[type="button"].minus,
.quantity input[type="button"].plus {
    padding: 0 5px;
    min-width: 25px;
    min-height: unset;
    height: 42px;
    border: 1px solid #ccc; /* Ajusta el borde según sea necesario */
    background: var(--wd-form-bg);
    box-shadow: none;
    border-color: #ff000000; /* Cambia el color del borde de los botones */
}

/* Regla para el input de tipo number dentro de .quantity */
.quantity input[type="number"].input-text.qty.text {
    border: 1px solid #ff000000; /* Cambia el color del borde del input number */
}

/* Regla para el hover en .quantity */
.quantity:hover {
    border-color: #888; /* Cambia el color del borde al hacer hover */
}






/* Cambiar color del texto a pestaña recomendaciones */
.woocommerce-tabs .tabs .reviews_tab a {
    color: #ff5722; /* Cambia #ff0000 al color que desees */
}

/* Cambiar color del fondo cuando está activo recomendaciones*/
.woocommerce-tabs .tabs .reviews_tab.active {
    color: #ff5722; /* Cambia #ff0000 al color que desees */
}


<style>
    #slider-649 {
        margin-top: -150px; /* Ajusta este valor según sea necesario */
        margin-bottom: -100px; /* Ajusta este valor según sea necesario */
    }
</style>

/* Cambio de color al reproductor de sonido de WP */
/* Amarillo al enfocar */
.mejs-controls .mejs-button button:focus {
  outline: none !important;
}

/* Color de fondo con bordes redondeados */
.mejs-controls,
.mejs-mediaelement,
.mejs-container {
  background: url('') !important;
  background-color: #673AB7 !important;
  border-radius: 10px; /* Puedes ajustar el valor según tus preferencias */
}

/* Color del texto */
.mejs-currenttime,
.mejs-duration {
  color: white !important;
}

/* Volumen horizontal actual */
.mejs-horizontal-volume-current {
  background: #FFC107 !important;
}


/* Estilo específico para la etiqueta H2 dentro del contenedor deseado */
.woocommerce-Tabs-panel--description h2 {
    font-size: 15px; /* Tamaño de fuente 15 */
    color: #777777; /* Color de texto #777777 */
    font-weight: bold; /* Negrita */
}

/* Estilo específico para la etiqueta H2 dentro del contenedor deseado en descripción de categorias*/
.term-description h2 {
    font-size: 15px; /* Tamaño de fuente 15 */
    color: #777777; /* Color de texto #777777 */
    font-weight: bold; /* Negrita */
}

/*ocultamos imagen destacada o featured imagen en post individual -blog */

.post-single-page.has-post-thumbnail .article-inner > .entry-header {
display: none;
}





#rank-math-faq .rank-math-answer {
    padding: 10px;
    font-size: 18px; /* Tamaño de letra de 18px */
    text-align: left; /* Justificar hacia la izquierda */
    max-height: 0;
    overflow: hidden;
}

#rank-math-faq .rank-math-list-item{
    position:relative;
}

#rank-math-faq .rank-math-list-item input{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 41px;
    opacity: 0;
    cursor: pointer;
    z-index:999;
}

#rank-math-faq .rank-math-list-item h3 {
    background: #f1f2f6;
    padding: 10px 12px 10px 18px;
    cursor: pointer;
    font-size: 18px !important;
    font-weight: normal !important;
    position:relative;
    margin-bottom: 0;
}

#rank-math-faq .rank-math-list-item h3:before {
    display:inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    border-color: transparent transparent transparent #000000;
    margin-right: 8px;
}

#rank-math-faq .rank-math-list-item input:checked+h3:before {
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}

#rank-math-faq .rank-math-answer{
    padding: 10px;
    max-height: 0;
    overflow:hidden;
}

#rank-math-faq .rank-math-list-item input:checked+h3~.rank-math-answer {
    max-height: 100vh;
    overflow:visible;
}

div.rank-math-list-item:hover > div.rank-math-answer {
    max-height: 100vh;
    overflow: visible;
}

#rank-math-faq .rank-math-answer {
    padding:0;
}


/*Estilos para tooltip*/
/* Estilo para el contenedor del tooltip */
.tooltip-container {
    position: relative;
    display: inline-block;
    cursor: pointer; /* Cambia el cursor a puntero al pasar el mouse */
}

/* Estilo para el ícono de información */
.tooltip-container i {
    font-size: 18px; /* Tamaño del ícono */
    color: #dd4f52; /* Color del ícono */
}

/* Estilo para el contenido del tooltip */
.tooltip-content {
    visibility: hidden; /* Inicialmente oculto */
    width: 200px; /* Ancho del tooltip */
    background-color: #a0a3d9; /* Color de fondo */
    color: #f0ebe5; /* Color del texto */
    text-align: center; /* Alineación del texto */
    padding: 10px; /* Espaciado interno */
    border-radius: 6px; /* Borde redondeado */
    position: absolute; /* Posición absoluta para alinear */
    z-index: 1; /* Z-index para asegurar que esté encima de otros elementos */
    bottom: 125%; /* Posición debajo del ícono */
    left: 50%; /* Alinear al centro del contenedor */
    margin-left: -150px; /* Centrar el tooltip */
    opacity: 0; /* Inicialmente transparente */
    transition: opacity 0.3s; /* Transición suave para la animación */
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); /* Agregar sombra */
}

/* Mostrar el tooltip cuando se pasa el mouse sobre el contenedor */
.tooltip-container:hover .tooltip-content {
    visibility: visible;
    opacity: 1;
}


/* Reemplazar el título del pop-up de Iconic Sales Booster */
.iconic-wsb-modal-products__title{
  position: relative;
  color: transparent !important;     /* ahora 100% transparente */
}
.iconic-wsb-modal-products__title::after{
  content: "Llega a S/.199 y obtén un regalo especial";
  color: #111;                       /* ajusta al color que uses */
  position: absolute;
  left: 0; top: 0;
  width: 100%;
  white-space: normal;
}

/* === Pop Up de productos recomendados (Iconic AAC) — MÓVIL === */
@media (max-width: 768px){
  /* Modal por encima de flotantes (WhatsApp, etc.) */
  .iconic-wsb-modal{
    z-index: 999999 !important;
    width: 96vw;
    max-height: 90vh;
    margin: 3vh auto !important;
    overflow: hidden; /* el scroll va en el contenido */
  }

  /* Área que scrollea dentro del modal */
  .iconic-wsb-modal__content{
    max-height: calc(90vh - 64px) !important; /* ~alto de cabecera */
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    padding: 10px 16px 110px !important; /* aire para que el último botón no quede cortado */
  }

  /* Wrappers sin recortes que puedan cortar contenido */
  .iconic-wsb-modal__offer,
  .iconic-wsb-modal-products{
    overflow: visible !important;
  }

  /* Lista en 2 columnas (layout principal) */
  .iconic-wsb-modal-products__product-list{
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Tarjeta flexible: el botón se pega al fondo */
  .iconic-wsb-modal-products__product,
  .iconic-wsb-modal-product{
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Imagen fluida (evita alturas forzadas) */
  .iconic-wsb-modal-product__image,
  .iconic-wsb-modal-product__image img{
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }

  /* Zona de precio/botón sin recortes */
  .iconic-wsb-modal-product__price,
  .iconic-wsb-modal-product__add-to-cart{
    overflow: visible !important;
  }

  /* Botón al fondo y a ancho completo */
  .iconic-wsb-modal-product__add-to-cart{
    margin-top: auto !important;
    position: static !important;
  }
  .iconic-wsb-modal-product__add-to-cart .button,
  .iconic-wsb-modal-product__add-to-cart a.button{
    display: block !important;
    width: 100% !important;
  }
}




@media (max-width: 576px) {
	/* CSS para estilos generales */
.iconic-wsb-checkout-bump__body {
    display: flex;
    flex-wrap: wrap;
}

/* CSS específico para móviles */
@media (max-width: 768px) {
    .iconic-wsb-checkout-bump__body {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .iconic-wsb-checkout-bump__product-aside,
    .iconic-wsb-checkout-bump__main {
        width: 100%;
    }
    .iconic-wsb-checkout-bump__product-image {
        margin-bottom: 20px; /* Espacio entre la imagen y el texto */
    }
    .iconic-wsb-checkout-bump__product {
        text-align: left; /* Justificar texto a la izquierda */
    }
}

}