@font-face {
    font-family: 'open_sans_semiboldregular';
    src: url('/themes/vidalforce/assets/fonts/opensans-semibold-webfont.eot');
    src: url('/themes/vidalforce/assets/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/themes/vidalforce/assets/fonts/opensans-semibold-webfont.woff2') format('woff2'),
        url('/themes/vidalforce/assets/fonts/opensans-semibold-webfont.woff') format('woff'),
        url('/themes/vidalforce/assets/fonts/opensans-semibold-webfont.ttf') format('truetype'),
        url('/themes/vidalforce/assets/fonts/opensans-semibold-webfont.svg#open_sans_semiboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
  font-display: swap;

}


/* Roboto Regular - 400 */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/themes/vidalforce/assets/fonts/roboto_400.woff2') format('woff2'),
       url('/themes/vidalforce/assets/fonts/roboto_400.ttf') format('truetype');
  font-display: swap;
}

/* Roboto Medium - 500 */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/themes/vidalforce/assets/fonts/roboto_500.woff2') format('woff2'),
       url('/themes/vidalforce/assets/fonts/roboto_500.ttf') format('truetype');
  font-display: swap;
}

/* Roboto Semi-Bold - 600 */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('/themes/vidalforce/assets/fonts/roboto_600.woff2') format('woff2'),
       url('/themes/vidalforce/assets/fonts/roboto_600.ttf') format('truetype');
  font-display: swap;
}


