/*
Theme Name: NUBE eCommerce Theme
Theme URI: http://www.nubegt.com
Author: NUBE Agencia Creativa
Author URI: http://www.nubegt.com
Description: Institutional website, it features multiple sections on the front page as well as navigation and menus, and more. It works great in many browsers, for any abilities, and on any device.
Version: 1.0
License: NUBE Agencia Creativa | 2025 All rights reserved | 2025 Todos los derechos reservados
License URI: http://www.nubegt.com
Text Domain: especialistasdentales.com.gt
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
All rigts reserved. For more information or technical support visit http://www.nubegt.com or write us a eMail to soporte@nubegt.com
*/

body {
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

/*-- 
    html, body, * {
        padding: 0;
        margin: 0;
    }
--*/

b,
strong,
em strong {
    font-weight: 600 !important;
}

ul {
    padding-inline-start: 0px;
}

img {
    height: auto;
    max-width: 100%;
}

body a, p a,
p a:visited,
p a:active,
p a:focus {
    line-height: inherit;
    outline: 0;
}

p a, body a {
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

p a:hover, body a:hover {
    text-underline-offset: 6px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

blockquote {
    background: #0000001c;
    border-left: 5px solid #ffffff;
    margin: 1.5em 10px;
    padding: 1em 10px;
    quotes: "\201C" "\201D" "\2018" "\2019";
    text-align: center;
    font-style: italic;
    color: #ffffff;
}

blockquote p {
    text-align: center !important;
}
  
blockquote:before {
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    color: #ffffff;
}

/*- ////////// -*/

.alert-header {
    display: flex;
    height: 34px;
    justify-content: center;
    align-items: center;;
    margin-bottom: 0px;
}

.alert-header :is(h1, h2, h3, h4, h5, h6, p) {
    margin: 0px;
    padding: 0px;
}

.alert-header .btn-close {
    position: relative;
    padding: 0rem 1rem;
}

.alert-header  .btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url('../img/header-close-icon.svg');
    background-image: url('../img/header-close-icon.svg');
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    margin: 1px 20px;
    color: #FFFF;
    padding: 5px;
    height: 20px;
    width: 20px;
}

.page-content,
.pagina-contenido {
    padding-top: 2rem;
    padding-bottom: 0rem;
}

.area-lista-post {
    padding-bottom: 0rem;
}

.page-hless {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

/*--- Revisar Components ---*/
.area-lista-post a {
    text-decoration: none;
}

.area-lista-post .post-list a:first-child .post-content {
    display: flex;
    flex-direction: column-reverse;
}

.area-lista-post .post-list a:first-child .list-post-resumen {
    margin-bottom: 1rem;
}

.area-lista-post .post-list a:first-child .post-content p {
    display: block;
}

.area-lista-post .post-list a:first-child .post-content h2 {
    position: relative;
    display: block;
}

.area-lista-post .post-list a:first-child .post-content h2::before {
    display: inline-block;
    font-size: 15px;
    color: #ba7a2d;
    border: 1px solid #ba7a2d;
    border-radius: 4px;
    padding: 12px 11px;
    margin-right: 15px;
    content: 'Featured';
    transition: all 0.3sease -in-out;
    -webkit-transition: all 0.3sease -in-out;
    position: absolute;
    left: 15px;
    bottom: -180px;
}

.area-lista-post .post-list a {
    display: block;
    padding: 0;
    margin-bottom: 3rem;
}

.area-lista-post .post-list a:hover h2 {
    text-decoration: underline;
}

.area-lista-post .post-list a:hover ::before {
    color: #ffffff !important;
    background-color: #ba7a2d;
    border: 1px solid #c7822d;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.area-lista-post .post-list-item .post-content {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: row;
    position: relative;
}

.area-lista-post .list-post-resumen h2 {
    font-size: 20px;
    text-transform: capitalize;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 1px;
}

.area-lista-post .list-post-resumen h2, .area-lista-post .list-post-resumen p  {
    color: #FFFFFF;
}

.area-lista-post a:hover img {
    transform: scale(1.03);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.area-lista-post .list-image-area .post-list-image {
    width: 100%;
    height: 250px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
} 

.historias_sec .vc_column_container .vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}

.historias_sec .hist_1 {
    margin-top: 2rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.historias_sec .hist_2 {
    margin-top: 8rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.historias_sec .hist_3 {
    margin-top: -3rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.historias_sec .hist_1:hover,
.historias_sec .hist_2:hover,
.historias_sec .hist_3:hover {
    transform: scale(1.03);
    z-index: 10;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.historias_sec .hist_1 img:hover,
.historias_sec .hist_2 img:hover,
.historias_sec .hist_3 img:hover {
    cursor: pointer;
    box-shadow: 0 15px 45px rgb(16 30 54 / 30%);
    -webkit-box-shadow: 0 15px 45px rgb(16 30 54 / 30%);
}

/* ///////////////////////////// */
.historias_sec .hist_1 img:hover, .historias_sec .hist_2 img:hover, .historias_sec .hist_3 img:hover {
    cursor: pointer;
    position: relative;
    transform: scale(1.1);
    z-index: 10;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    box-shadow: 0 15px 45px rgb(16 30 54 / 60%);
    -webkit-box-shadow: 0 15px 45px rgb(16 30 54 / 60%);
}

.historias_sec .hist_1, .historias_sec .hist_2, .historias_sec .hist_3 {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.header-page {
    height: 11rem;
    background-color: #f7f7f7;
}

.page-content-blog {
    padding-top: 0px;
    padding-bottom: 0px;
}

.post-content img {
    box-shadow: 0 15px 45px rgb(16 30 54 / 30%);
    -webkit-box-shadow: 0 15px 45px rgb(16 30 54 / 30%);
    border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
}

.post-content li {
    list-style: none;
}

.post-content a,
.post-content a:hover,
.area-post a,
.area-post a :hover,
.post-map a,
.post-map a :hover,
.post-link h2 :hover,
.post-link p :hover {
    color: rgba(27, 28, 33, 1) !important;
}

.post-resumen {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.post-resumen h2 {
    font-weight: 300;
    font-size: 1.8rem;
    margin-bottom: 0rem;
    padding: 2rem 1rem;
}

.post-resumen span {
    border-top: 1px solid #c7c7c7bd;
    margin: 0rem 1rem 2rem 1rem;
    display: block;
    width: 90%;
}

.post-resumen p {
    padding: 0rem 1rem 2rem 1rem;
}

.post-map article,
.post-resumen article {
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.post-map a:hover article {
    margin-top: -1rem;
    margin-bottom: 7.5rem;
    box-shadow: 0 15px 45px rgb(16 30 54 / 30%);
    -webkit-box-shadow: 0 15px 45px rgb(16 30 54 / 30%);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;

    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
    -moz-border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
    -webkit-border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
    -o-border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
}

.post-map a:hover article img {
    border-radius: 0.2rem 0.2rem 0rem 0rem;
    -moz-border-radius: 0.2rem 0.2rem 0rem 0rem;
    -webkit-border-radius: 0.2rem 0.2rem 0rem 0rem;
    -o-border-radius: 0.2rem 0.2rem 0rem 0rem;

    box-shadow: 0 0rem 0rem rgba(0, 0, 0, .0) !important;
    -webkit-box-shadow: 0 0rem 0rem rgba(0, 0, 0, .0) !important;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.meta-post p {
    margin: -5rem 0 0 0;
    background-color: #ffffff;
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
    border-radius: 0.27rem;
    color: #404040 !important;
    font-weight: 300;
    letter-spacing: 0.02rem;
    text-transform: capitalize;
    box-shadow: 0 0rem 0rem rgba(0, 0, 0, .0) !important;
    -webkit-box-shadow: 0 0rem 0rem rgba(0, 0, 0, .0) !important;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.meta-post-in {
    color: rgb(59, 59, 59);
}


/*-- Post floating navigator --*/

.post-navegacion .nav-box {
    background: rgba(221, 221, 221, 0.25);
    padding: 10px;
}

.post-navegacion p {
    margin: 0 10px;
    font-size: 12px;
}

.post-navegacion .previous img {
    float: right;
    margin: 0 0 0 10px;
}

.post-navegacion .previous {
    float: left;
    width: 250px;
    position: fixed;
    z-index: 100;
    left: -5rem;
    top: 45%;
    opacity: 50%;
}

.post-navegacion .previous:hover {
    left: 0;
    opacity: 100%;
}

.post-navegacion .next img {
    float: left;
    margin: 0 10px 0 0;
}

.post-navegacion .next {
    float: right;
    width: 250px;
    position: fixed;
    z-index: 100;
    right: -5rem;
    top: 45%;
    opacity: 50%;
}

.post-navegacion .next:hover {
    right: 0;
    opacity: 100%;
}

.post-navegacion .previous,
.post-navegacion .previous :hover,
.post-navegacion .next,
.post-navegacion .next :hover {
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
}

.post-navegacion .previous,
.post-navegacion .next {
    height: 120px;
}

.post-navegacion .previous a,
.post-navegacion .next a {
    width: 100%;
}

/*-- Post Pagination --*/

.pagination {
    font-size: 15px;
    color: #222;
    letter-spacing: 1px;
    position: relative;
    top: -4rem;
}

.pagination span {
    padding: 0.25rem 0.75rem;
    background-color: #cbedff;
    border-radius: 0.25rem;
    margin: 0rem 0.2rem;
    border: 1px solid;
    border-color: #87cef3;
    color: rgb(110, 110, 110) !important;
    transition: all ease-in-out 2ms;
}

.pagination a {
    padding: 0.25rem 0.75rem;
    background-color: #93daff;
    border-radius: 0.25rem;
    margin: 0rem 0.2rem;
    border: 1px solid;
    border-color: #87cef3;
    transition: all ease-in-out 2ms;
}

.pagination a:hover {
    color: #000 !important;
    transition: all ease-in-out 2ms;
}

/*-- Footer --*/
.footer-principal-area .wpcf7-form .wpcf7-text,
.footer-principal-area .wpcf7-submit {
    padding: 10px 10px 12px;
}

.footer-principal-area .wpcf7-spinner {
    position: absolute;
} 

.footer-principal-area form {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.footer-area {
    padding-top: 3rem;
    padding-bottom: 0rem;
}

.linea-footer {
    width: 100%;
    height: auto;
}

.linea-footer .linea-footer::after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, 0.164);
    z-index: 6;
    margin: 1rem 0px;
}

.contenido-footer ul {
    list-style: none;
}

.contenido-footer ul li {
    height: 34px;
    display: flex;
    align-items: center;
}

.contenido-footer .bloque-social {
    display: flex;
    gap: 5px;
}

.contenido-footer .bloque-social a {
    border: 2px solid;
    border-color: transparent;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #FFFFFF;
}

.contenido-footer .bloque-social a:hover {
    border: 2px solid;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
}

.contenido-footer .bloque-social i {
    font-size: 20px;
    display: flex;
}

.copy-area {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding-bottom: 2rem;
}

/*--
COMMENTS AREA
--*/
.comment-awaiting-moderation {
    background-color: #a80707;
    padding: 0.4rem 1rem;
    margin: 1rem 1rem 0rem 0rem;
    display: block;
    position: relative;
    font-weight: 400;
}

.comment-list,
.commentlist,
.comment-list .children,
.commentlist .children {
    list-style-type: none;
}

.area-comentarios {
    border-top: 1px solid;
    border-color: rgba(0, 0, 0, 0.082);
}

.commentlist li {
    margin-top: 2rem;
    margin-bottom: 4rem;
}

.comment-body img {
    position: absolute;
    width: 50px;
    border-radius: 50%;
    margin-top: -4px;
}

.commentlist .children,
.comment .children,
.parent .children {
    border-left: 1px solid #c1c1c1;
    padding-bottom: 3rem;
    padding-left: 4rem;
    margin-top: 8rem;
}

.commentlist .children article {
    padding-top: 1rem;
}

.comment-body .comment-metadata,
.comment-body .fn,
.comment-body b {
    padding-left: 4rem;
}

.comment-content {
    margin-top: 1rem;
}

.lista-comentarios ol {
    padding-left: 2rem;
    padding-right: 2rem;
}

.comment-body .reply a {
    padding: 10px;
    position: absolute;
    display: block;
    font-size: 1.1rem;
    margin-top: 1.2rem;
    border: 1px solid rgb(40 42 47);
    border-radius: 0.25rem;
    width: 200px;
    color: #ffffff;
    text-align: center;
    background-color: rgb(0 0 0);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    text-decoration: none;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.comment-body .reply a:hover {
    background-color: rgb(243 243 243);
    color: #1d1d1d;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.comment-form {
    background: #242121;
    border: 1px solid;
    border-color: #2f3235;
    border-radius: 0.25rem;
    margin-left: auto;
    margin-right: auto;
}

.comment-form .comment-notes {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.comment-form .logged-in-as {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.comment-form .logged-in-as a {
    text-decoration: none;
}

.comment-form .logged-in-as a:hover {
    text-decoration: underline;
}

.comment-form .logged-in-as .required-field-message {
    display: none;
}

#respond input[type=text],
textarea,
#url,
#author,
#email {
    outline: none;
    padding: 3px 0px 3px 3px;
    margin: 5px 1px 3px 0px;
    border: 1px solid #DDDDDD;
    width: 100%;
    -webkit-transition: all 0.10s ease-in-out;
    -moz-transition: all 0.10s ease-in-out;
    -ms-transition: all 0.10s ease-in-out;
    -o-transition: all 0.10s ease-in-out;
    transition: all 0.10s ease-in-out;
}

#respond input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus,
.Contacto input[type=text]:focus,
.Contacto input:focus {
    box-shadow: 0 0 5px rgb(81, 154, 238);
    border: 1px solid rgba(81, 154, 238, 1);
}

#author,
#email {
    font-style: italic;
    color: #1d1d1d;
    letter-spacing: .1em;
    width: 100%;
}

#url {
    color: #1d1d1d;
    font-family: 'Poppins', sans-serif;
    width: 100%;
}

.comment-form-cookies-consent label {
    width: 80%;
    margin-left: 1.8rem;
}

.comment-form-cookies-consent input {
    position: absolute;
    margin-top: 0.9rem;
}

.form-submit {
    width: 100%;
    text-align: center;
}

#submit {
    background-color: rgb(0, 0, 0);;
    -moz-border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
    border: 1px solid #212121;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 17px;
    padding: 16px 31px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #1f1f21;
    width: 50%;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

#submit:hover {
    background-color: rgb(255, 255, 255);
    color: #212121;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

#submit:active {
    position: relative;
    top: 1px;
}

.comment-respond h3 {
    text-align: center;
    margin-bottom: 1rem;
}

.transisiones {
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.sidbar-content .widget-container,
.sidbar-content .widget-container img {
    margin-bottom: 4rem;
    width: 100%;
    height: auto;
}

.sidbar-content .widget-container img {
    box-shadow: 0 15px 45px rgb(16 30 54 / 30%);
    -webkit-box-shadow: 0 15px 45px rgb(16 30 54 / 30%);
    border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
}

.color-widget .widget-container {
    margin: 0;
    padding: 0;
}

.sidbar-content .widget-container img {
    margin: 0px;
}

.text-widget .twitter-timeline,
.twitter-timeline-rendered {
    border: 1px solid #c3c3c3 !important;
    border-radius: 0.5rem !important;
    padding: 0.2rem !important;
}

.menu-menu-lateral .menu-item,
.menu-menu-lateral-container ul li,
.menu-menu-lateral-container li,
.menu-menu-lateral-container ul,
.menu-menu-sidebar-container .menu-menu-sidebar li,
.menu-menu-sidebar-container ul li,
.menu-menu-sidebar-container .menu,
.menu-my-sidebar-menu-container .menu li,
.menu-my-sidebar-menu-container .menu,
.menu-my-sidebar-menu-container .menu li,
.menu-my-sidebar-menu-container ul li {
    list-style-type: none;
    list-style: none;
    padding-left: 0px;
}

#menu-menu-lateral li,
#menu-menu-sidebar li,
.menu-my-sidebar-menu-container .menu li,
#menu-my-sidebar-menu li {
    vertical-align: middle;
    padding: 10px 0px 10px 0px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    color: rgba(0, 0, 0, 0.2);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

#menu-menu-lateral li:hover,
#menu-menu-sidebar li:hover,
#menu-my-sidebar-menu li:hover {
    background-color: aliceblue;
    padding-left: 15px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

#menu-menu-lateral a[aria-current]::li,
#menu-menu-sidebar a[aria-current]::li {
    background-color: rgb(205, 226, 245);
    padding-left: 15px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

/*-- 
CUSTOM BREADCRUMS
--*/
.breadcrumb {
    background-color: transparent;
    margin-bottom: 20px;
}

.breadcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.breadcrumb ul li {
    margin-right: 10px;
}

.breadcrumb ul li a {
    text-decoration: none;
}

.breadcrumb ul li a:hover {
    text-decoration: underline;
}

/* Estilo para los separadores '>' */
.breadcrumb ul li .separator, .breadcrumb .separator  {
    color: #b0b4b8;
    margin-left: 5px;
    margin-right: 5px;
}

/* Estilo para el último elemento (la página actual o producto) */
.breadcrumb ul li.current, .post-contenido .post-meta {
    color: #dbdbdb; 
    font-weight: normal;
}

/* Opcional: para cuando el breadcrumb es largo y no quieres que se desborde */
.breadcrumb ul {
    flex-wrap: wrap;
}

.breadcrumb ul li {
    margin-right: 5px;
}

/*-- 
CUSTOM POST
*/

.post-contenido .post-meta {
    display: flex;
    gap: 30px;
    padding-left: 0;
}

.post-contenido h1, .post-contenido .post-meta h1,
.product-container-info h1 {
    margin-left: 0;
    padding: 0;
    text-transform: capitalize;
    font-size: 1.6rem;
    font-weight: 500;
}

.post-contenido .image-post, .post-contenido .image-post .post-thumbnail {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.post-contenido .image-post {
    margin-bottom: 2rem;
    border-radius: 4px;
}

.post-contenido .image-post img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.post-contenido .post-tags{
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
}

.post-contenido .post-tags a {
    padding: 0.2rem 2rem;
    background-color: #000000;
    text-decoration: none;
    margin: 0.3rem;
}

.post-contenido .post-tags a:hover {
    color: #000;
    background-color: #ffffff;
    text-decoration: none;
}

/*-- 
CUSTOM WIDGET - RECENT POST
--*/

.widget_recent_posts_custom_widget_text h3 span, .widget_recent_posts_custom_widget h3 span {
    font-size: 1.1rem;
}

.widget_recent_posts_custom_widget a {
    text-decoration: none;
}

.widget_recent_posts_custom_widget .recent-post-item .post-content h3 {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.6rem;
}


.widget_recent_posts_custom_widget .recent-post-item {
    margin-bottom: 2rem;
    background-color: #FFFFFF;
    color: #212121;
    padding: 1rem 1rem;
    border-radius: 4px;
    position: relative;
}

.widget_recent_posts_custom_widget .recent-post-item .post-date {
    position: relative;
    padding: 0.1rem 0.6rem;
    background: #FFFF;
    border-radius: 4px;
    bottom: 43px;
    left: 12px;
}

.widget_recent_posts_custom_widget .recent-post-item  .read-more {
    width: 100%;
    position: relative;
    margin-bottom: 0px;
    margin-top: 1rem;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    text-align: right;
}

.widget_recent_posts_custom_widget .recent-post-item .read-more .bi {
    color: #FFF;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.widget_recent_posts_custom_widget .recent-post-item .post-thumbnail {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.widget_recent_posts_custom_widget .recent-post-item img {
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    width: 100%;
}

.widget_recent_posts_custom_widget .recent-post-item:hover img {
    scale: 1.05;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.widget_recent_posts_custom_widget .recent-post-item :hover .read-more {
    border-bottom: 2px solid #212121;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.widget_recent_posts_custom_widget .recent-post-item:hover .read-more .bi {
    color: #212121;
}

.widget_recent_posts_custom_widget_text .recent-posts-custom a:first-child {
    margin-top: 1.5rem;
    padding-top: 2.5rem;
    border-top: 1.5px solid #ffffff;
}

.widget_recent_posts_custom_widget_text .recent-posts-custom a:last-child {
    border-bottom: 1.5px solid #ffffff;
    padding-bottom: 2.5rem;
}

.widget_recent_posts_custom_widget_text .recent-posts-custom a {
    text-decoration: none;
    padding: 1rem 0rem;
    display: block;
    border-top: 1px solid #6d6d6d;
    margin-bottom: 1rem;
    position: relative;
}

.widget_recent_posts_custom_widget_text .recent-post-item .post-content h3 {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.6rem;
    color: #FFFFFF;
    margin-bottom: 1rem;
}

.widget_recent_posts_custom_widget_text .read-more {
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
    padding: 0;
    right: 10px;
    position: absolute;
    color: transparent;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.widget_recent_posts_custom_widget_text .recent-posts-custom a:hover h3 {
    text-decoration: underline;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.widget_recent_posts_custom_widget_text .recent-posts-custom a:hover .read-more {
    color: #FFF;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

/*-- 
RECENT POST FOOTER CARDS
--*/
.posts-area-title {
    padding: 0;
    margin-top: 1rem;
    font-weight: 500;
}

.posts-area-title span {
    color: #63bd65;
}

.recent-posts-area .recent-post-card .post-content {
    display: block;
    position: relative;
    min-height: 325px;
}

.recent-posts-area .post-title {
    font-size: 1.2rem;
    margin: 10px 0px 5px;
    font-weight: 600;
    line-height: 1.6rem;
}

.recent-posts-content .recent-posts-area {
    display: flex;
    gap: 30px;
}

.recent-posts-content .recent-posts-area .recent-post-card {
    padding: 0;
    background-color: #FFF;
    border-radius: 4px;
    overflow: hidden;
}

.recent-posts-content .recent-posts-area .recent-post-card a {
    text-decoration: none;
}

.recent-posts-content .recent-posts-area .recent-post-card .post-thumbnail {
    width: 100%;
    height: 230px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recent-posts-content .recent-posts-area .recent-post-card .post-thumbnail img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.recent-posts-content .post-content {
    padding: 1rem 2rem 2rem;
}

.recent-posts-content .post-content .post-excerpt {
    margin-top: 1.2rem;
}

.recent-posts-content .post-meta {
    text-transform: uppercase;
    font-size: 14px;
    color: #999999;
    font-weight: 500;
}

.recent-posts-content .post-content {
    color: #1d1d1d;
}

.recent-posts-content .read-more {
    border-bottom: 2px solid transparent;
    display: block;
    position: absolute;
    bottom: 10px;
    right: 33px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.recent-posts-content .read-more .bi {
    color: #FFF;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.recent-posts-content .recent-posts-area .recent-post-card:hover img {
    scale: 1.05;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.recent-posts-content .recent-posts-area .recent-post-card:hover .read-more {
    border-bottom: 2px solid #212121;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.recent-posts-content .recent-posts-area .recent-post-card:hover .read-more .bi {
    color: #212121;
}

.category-description {
    padding-top: 8rem;
}

.recent-posts-content .recent-posts-area .row {
    display: flex;
    gap: 2rem;
}

/*-- 
RECENT POST SHORTCODE CARDS
--*/
.recent-post-shortcode .post-item {
    background-color: #FFF;
    border-radius: 4px;
    overflow: hidden;
    min-height: 510px;
    position: relative;
}

.recent-post-shortcode .post-item .post-thumbnail {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recent-post-shortcode .post-item .post-thumbnail img {
    width: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.recent-post-shortcode .post-item .card-body {
    padding: 1rem;
    color: #1d1d1d;
    text-align: left;
} 

.recent-post-shortcode .post-item h3 {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    text-align: left;
    font-weight: 600;
    text-decoration: none;
}

.recent-post-shortcode .post-item p {
    color: #1d1d1d;
    text-align: left;
}

.recent-post-shortcode .post-item span {
    color: #9f9d9d;
    margin: 0.3rem 0rem;
    display: block;
    text-align: left;
}

.recent-post-shortcode .post-item .read-more {
    display: none;
    position: absolute;
    bottom: 15px;
    right: 25px;
    z-index: 999;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.recent-post-shortcode .post-item:hover .read-more {
    display: block;
    color: #1d1d1d;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

/*-- 
SOCIAL SHARE
--*/

.post-social-share-block {
    margin-bottom: 4rem;
    margin-top: 2rem;
    padding-left: 0;
    padding-right: 0;
}

.social-share {
    border-radius: 4px;
    text-align: center;
    margin: 20px 0;
    background-color: #ffffff3d;
    padding: 1rem 0rem 0.5rem;
}

.social-share .share-label {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
}

.social-share .social-icons {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 25px;
}

.social-share .social-icons li {
    display: flex;
    background: none;
    padding: 0;
    margin: 0;
}

.social-share .social-icons li a img {
    width: 32px;
    height: 32px;
    transition: transform 0.3s ease;
}

.social-share .social-icons li a:hover img {
    transform: scale(1.1);
}

/*-
WOOCOMMERCE PRODUCT
-*/

.flame-sales-container {
    color: #f43929;
    font-size: 1.1rem;
    font-weight: 400;
}

.flame-sales-container .flame-icon {
    margin-right: 0.2rem;
}

.product-meta-info p {
    font-weight: 400;
    margin-bottom: 0;
}

.product-container-info .price {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
    color: #f7be68;
    text-decoration: none;
}

.product-container-info .price del {
    opacity: 0.5;
}

.product-container-info .price ins {
    text-decoration: none;
    font-size: 1.4rem;
}

.product-container-info .variable-form {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 15px;
    flex-direction: column;
}

.product-container-info .variable-form .variation-buttons {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    max-width: 370px;
    flex-wrap: wrap;
}

.product-container-info .form-check input {
    cursor: pointer;
}

.product-container-info .price-sale-area {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 1.2rem;
}
/*--PRODUCT GALLERY --*/
.product-gallery-content, .product-left-content, 
.product-gallery-content .woocommerce-product-gallery {
    position: relative;
}

.product-gallery-content ol {
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0;
    flex-wrap: wrap;
}

.product-gallery-content ol li {
    list-style-type: none;
    cursor: pointer;
    padding: 0.3rem;
    background-color: #FFFFFF;
    border-radius: 4px;
}

.product-gallery-content .flex-viewport {
    position: relative;
    background-color: #FFFFFF;
    border-radius: 4px;
    border: 1.2rem solid #FFF;
}

.product-gallery-content .flex-viewport img {
    object-fit: cover;
}

.product-gallery-content .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    background-color: #000000ab;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #FFF;
    border-radius: 50px;
    text-decoration: none;
    padding: 5px;
    position: absolute;
    z-index: 999;
    right: 5px;
    top: 5px;
}

.product-container-info .product-share-area {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.product-container-info .product-accesories {
    margin-top: 1rem;
}

.product-container-info .product-accesories p {
    padding-left: 2.2rem;
    margin-top: 1rem;
    font-size: 14px;
    padding-top: 5px;
    position: relative;
    display: block;
    color: #e6e6e6;
    text-transform: capitalize;
}

.product-container-info .product-accesories i {
    position: absolute;
    display: block;
    left: 0;
    font-size: 20px;
    color: #b7b7b7;
}

.product-container-info .product-accesories .accesory-1 {
    top: 4px;
}

.product-container-info .product-accesories .accesory-2 {
    top: 10px;
}

.product-container-info .product-accesories .accesory-3 {
    top: 9px;
}

.product-container-info .product-accesories .accesory-4 {
    top: 12px;
}

.product-container-info .product-accesories span {
    font-weight: 500;
    color: #FFFFFF;
}

/* Sección de Tabs */
.woocommerce-tabs {
    margin-top: 30px;
    padding: 20px 0px;
    border-bottom: 1px solid;
}

.woocommerce-tabs .wc-tabs {
    border-bottom: 1px solid #FFFFFF;
    display: flex;
    gap: 3rem;
    justify-content: start;
    align-items: center;
}

.woocommerce-tabs ul li {
    list-style-type: none;
    padding-bottom: 6px;
}

.woocommerce-tabs .tabs li a {
    color: #d6d6d6;
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 4px solid transparent;
}

.woocommerce-tabs .tabs li a:active, 
.woocommerce-tabs .tabs li a:hover {
    text-decoration: none;
}

.woocommerce-tabs .tabs li.active a {
    color: #FFF;
    font-weight: 600;
    font-size: 1.2rem;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 4px solid #000000;
    padding-bottom: 0.4rem;
    text-decoration: none;
}

.woocommerce-tabs .entry-content {
    padding: 1rem 0rem 0rem;
}

.woocommerce-tabs .entry-content h2 {
    display: none;
}

.woocommerce-tabs .entry-content h3 {
    font-size: 1.4rem;
    font-weight: 600;
}

.woocommerce-tabs .tab-content {
    padding-top: 20px;
}

/*-- 
RELATED PRODUCTS - N-OPT
--*/
.related-products-area {
    margin-bottom: 2rem;
}

.related .products {
    margin-top: 2rem;
}

.related-products-area .related h2 {
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.search-results-area .card a,
.related .products a,
.wp-block-product-new li a {
    text-decoration: none;
}

.search-results-area .card .card-body h5,
.related .products a h2 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 400;
    margin-top: 15px;
    text-decoration: none;
    text-align: center;
}

.related ul.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    position: relative;
    align-items: start;
}

.related ul.products li {
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.related ul.products li.product {
    transition: box-shadow 0.3s ease-in-out;
}

.related ul.products li.product .woocommerce-loop-product__link {
    display: block;
    height: auto;
}

.related .outofstock button {
    display: none;
}

.related ul.products li.product img {
    width: 100%;
    border-radius: 4px;
}

.related ul.products li {
    position: relative;
}

.wp-block-product-new li a .wc-block-grid__product-onsale,
.related ul.products li.product .onsale {
    min-height: 3.236em;
    min-width: 3.236em;
    padding: .202em;
    font-size: 1em;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 3.236;
    top: -.5em;
    right: -.5em;
    margin: 0;
    background-color: #000000;
    color: #fff;
    font-size: .857em;
    z-index: 9;
}

.woocommerce ul.products li.product .onsale {
    background-color: #000000;
    border-radius: 0;
}

.search-results-area .card .card-body .card-text,
.wp-block-product-new li .price,
.related ul.products li.product .price {
    font-size: 1.3rem;
    font-weight: bold;
    color: #9b8940;
    margin-top: 15px;
    display: block;
    width: 100%;
    text-align: center;
}

.search-results-area .col-md-4 form {
    display: none;
}

.related ul.products li.product .price .ammount {
    width: 100%;
    display: block;
    align-items: center;
}

.wp-block-product-new .wc-block-grid__product:hover .wp-block-button a,
.related ul li:hover .add_to_cart_button,
.woocommerce ul.products li.product:hover .add_to_cart_button  {
    opacity: 1;
    display: none;
    z-index: 999;
    visibility: visible;
    position: absolute;
}

.wp-block-product-new .wc-block-grid__product .wp-block-button a,
.related ul li .add_to_cart_button, 
.woocommerce ul.products li.product .add_to_cart_button {
    opacity: 0; /* Ocultar el elemento */
    visibility: hidden; /* Asegurarse de que esté oculto */
    background-color: #000000;
    position: absolute;
    padding: 0.8rem 3rem;
    top: 130px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    color: #FFF;
    z-index: 10;
    transition: opacity 0.3s ease; /* Transición suave */
}

.related .added_to_cart {
    display: block;
    position: absolute;
    z-index: 999;
    color: #000000;
    background-color: #f6f6f6;
    padding: 1rem 2rem;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #bab5b5;
    bottom: 7rem;
    font-size: 14px;
    transition: .3s ease-in-out;
}

/*-- 
RELATED PRODUCTS - N-OPT
--*/
.wp-block-product-new li img,
.woocommerce ul.products li.product a img {
    border-radius: 4px;
    background-color: #FFF;
}

.wp-block-product-new li img {
    height: 300px !important;
    width: auto;
}

.wp-block-product-new li,
.woocommerce ul.products li {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.outofstock .product_type_simple, .outofstock .product_type_variable {
    display: none !important;
}

.woocommerce ul.products li .price {
    color: #9b8940;
    font-size: 1rem !important; 
    font-weight: bold !important;
	display: none !important;
}

.wp-block-product-new li .wc-block-grid__product-title,
.woocommerce ul.products li h2 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 400;
    margin-top: 15px;
    text-decoration: none;
}

/*-- 
SEARCH RESULTS PAGE
--*/
.search-results-area .card .img-area {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 4px;
}

.search-results-area .card .img-area img {
    height: 100%;
    object-fit: cover;
}

.search-results-area .card {
    background-color: transparent;
    border: 0px;
}

/*--
CONTACT FORM 7
--*/

/* Contenedor del formulario */
.page-content .wpcf7 {
    max-width: 600px;
    padding: 1rem;
}

/* Campos de entrada de texto */
.page-content .wpcf7 input[type="text"],
.page-content .wpcf7 input[type="email"],
.page-content .wpcf7 input[type="tel"],
.page-content .wpcf7 textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
}

/* Área de texto */
.page-content .wpcf7 textarea {
    height: 150px;
    resize: vertical;
}

/* Etiquetas */
.page-content .wpcf7 label {
    display: block;
    margin-bottom: 1rem;
    font-weight: 500;
    color: #efefef;
}

/* Botón de envío */
.page-content .wpcf7-submit {
    background-color: #556B2F;
    color: #FFF;
    padding: 12px 24px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
    transition: background-color 0.3s ease;
    display: block;
}

.page-content .wpcf7-submit:hover {
    transition: background-color 0.3s ease;
    background-color: #2c3718;
    color: #ffffff;
}

/* Mensajes de respuesta */
.page-content .wpcf7-response-output {
    margin: 20px 0;
    padding: 15px;
    border-radius: 4px;
}

/* Mensaje de éxito */
.page-content .wpcf7-mail-sent-ok {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

/* Mensaje de error */
.page-content .wpcf7-validation-errors {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

/* Campos obligatorios */
.page-content .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 14px;
    margin-top: 5px;
}

/* Campos inválidos */
.page-content .wpcf7 input.wpcf7-not-valid,
.page-content .wpcf7 textarea.wpcf7-not-valid {
    border-color: #dc3232;
}

/* Responsive */
@media screen and (max-width: 480px) {
    .page-content .wpcf7 {
        padding: 10px;
    }
    
    .page-content .wpcf7-submit {
        width: 100%;
    }
}