@font-face {
    font-family: 'open_sansregular';
    src: url('/themes/vidalforce/assets/fonts/opensans-regular-webfont.eot');
    src: url('/themes/vidalforce/assets/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('/themes/vidalforce/assets/fonts/opensans-regular-webfont.woff2') format('woff2'),
        url('/themes/vidalforce/assets/fonts/opensans-regular-webfont.woff') format('woff'),
        url('/themes/vidalforce/assets/fonts/opensans-regular-webfont.ttf') format('truetype'),
        url('/themes/vidalforce/assets/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('/themes/vidalforce/assets/fonts/opensans-bold-webfont.eot');
    src: url('/themes/vidalforce/assets/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/themes/vidalforce/assets/fonts/opensans-bold-webfont.woff2') format('woff2'),
        url('/themes/vidalforce/assets/fonts/opensans-bold-webfont.woff') format('woff'),
        url('/themes/vidalforce/assets/fonts/opensans-bold-webfont.ttf') format('truetype'),
        url('/themes/vidalforce/assets/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
  font-display: swap;

}
.tab-content p {
    font-family: 'open_sansregular' !important;
    line-height: 1.25rem !important;
}
.tab-content p.icon-text-center
{
    font-family: 'open_sans_semiboldregular' !important;
    font-weight: normal;
    font-style: normal;
}
.tab-content p strong,
.product-description .desc-productos-naturales strong
{
    font-family: 'open_sansbold' !important;
    font-weight: normal;
    font-style: normal;
}
.row.footer_first_level_row .title_block_inner {
    font-family: 'open_sansbold' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
}
.product-description-short strong {
    font-family: 'open_sansbold' !important;
}
p {
    font-size: 16px !important;
}
.tab-content p.title-recomendados,
.section-recomendados p,
.tab-content .footer-recomendados p,
.tab-content p.icon-text-center-resultados,
.tab-content .title-resultados p,
.tab-content p.title-usos
{
    font-family: 'open_sans_semiboldregular' !important;
    font-weight: normal;
}
.product-description-short strong {
    font-family: 'open_sansbold' !important;
}
a.product-description-read-more,
a.product-description-read-less {
    color: #2eb336 !important;
    font-weight: bold;
    font-size: 18px;
    font-family: 'open_sansbold' !important;
}
.product-description-read-more::after {
    content: '\f107';
    font-family: "fontello";
    font-style: normal;
    font-weight: bold;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 5px;
}
.product-description-read-less:after{
    content: '\f106';
    font-family: "fontello";
    font-style: normal;
    font-weight: bold;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 5px;
}
body .sttab_block > .nav-tabs.tab_lg a.nav-link{
    border: 0;
    text-transform: uppercase;
    font-size: 14px !important;
    position: relative;
    font-weight: bold;
    color: #222;
    padding: 18px 0px;
    font-family: 'open_sans_semiboldregular' !important;
    background: #fff;
    margin: 0px 20px;
    transition: all 0.5s;
}
.title-one strong {
    font-family: 'open_sansbold' !important;
}
body.product .sttab_block > .nav-tabs.tab_lg a.nav-link.active {
    font-size: 22px !important;
    border-bottom: 5px solid #000000 !important;
    color: #222 !important;
}
section.products_section .title_block_inner {
    text-align: left;
    font-family: 'open_sans_semiboldregular' !important;
    color: black !important;
    text-align: center;
    font-size: 22px !important;
    font-family: Open Sans, sans-serif;
    text-transform: uppercase !important;
    font-weight: 600;
    position: relative;
    padding-bottom: 16px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 24px;
    border: 0px;
}
section.products_section .title_block_inner:before {
    border-bottom: 5px solid rgb(0, 0, 0);
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    content: "";
    height: 5px;
    width: 50px;
    padding-bottom: 5px;
}
body.product .title_block.flex_container {
    border: 0px;
    margin-bottom: 0px;
}
.product_name {
    font-family: 'open_sans_semiboldregular' !important;
    font-size: 26px !important;
}
.product-description h2 {
    color: #202020;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    padding: 10px 0px 20px 0px;
    margin: 0;
    line-height: 1;
}

h2, .h2 {
    font-size: 18px;
}
.product-description h3 {
    color: #202020;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 18px;
}
h3, .h3 {
    font-size: 18px;
}
/*ESTILOS PRODUCTOS VIDEO*/
.video_parent {
    margin-bottom: 68px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
}
.video_parent .video_iframe {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    padding: 0px 10px;
}
.background_blue {
    background: #1b1b1b;
    color: #fff;
    padding: 136px 34px 138px 34px;
    text-align: center;
    position: relative;
}
.background_blue ul {
    text-align: left;
    width: 573px;
    max-width: 100%;
    display: inline-block;
}
.background_blue p.title_product {
    text-align: center;
    text-transform: uppercase;
    font-size: 23px !important;
    font-weight: bold !important;
    line-height: 1.2;
}

.background_blue p.title_product strong {
    display: block;
}
.background_blue ul li {
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 19px;
}
.background_blue ul li span {
    width: 517px;
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    line-height: 1.1;
}
.background_blue:before {
    background: #1b1b1b;
    content: '';
    height: 100%;
    left: -100%;
    position: absolute;
    width: 100%;
    top: 0px;
}
.background_blue:after {
    background: #1b1b1b;
    content: '';
    height: 100%;
    right: -100%;
    position: absolute;
    width: 100%;
    top: 0;
}
.video_parent
.background_blue:after {
    background: #66c3da;
    content: '';
    height: 100%;
    right: -100%;
    position: absolute;
    width: 100%;
    top: 0px;
}
.video_parent .video_iframe video {
    border-radius: 11px;
    overflow: hidden;
}
.background_blue ul li:before {
    content: '';
    background: url('/themes/at_estilo/assets/video/boteblanco.png') no-repeat;
    height: 48px;
    width: 47px;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}
.background_blue ul li.icono_2:before {
    background: url(/themes/at_estilo/assets/video/mano.png) no-repeat;
    background-size: contain;
}
.background_blue ul li.icono_4:before {
    background: url(/themes/at_estilo/assets/video/corazon.png) no-repeat;
    background-size: contain;
}
.background_blue ul li.icono_5:before {
    background: url(/themes/at_estilo/assets/video/huella.png) no-repeat;
    background-size: contain;
}
.background_blue ul li.icono_6:before {
    background: url(/themes/at_estilo/assets/video/tierrablanca_copia.png) no-repeat;
    background-size: contain;
}
.background_blue ul li.icono_7:before {
    background: url(/themes/at_estilo/assets/video/toxic.png) no-repeat;
    background-size: contain;
}


.content_product_parent {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.content_product_parent > div {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}
.content_product_parent > div > div {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 23px;
}
.content_product_parent img {
    width: 100%;
    height: auto !important;
}
.content_product_parent > div > div > div:nth-child(1) {
    width: 32%;
    position: relative;
}
.content_product_parent > div > div > div:nth-child(2) {
    width: 68%;
    padding-top: 25px;
}
.content_product_parent > div > div > div:nth-child(2) h2 {
    text-transform: uppercase;
    font-size: 19px;
    font-weight: bold;
}
.content_product_parent p {
    font-size: 14px !important;
}
.content_product_parent > .right_content_product > div > div:nth-child(1) {
    float: right;
}
.content_product_parent>div>div {
    display: flex;
    width: 100%;
}
.content_product_parent > .right_content_product > div > div:nth-child(2) {
    width: 32%;
    position: relative;
}
.content_product_parent > .right_content_product > div > div:nth-child(1) {
    width: 68%;
    padding-top: 25px;
}
.content_product_parent h2 {
    text-transform: uppercase;
}
.left_content_product {
    padding-right: 10px;
}

.right_content_product {
    padding-right: 10px;
}
.left_content_product > div > img, .right_content_product > div > img {
    width: 100%;
    height: 100% !important;
}

/*END CSS PRODUCTO*/
#category .category-cover.mb-3 img {
    width: 100%;
}
body#checkout div#opc_personal_information .form-control:focus,
body#checkout div#opc_addresses_delivery_content .form-control:focus,
body#checkout div#opc_addresses_delivery_content select:focus {
    border: 1px solid #245cca !important;
    box-shadow: inherit !important;
    background-color: #f5f6fe !important;
    background: #f5f6fe !important;
    border-width: 1px !important;
}
#checkout #opc_main #payment_method_container .module_payment_container .payment-option {
    justify-content: space-between;
}
#checkout #opc_main #payment_method_container .module_payment_container .payment-option .bloque_left {
    display: flex;
    align-items: center;
}
#checkout #opc_main #payment_method_container .module_payment_container .payment-option .bloque_left .paypal-mark {
    display: none !important;
}
#checkout #opc_main #payment_method_container .module_payment_container .payment-option .payment_image {
    margin-right: 0px;
}
#checkout #opc_main #payment_method_container .module_payment_container .payment-option .payment_image  img {
    height: 25px;
    width: auto;
    max-width: initial;
    min-width: auto;
}




body#index .breadcrumb_spacing {
    display: none;
}
body#index .header-container {
    margin-bottom: 0px !important;
}
body#index .index_head {
    display: none !important;
}
.productos_slider .swiper-slide.tm_cover {
    width: 100% !important;
}
.pro_outer_box a.add_to_love.st_added i:before {
    content: "\e805";
}
#product .product_left_column_hook {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9;
}
#product section.product_left_content.mb-2 {
    position: relative;
}
#product .product_page_container .pro_right_item span.amount_inline {
    display: none;
}
#product .product_left_column span.amount_inline {
    display: none;
}
#product .product_left_column a.add_to_love.st_added i:before {
    content: "\e805";
}
#product .product-actions.js-product-actions button.add-to-cart {
    background: #000;
    color: #fff;
}

#product .product-actions.js-product-actions button.add-to-cart:hover {
    background: #fff;
    color: #000;
}
#checkout #opc_main #opc_cart .cart-summary-products #cart-summary-product-list .media-list .media .media-product-detail .remove-from-cart {
    color: #808080  !important;
}
.myacount_dashbord_list .list-group-item {
    width: 32%;
    margin-left: 0px;
    margin-right: 0px;
}

.row.myacount_dashbord_list {
    justify-content: space-between;
}
#checkout .opc-bootstrap-533 .opc-form .form-control.error {
    border-color: #c63127  !important;
}
.qty_wrap.qty_wrap_big .btn {
    color: #000 !important;
}
.shoppingcart-list button.btn.btn-touchspin {
    color: #000 !important;
}
ul#st_mobile_menu_ul > li {
    border: 0px;
    padding: 7px 10px 7px;
}
div#side_stmobilemenu {
    border: 0px;
}
div#side_stmobilemenu .st-menu-header .st-menu-title {
    display: none;
}
div#side_stmobilemenu .st-menu-header a.close_right_side i.fto-cancel-2:before {
    content: 'X';
    font-family: "Open Sans";
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    font-weight: 500;
    width: auto;
    word-spacing: 15px;
    transform: scaleX(1.4); /* aumenta el ancho 30% */
    transform-origin: left;
    font-size: 22px;
}
ul#userinfo_mod_mobile_menu > li {
    padding: 7px 10px 7px;
    border: 0px;
}
ul#userinfo_mod_mobile_menu > li {
    padding: 7px 10px 7px;
    border: 0px;
}
div#side_mobile_nav a.close_right_side i {
    font-size: 20px;
}
div#side_mobile_nav a.close_right_side i:before {
    content: 'X';
    font-family: "Open Sans";
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    font-weight: 500;
    width: auto;
    word-spacing: 15px;
    transform: scaleX(1.4);
    transform-origin: left;
    font-size: 22px;
}
div#side_mobile_nav .st-menu-header a.close_right_side {
    display: inline-block;
    padding-right: 6px;
}
div#side_mobile_nav {
    border: 0px;
}
div#side_mobile_nav h3.st-menu-title {
    display: none;
}
ul#userinfo_mod_mobile_menu > li:nth-child(2) > a {
    font-weight: bold;
}
div#cookieDataLayer .modal-content {
    margin: 0px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}
div#cookieDataLayer .modal-dialog.modal-dialog-centered {
    display: flex;
    align-items: center !important;
    justify-content: center;
    height: 100%;
    transform: inherit;
    margin: 0 auto;
    width: 94% !important;
}
div#cookieDataLayer .modal-body {
    text-align: left;
    color: #31363a;
    position: relative;
    font-size: 14px;
    margin-bottom: 0px;
    padding-bottom: 11px !important;
    border-bottom: 1px solid #f4f1f1;
}
div#cookieDataLayer .modal-content .modal-footer {
    width: 100%;
}

div#cookieDataLayer .modal-content .modal-footer .buttons {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
}
div#cookieDataLayer .modal-content .modal-footer .buttons a#configuration {
    -webkit-order: 3;
    -moz-order: 3;
    -ms-order: 3;
    -o-order: 3;
    order: 3;
    margin-bottom: 0px;
    background: #e9eef1;
    color: #31363a;
    border: 1px solid #e9eef1;
}
div#cookieDataLayer .modal-content .modal-footer .buttons a#denegar {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2;
}
div#cookieDataLayer .modal-content .modal-footer .buttons a#acuerdo {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    -o-order: 1;
    order: 1;
    background: #31363a !important;
}
div#cookieDataLayer .modal-content .modal-footer .buttons a {
    width: 100%;
    background: #31363a;
    color: #fff;
    border: 1px solid #31363a;
    border-radius: 5px;
    text-transform: initial;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 7px;
}
div#cookieDataLayer .modal-content .modal-footer .buttons a:hover {
    box-shadow: 0 0px 12px rgb(0 0 0 / 66%) !important;
}
div#cookieDataLayer .modal-content .modal-body:nth-child(3) {
    padding: 0px;
}
div#cookieDataLayer .modal-content .modal-body a#politicaread {
    padding: 0px;
    border: 0px;
    text-transform: initial;
    color: #2a2e32;
}
div#cookieDataLayer .modal-content .modal-body a#politicaread:hover {
    color: #99a0a7;
}


.ingredient-list__main__initials li.tab-link {
    height: 30px;
    width: 30px;
    border-radius: 100px;
    border: solid 1px #281A08;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 0;
    min-width: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.ingredient-list__main__initials ul {
    display: flex;
    justify-content: space-between;
    width: 69px;
    flex-flow: wrap;
    text-align: left;
}
.parents_items {
    display: flex;
}
idxringredientes-glosario .items .tab-content {
    width: 100%;
    padding-left: 20px;
}
idxringredientes-glosario .items .tab-content a {
    color: #000;
    padding: 9px 0px;
    text-transform: uppercase;
    width: 33%;
}
idxringredientes-glosario .items idxringredientes-glosario-item {
    flex: inherit;
    max-width: 100%;
    width: 100%;
    display: flex;
    margin-bottom: 39px;
    flex-flow: wrap;
}
idxringredientes-glosario idxringredientes-glosario-item:before {
    font-weight: bold;
    margin-bottom: 16px;
}

body#module-idxringredientes-listado {}

body#module-idxringredientes-listado div.extra img {
    width: 100%;
}

body#module-idxringredientes-listado div h1 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 22px;
}

body#module-idxringredientes-listado div[slot="extra"] img {
    width: 100%;
}

body#module-idxringredientes-listado div[slot="extra"] {
    margin-bottom: 37px;
}

body#module-idxringredientes-listado idx-autocomplete.hydrated {
    margin: 0px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 39px;
}

body#module-idxringredientes-listado idx-autocomplete input[type="text"] {
    border-radius: 38px;
}

body#module-idxringredientes-listado idx-autocomplete idx-icon.hydrated {
    right: 10px;
}

idxringredientes-glosario .items .tab-content a:hover {
    color: #00588c;
}
idx-icon[icon=search]:before {
    color: #000 !important;
}
idxringredientes-glosario .items {
    width: 100%;
}
idxringredientes-glosario .items .tab-content {
    display: none;
}
idxringredientes-glosario .items .tab-content.current {
    display: inline-block;
}

idxringredientes-glosario .items {
    width: 100%;
}

.ingredient-list__main__initials li.tab-link.current {
    background: #281A08;
    color: #fff;
    font-weight: bold;
}
div#cookieDataLayer {
    background: rgba(0, 0, 0, 0.7);
}

.idxringredientes-ingrediente-ficha .swiper-container.products_sldier_swiper.swiper_loading {
    padding-top: 74px;
    padding-bottom: 76px;
}
.idxringredientes-ingrediente-ficha h1 {
    font-size: 26px;
    font-weight: bold;
}
.inner_alert {
    display: flex;
    justify-content: space-between;
}

.inner_alert input.form-control {
    border: 2px solid #000;
    height: 40px;
}

.inner_alert button.btn {
    background: #000;
    color: #fff;
    min-width: 88px;
}

.js-mailalert.mar_b6.clearfix .mar_b6 {
    font-weight: bold;
}

.inner_alert button.btn:hover {
    opacity: 0.8;
}
.express-checkout-button-list.text-center {
    background: #fff;
    margin-top: 34px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    padding-top: 31px !important;
}

.express-checkout-button-list.text-center .express-checkout-button-list__title {
    text-align: center;
    display: flex !important;
    justify-content: center !important;
    width: 100%;
    margin-bottom: 12px !important;
}
.express-checkout-button-list.text-center .express-checkout-button-list__title:before, .express-checkout-button-list.text-center .express-checkout-button-list__title:after {
    width: 0px !important;
    border: 0px !important;
    height: 0px !important;
    flex: 0px !important;
    display: none;
}
#checkout #opc_main .express-checkout-button-list__content div#payment-grafeco-box {
    padding: 0px;
    margin: 0px;
}
#checkout #opc_main .express-checkout-button-list__content div#payment-grafeco-box div#payment-stripe-grafeco-text {
    display: none !important;
}
#checkout #opc_main .express-checkout-button-list__content {
    max-width: 214px;
    border: 0px !important;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    border: 2px solid #000000;
    background: transparent;
}

.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000000;
}
#checkout #opc_main #payment_method_container .module_payment_container .payment-option img.img-thumbnail.paypal {
    display: none;
}
#checkout #opc_main #payment_method_container .module_payment_container .payment-option .paypal-mark {
    margin: 0px;
}
#checkout #opc_main #payment_method_container .module_payment_container .js-additional-information#payment-option-4-additional-information {
    padding-top: 0px;
}
#checkout #opc_main #payment_method_container .module_payment_container .js-additional-information#payment-option-4-additional-information div[data-container-express-checkout][data-paypal-source-page="payment-step"] {
    width: 100%;
}
#form-field-component_customer .field-container.form-group .cms-modal,
#form-field-component_customer .field-container.form-group .cms-modal a 
{
    color: #c63127;
}
form#form-field-component_customer .field-container.form-group.has-success label.cms-modal, form#form-field-component_customer .field-container.form-group.has-success label.cms-modal a {
    color: #000;
}
#checkout #opc_main #conditions-to-approve label {
    color: #c63127;
}
#checkout #opc_main #conditions-to-approve label a {
    color: #c63127;
}
#checkout #opc_main #conditions-to-approve label.checked a,
#checkout #opc_main #conditions-to-approve label.checked {
    color: #000000;
}
i.elementor-toggle-icon-closed.fas.fa-caret-right {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M441.3 299.8C451.5 312.4 450.8 330.9 439.1 342.6L311.1 470.6C301.9 479.8 288.2 482.5 276.2 477.5C264.2 472.5 256.5 460.9 256.5 448L256.5 192C256.5 179.1 264.3 167.4 276.3 162.4C288.3 157.4 302 160.2 311.2 169.3L439.2 297.3L441.4 299.7z'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  color: #050505; /* color del ícono encima */
  border-radius: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
i.elementor-toggle-icon-opened.fas.fa-caret-up {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M300.3 199.2C312.9 188.9 331.4 189.7 343.1 201.4L471.1 329.4C480.3 338.6 483 352.3 478 364.3C473 376.3 461.4 384 448.5 384L192.5 384C179.6 384 167.9 376.2 162.9 364.2C157.9 352.2 160.7 338.5 169.9 329.4L297.9 201.4L300.3 199.2z'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  color: #050505; /* color del ícono encima */
  border-radius: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

@media (max-width: 1199px) {
    .myacount_dashbord_list .list-group-item {
        width: 49%;
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media (max-width: 991px) {
    .row.myacount_dashbord_list {
        margin: 0px;
    }
    body idxringredientes-glosario idxringredientes-glosario-item {
        width: 100% !important;
        max-width: 100% !important;
    }

    idxringredientes-glosario .items .tab-content a {
        width: 50%;
    }
}
@media (max-width: 600px) {
    idxringredientes-glosario .items .tab-content a {
        width: 100%;
    }  
}
@media (max-width: 450px) {
    a.ajax_add_to_cart_button.hover_fly_btn.btn.btn-default.btn-spin {
        padding-left: 5px;
        padding-right: 5px;
    }
    a.ajax_add_to_cart_button.hover_fly_btn.btn.btn-default.btn-spin span {
        font-size: 14px;
    }
    body .ajax_add_to_cart_button.btn span, body .view_button.btn span {
        font-size: 14px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
@media (max-width: 480px) {
    .product_description_container .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .product_description_container .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
}

#spr .progress-stars {
    color: #f4c765 !important;
}


/* AJ estrellitas – siempre a la DERECHA */

/* (Opcional) Ajustes del listado, si los necesitas */
#spr_list {
    margin-left: 0;
    padding-left: 0;
}

#spr_list .rating-star-display.star_custom_size_list
label.product-block-half::before {
    margin-left: -15px !important;
}

/* --------- BLOQUE DE PRECIO EN FICHA DE PRODUCTO --------- */

/* Hacemos que .product-prices sea flex */
#product .product-prices {
   display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;  
}

/* Empujamos el bloque de reseñas (tax-shipping-delivery-label) a la DERECHA */
#product .product-prices .tax-shipping-delivery-label {
    margin-left: auto;        /* 👈 esto empuja las estrellas a la derecha */
    position: static !important;
    left: auto !important;
    right: auto !important;
}

/* Dentro del widget #spr: fila con estrellas + texto alineada a la DERECHA */
#product .product-prices .tax-shipping-delivery-label #spr .row.mt-1 {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;         /* pegado al borde derecho de su bloque */
    margin: 0 !important;
}

/* Quitamos floats y anchos de grid (.col-lg-6) para que flex funcione bien */
#product .product-prices .tax-shipping-delivery-label #spr .row.mt-1 > .rating-star-display,
#product .product-prices .tax-shipping-delivery-label #spr .row.mt-1 > .average_text_info {
    float: none !important;            /* anula pull-left / pull-right */
    flex: 0 0 auto !important;
    max-width: none !important;
    width: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Bloque de estrellas en sí */
#product .product-prices .tax-shipping-delivery-label #spr .rating-star-display {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center;
}

/* Separación entre estrellas y texto "(4,5/5) 143" */
#product .product-prices .tax-shipping-delivery-label #spr .row.mt-1 > .rating-star-display {
    margin-right: .5rem;
}

/* Texto y enlace "Ver opiniones" alineados a la izquierda dentro del bloque derecho */
#product .product-prices .tax-shipping-delivery-label #spr .average_text_info {
    font-weight: bold;
    color: black;
    text-align: left !important;
}

#product .product-prices .tax-shipping-delivery-label #spr #spr_scroll_to_review_footer {
    display: block;
    text-decoration: underline;
    font-size: 12px;
    text-align: left !important;
}

/* En móvil: por si el módulo intenta empujarlas a la derecha otra vez */
@media (max-width: 767px) {
    #spr .star_custom_size {
        display: flex;
        justify-content: flex-end !important;  /* siguen a la derecha en móvil */
    }

     #spr .rating-star-display > .half.product-block-half:before {
        left: 5px !important;
        margin-left: 1px;
    }
}

/* Precio tachado en rojo */
span.price.st_discounted_price {
    color: red !important;
}

#product .mar_b1.pro_price_block.flex_container.flex_start {
    display: flex;
}

/* Separar un poco las estrellas en la ficha de producto (#spr) */
#spr .rating-star-display > label.product-block-half:before,
#spr .rating-star-display > label.product-block-half {
    margin-left: -3px !important;   
}


/* Posición de la media estrella (la ½ visible al final) */
#spr .rating-star-display > .half.product-block-half:before {
    left: 8px !important;            /* valor original del módulo */
}

/* Quitar el espacio entre las estrellas del producto (#spr) */
#spr .rating-star-display {
    display: flex !important;   /* ya lo tenías o algo parecido */
    gap: 0 !important;          /* sin separación entre items flex */
    font-size: 0;               /* elimina el hueco por los espacios del HTML */
}

/* Las estrellas en sí (volvemos a darles tamaño) */
#spr .rating-star-display > label {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;   /* o el tamaño que quieras para las estrellas */
}

/* Mantener el solapado de las medias estrellas */
#spr .rating-star-display > label.product-block-half {
    margin-left: -6px !important;  /* mismo valor que usabas para la media estrella */
}

@media (min-width: 378px) {
    .col-xs-12.col-sm-12.col-md-12.col-lg-6.pull-right.average_text_info {
        margin-top: 19px;
    }
}

/* En móviles muy pequeños: estrellas arriba, texto debajo */
@media (max-width: 378px) {

   #product .product-prices .tax-shipping-delivery-label {
      margin-top: 40px !important;   /* ajusta el valor si hace falta */
  }

  #product .mar_b1.pro_price_block.flex_container.flex_start {
    display: flex;
    margin-top: -35px !important;
}
    
  /* Fila del widget de reviews */
  #product .product-prices .tax-shipping-delivery-label #spr .row.mt-1 {
    flex-direction: column;      /* primero estrellas, debajo texto */
    align-items: flex-end;       /* todo alineado a la derecha */
  }

  /* Bloque de estrellas */
  #product .product-prices .tax-shipping-delivery-label #spr .row.mt-1 > .rating-star-display {
    margin-right: 0;             /* quitamos margen lateral */
    margin-bottom: 2px;          /* pequeño espacio con el texto */
  }

  /* Bloque de "(4,5/5) 143 – Ver opiniones" */
  #product .product-prices .tax-shipping-delivery-label #spr .row.mt-1 > .average_text_info {
    text-align: right;           /* alineado con las estrellas */
    width: 100%;                 /* ocupa toda la línea */
  }
}




