/*@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');*/
/*
*
*   Custom Root
*
*/
:root {
  --theme-color-1: #ffc907;
  --theme-color-2: #000;
  --theme-color-3: #F7931E;
  --text-detail: #666666;
  --theme-line: #e5e5e5;
  --link: #333333;
  --link-hover: #F7931E;
}
body {
}
a,
p {
  font-family: "Roboto", sans-serif;
}
/*
*
*   Custom Text
*
*/
a {
  color: #777;
}

a:hover,
a:focus,
a:active {
  color: var(--theme-color-2);
  outline: 0;
  text-decoration: none;
}

#content {
  margin-top: 145px !important;
}

body.home #content {
  margin-top: 0 !important;
}

@media (max-width: 991px) {
  #content {
    margin-top: 130px !important;
  }
}

@media (max-width: 767px) {
  #content {
    margin-top: 0 !important;
  }
}

.home #masthead {
  background: rgba(99, 46, 18, 0.75);
  transition: background-color 0.3s ease;
}

#masthead {
  background: #632E12;
}

button:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
}

ul,
ol {
  margin: 0 0 1.5em 0em;
}

li > ul,
li > ol {
  margin-left: -1.5em;
}
/*
*
*   Custom Menu Mobile
*
*/
#menu-mobile{
	background: #632E12 !important;
	position: relative;
	z-index: 999999;
}

#menu-mobile .widget_yith_wc_category_accordion ul {
  padding-left: 0 !important;
}
#menu-mobile .widget_yith_wc_category_accordion ul li ul {
  padding-left: 50px !important;
}
#menu-mobile #modal-menu #primary-menu {
  list-style: none !important;
  padding: 0 !important;
  text-align: center;
}
#menu-mobile #modal-menu #primary-menu li a {
  line-height: 2;
  font-size: 1.3rem;
}
/*
*
*   Custom Cabecera
*
*/

#menu-lat {
  box-shadow: 2px 1px 8px 1px #0000001c;
  z-index: 99999;
  background: white;
}
#masthead {
  top: 0;
  z-index: 999;
  transition-duration: 0.5s;
  border-bottom: 1px solid #ffffff30;
}
#masthead .barra-footer {
  background: #632E12;
}
#masthead .barra-footer .widget {
  margin: 0 !important;
}
#masthead .barra-footer .widget p {
  margin-bottom: 0 !important;
  color: white;
}
#masthead .barra-footer .widget img {
  filter: invert(1);
}

#masthead #menu-principal #primary-menu {
  display: grid;
}
#masthead #menu-principal #primary-menu li {
  line-height: 3.5;
}
#menu-top {
  background: #c64f00;
}
#menu-top .widget {
  margin: 0;
}
#menu-top p,
#menu-top a {
  margin-bottom: 0px !important;
  font-size: 14px;
  color: white;
}
div.asl_m .probox .proinput{
	display: flex;
    margin-top: auto !important;
	margin-bottom: auto !important;
}

.tel-header:before{
	    content: "";
    display: inline-block;
    background-image: url(../../img/wc-buttons/whatsapp.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    filter: grayscale(1) brightness(10);
    margin: 3px 5px 0px 0px;
}


.ubi-header:before{
	    content: "";
    display: inline-block;
    background-image: url(../../img/wc-buttons/ubication.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    filter: invert(1);
    margin: 3px 5px 0px 0px;
}

/* 
 * 
 *   BLOG SLIDER 
 * 
 */

#blog-slider .content-slider{
	background: white;
	padding: 40px !important;
	margin-top: 25px;
}

#blog-slider .owl-item:hover img{
	filter: none;
	transition-duration: 0.5s;
}

#blog-slider .owl-item:hover .content-slider{
	margin-top: 0px;
	transition-duration: 0.5s;
	box-shadow: 0px 6px 10px #00000026;
}

#blog-slider img{
	filter: grayscale(1);
}

#blog-slider ul li{
	border: 0px solid
}

#blog-slider ul li a.title-slider{
	text-decoration: none;
	overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
	height: 55px;
	margin-bottom: 20px;
	line-height: 50px;
	color: #000;
}

#blog-slider ul li a.title-slider:after{
	height: 3px;
    width: 15%;
    content: "";
    position: relative;
    margin-top: 0px;
    display: flex;
    background: var(--theme-color-1);
    justify-content: end;
    right: 0px;
    text-align: right;
}

#blog-slider ul li a.button-slider{
	border: 1px solid var(--theme-color-1);
	text-decoration: none;
	background: transparent;
	color: var(--theme-color-1);
	padding: 8px 2rem 8px 20px;
	border-radius: 8px;
	font-size: 1rem;
}


#blog-slider .owl-item:hover  a.button-slider{
	background: var(--theme-color-2);
	border-color: var(--theme-color-2);
	color: #fff;
}

#blog-slider .owl-item:hover a.button-slider:after{
	background-color: white;
	margin-left: 20px;
}


#blog-slider ul li a.button-slider:after{
	content: "";
	display: inline-block;
    width: 20px;
    height: 12px;
    margin: 1px 3px 0px 7px;
    transition: 0.2s ease;
    text-decoration: none;
    background-color: var(--theme-color-1);
    -webkit-mask-image: url(../../img/wc-buttons/arrow.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

#blog-slider ul li p{
	margin-bottom: 20px;
	color: #000;
}

#blog-slider ul li .date-slider{
	display: none;
}

#blog-slider ul li .post-thumbnail{
	height: auto !important;
}

/*

ul.products li.product #img-hover-product{
	width: -webkit-fill-available;
	overflow: hidden;
}

ul.products li.product:hover img{
	transform: scale(1.2);
	transition-duration: 0.3s;
}
*/

/*
 * 
 * Botón WSP Flotante 
 * 
 */

.btn-flotante-wsp {
	font-size: 16px;
	text-transform: uppercase; 
	font-weight: bold; 
	color: #ffffff;
	border-radius: 45px;
	letter-spacing: 2px; 
	background-color: #25D366; 
	padding: 15px 15px; 
	position: fixed;
	bottom: 40px;
	right: 40px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 999999;
}
.btn-flotante-wsp:hover {
	background-color: #075E54;
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	transform: translateY(-7px);
}
@media only screen and (max-width: 600px) {
 	.btn-flotante-wsp {
		font-size: 14px;
		padding: 12px 12px;
		bottom: 20px;
		right: 20px;
	}
} 


/*
*
*   Custom Footer
*
*/
#colophon {
  background-color: #632E12;
  border-color: #632E12;
  border-top-width: 2px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
#colophon .site-info,
#colophon .site-info a {
  color: #222222;
  transition: 0.3s ease-out;
  font-weight: 600;
  font-size: 14px;
}
#colophon .site-info a:hover {
  color: var(--link-hover);
}
/*
*
*   Custom Footer Widgets
*
*/
#footer-widgets {
  background: #632E12 !important;
}
#footer-widgets .widget-title {
  /*color: var(--theme-color-2);*/
  color: white;
}
#footer-widgets p:nth-child(1) img {
}
#footer-widgets p:nth-child(4) img {
  filter: grayscale(1);
  transition: 0.3s ease;
}
#footer-widgets p:nth-child(4) img:hover {
  filter: grayscale(0);
  cursor: pointer;
}
#footer-widgets p {
  color: white;
  line-height: 2;
  margin-bottom: 0 !important;
}
#footer-widgets a {
  color: #a2a2a2;
  transition: 0.3s ease;
}
#footer-widgets a:hover {
  color: var(--theme-color-2);
}
#footer-widgets ul {
  padding-left: 1.3rem;
  margin-bottom: 0;
}
#footer-widgets .widget {
  margin: 0 !important;
}
#footer-widgets .menu{
	list-style: none !important;
	text-align: center;
}
#footer-widgets .menu a{
	color: white;
	font-weight: 300;
}

#footer-widgets ul li a{
  text-decoration: none;
}

#footer-widgets  #nav_menu-3 .menu-menu-principal-container{
  padding-top: 0px !important;
  justify-content: left;
}


#footer-widgets  #nav_menu-3 .menu-menu-principal-container ul#menu-menu-principal li{
  margin-bottom: 10px;
}

#footer-widgets  #nav_menu-3 .menu-menu-principal-container ul#menu-menu-principal li a{
  color: var(--theme-line);
}

#footer-widgets  #nav_menu-3 .menu-menu-principal-container ul#menu-menu-principal li a:hover{
  color: var(--link-hover);
}

#footer-widgets h5.widget-title{
  margin-bottom: 20px;
}

#footer-widgets .product-categories{
  height: 200px;
  overflow: scroll;
  overflow-x: hidden;
  padding-left: 0px;
  padding-right: 30px;
  margin-right: 30px;
}

#footer-widgets ul.product-categories li a{
  color: var(--theme-line);
}

#footer-widgets ul.product-categories li.cat-item{
  border-bottom: solid 1px #a2a2a25d;
}


#footer-widgets ul.children li.cat-item{ 
  border-bottom: none;
}

#footer-widgets ul li a:hover{ 
  color: var(--link-hover);
}

#footer-widgets{
  padding: 45px 10px !important;
}

#footer-widgets ul#menu-menu-principal{
  padding-left: 0px !important;
}

/**/

#footer-widgets .menu-menu-principal-container{
    justify-content: start !important;
}

#footer-widgets .menu-menu-principal-container li{
    text-align: start !important;
	padding-bottom: 10px;
	text-transform: capitalize;
}

#footer-widgets #nav_menu-8 .widget-title{
	padding-bottom: 0px;
	position: relative;
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 30px;
}

#footer-widgets #nav_menu-8 .widget-title:after{
	height: 3px;
  width: 10%;
  content: "";
  margin-top: 10px;
  display: flex;
  background: var(--theme-color-1);
  justify-content: end;
	right: 0px;
	text-align: right;
}

#footer-widgets img{
	margin-bottom: 5px;
}

#footer-widgets p{
	margin-bottom: 30px !important;
}

#footer-widgets ul{
	list-style: none !important;
	padding-left: 0px !important;
}
#footer-widgets ul ul{
    padding-left: 2rem;	
}
#footer-widgets li{
	color: #fff;
	padding-bottom: 8px;
}

/* Submenú colapsable del menú del footer */
#footer-widgets .menu .menu-item-has-children {
	position: relative;
}
#footer-widgets .menu .menu-item-has-children > .sub-menu {
	max-height: 0;
	overflow: hidden;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 1.25rem !important;
	margin-left: 4px;
	border-left: 2px solid var(--theme-color-1, #ff5d07);
	opacity: 0;
	transition: max-height .3s ease, opacity .25s ease, padding .25s ease;
}
#footer-widgets .menu .menu-item-has-children.is-open > .sub-menu {
	max-height: 600px;
	padding-top: 8px !important;
	padding-bottom: 4px !important;
	opacity: 1;
}
#footer-widgets .menu .menu-item-has-children.is-open > .sub-menu li {
	padding-bottom: 6px;
}
#footer-widgets .menu .sub-menu-toggle {
	background: transparent;
	border: 0;
	color: inherit;
	cursor: pointer;
	padding: 2px 8px;
	margin-left: 4px;
	line-height: 1;
	vertical-align: middle;
}
#footer-widgets .menu .sub-menu-toggle::before {
	content: "\25BC";
	font-size: .7em;
	display: inline-block;
	transition: transform .25s ease;
}
#footer-widgets .menu .menu-item-has-children.is-open > .sub-menu-toggle::before {
	transform: rotate(180deg);
}


/* SCROLLBAR */

/* width */
#footer-widgets ::-webkit-scrollbar {
  width: 10px;
  margin-right: 10px;
}

/* Track */
#footer-widgets ::-webkit-scrollbar-track {
  background-color: white;
  border-radius: 5px;
}
 
/* Handle */
#footer-widgets ::-webkit-scrollbar-thumb {
  background: var(--theme-color-2); 
  border-radius: 5px;
}

/* Handle on hover */
#footer-widgets ::-webkit-scrollbar-thumb:hover {
  background: var(--link-hover);
}

/*
*
*   Custom Blog
*
*/

.barra-lat {
  height: 100vh;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.barra-lat::-webkit-scrollbar {
  width: 3px;
}
.barra-lat::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.barra-lat::-webkit-scrollbar-thumb {
  background: #79b718;
  border-radius: 10px;
}
/*
*
*   Custom Blog
*
*/

#blog h4.title-post a {
	text-decoration: none;
	font-weight: 300;
}

#blog h4.title-post{
	margin-bottom: 15px;
}

#blog h4.title-post:after{
	height: 3px;
    width: 20%;
    content: "";
    position: relative;
    margin-top: 10px;
    display: flex;
    background: var(--theme-color-1);

}

#blog h4.title-post a{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#blog .entry.text-justify{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

#blog .blog-single img{
	filter: grayscale(1);
}

#blog .blog-single:hover img{
	filter: none;
	transition-duration: 0.3s;
}

#blog .blog-single:hover .border-gris{
	margin-top: 0px;
	transition-duration: 0.3s;
	box-shadow: 0px 3px 6px #0000001a;
}


/*
    Post
*/
#blog .title-post a {
  color: var(--link);
  transition: 0.3s ease-out;
  font-size: 1.3rem;
}
#blog .title-post a:hover {
  color: var(--link-hover);
}
#blog .catag {
  line-height: 2.3;
}
#blog .catag a {
  background: #74747470;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  transition: 0.3s ease-out;
  font-size: 0.8rem;
}
#blog .catag a:hover {
  background: #747474;
}
#blog .vermas a {
  background: var(--link-hover);
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  line-height: 3;
  transition: 0.3s ease-out;
}
#blog .vermas a:hover {
  background: var(--link);
}
#blog .border-gris {
  border: 1px solid var(--theme-line);
  padding: 1rem 0;
  padding-top: 0px;
}
#blog .cate-img img {
  border-radius: 0px;
}
#main .pagination {
  justify-content: center;
}
#main .pagination .nav-links span.page-numbers {
  color: var(--link-hover);
}
#main .pagination .nav-links .page-numbers {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--link);
  transition: 0.3s ease-out;
  margin: 0 5px;
}
#main .pagination .nav-links a.page-numbers:hover {
  color: var(--link-hover);
}

.sidebar-wordpress{
	border: 1px solid #ccc;
	padding: 20px;
}

.sidebar-wordpress ul{
	list-style: none;
	padding: 0px;
}

.sidebar-wordpress .widget-title{
	font-weight: 300;
	border-bottom: 1px solid var(--theme-color-1);
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.sidebar-wordpress ul li{
	padding-bottom: 10px;
}

.sidebar-wordpress ul a{
	text-decoration: none;
}

.single-post h1.entry-title{
	font-weight: 300;
	margin-bottom: 20px;
}

.single-post h1.entry-title:after{
	    height: 3px;
    width: 10%;
    content: "";
    position: relative;
    margin-top: 10px;
    display: flex;
    background: var(--theme-color-1);
}

.single-post .post-thumbnail{
	margin-bottom: 35px;
}

.single-post .entry-meta{
	margin-bottom: 25px;
}

/*
    Sidebar
*/
#sidebar-wordpress .widget-area {
  border: 1px solid var(--theme-line);
  padding: 0px 13px 0px 13px;
  border-radius: 5px;
  position: sticky;
  top: 10px;
}
#sidebar-wordpress .widget {
  margin: 1.5em 0 1.5em;
}
#sidebar-wordpress form.search-form label {
  width: 100%;
}
#sidebar-wordpress input[type="search"] {
  border-radius: 0;
  border-color: #d2d2d2;
  font-size: 1rem;
  padding: 5px;
}
#sidebar-wordpress input[type="submit"] {
  border: 0;
  border-radius: 0;
  position: relative;
  background-image: url(img/icon/search-white.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  background-color: var(--link-hover);
  font-size: 0;
  padding: 17.2px;
  margin: 0px 0px 0px -5px;
  top: -43.5px;
  float: right;
  transition: 0.3s ease;
}
#sidebar-wordpress input[type="submit"]:hover {
  background-color: var(--link);
}
#sidebar-wordpress a {
  color: #333333;
  transition-property: color, background-color, border-color;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  font-weight: 500;
}
#sidebar-wordpress a:hover {
  color: var(--theme-color-1);
}
#sidebar-wordpress ul {
  list-style: none;
  list-style-image: url(img/icon/right-arrow.svg);
  padding-left: 1.3rem;
  padding-right: 1.3rem;
}
#sidebar-wordpress .widget-title {
  color: #333333;
}
/*
    End Sidebar
*/


/*
*
*   Plugin Contact Form
*
*/
#contact-page input[type="text"],
#contact-page input[type="email"],
#contact-page input[type="url"],
#contact-page input[type="password"],
#contact-page input[type="search"],
#contact-page input[type="number"],
#contact-page input[type="tel"],
#contact-page input[type="range"],
#contact-page input[type="date"],
#contact-page input[type="month"],
#contact-page input[type="week"],
#contact-page input[type="time"],
#contact-page input[type="datetime"],
#contact-page input[type="datetime-local"],
#contact-page input[type="color"],
textarea {
  padding: 10px;
  margin-bottom: 1rem;
}
#contact-page button,
#contact-page input[type="button"],
#contact-page input[type="reset"],
#contact-page input[type="submit"] {
  padding: 10px 1rem;
}

/*
*
*   Plugin yith quick view
*
*/
#yith-quick-view-modal .yith-wcqv-main {
  padding: 1rem;
}
#yith-quick-view-modal .yith-wcqv-main figure {
  border: 1px solid var(--theme-line);
}

/*
*
*
*   Plugin SideBar
*
*/
.xoo-wsc-footer a.button {
  margin: 6px 0;
  background: var(--theme-color-2) !important;
  color: white !important;
}

.xoo-wsc-footer #continue-wsp {
  padding: 10px !important;
  border-radius: 5px !important;
}
.xoo-wsc-footer a.button:hover {
  background: var(--theme-color-1) !important;
}

.xoo-wsc-items-count {
  background-color: var(--theme-color-2);
  color: #ffffff;
}
.xoo-wsc-icon-basket1:before {
  color: var(--theme-color-3);
}

/*
*
*   MENU VERTICAL
*
*/

.main2-navigation li a {
  color: white;
  font-weight: 500;
  text-transform: uppercase;
}
.main2-navigation li:hover a {
  color: var(--theme-color-1);
}
.menu-two-btns {
  background: var(--theme-color-2);
  /*border-radius: 10px 10px 0px 0px;*/
}
.btn-adds-menu {
  background: var(--theme-color-1);
  border: none;
  color: white;
  font-weight: 500;
  width: 100%;
  height: 100%;
}
.btn-categ {
  /*border-radius: 10px 0px 0px 0px;*/
}
.btn-follow:hover {
  background: #eaebf0 !important;
  color: var(--theme-color-2);
  /*border-radius: 0px 10px 0px 0px;*/
}

.dropdrop {
  position: relative;
  display: inline-block;
}

.dropdrop-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  z-index: 100;
}

.dropdrop:hover .dropdrop-content {
  display: block;
}

.top-header {
  justify-content: space-between;
  border-bottom: solid 1px #e5e5e5;
}
.top-header-item {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 12px;
  padding: 0px 10px;
}
.top-header-item p {
  margin-bottom: 0 !important;
}
.top-header-item.thi-1 {
  justify-content: start !important;
}
.top-header-item.thi-2 {
  justify-content: end !important;
}

@media (max-width: 990px) {
  .top-header {
    display: none;
  }
}

button.close {
  background: var(--theme-color-2) !important;
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  opacity: 0.9;
}
button.close span {
  font-size: 32px;
  font-weight: bold;
  color: #03079f !important;
}

.widget_yith_wc_category_accordion ul.ywcca_category_accordion_widget > li {
  border-bottom: 1px solid #e5e5e5 !important;
}

h3.ywcca_widget_title {
  font-size: 18px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1250px !important;
  }
}

/*---------MY CUSTOM CSS---------*/

a:active,
a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}

li.current-cat a{
	color: var(--theme-color-2);
	font-weight: bold;
}


/*
*   CABECERA
*/
/* inicio clases comunes*/
.col-center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.vert-center {
  justify-content: center;
  align-items: center;
  height: 100%;
}

/* fin clases comunes*/

#masthead {
  box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.1);
}

/* LOGO */

.col-logo{
    border-right: solid 1px var(--theme-line);
}
.custom-logo-link img {
  max-height: 100%;
  height: auto;
  width: 100%;
}

.custom-logo-link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.custom-col {
  display: flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
}

/* BUSCADOR */

.header2-search {
  display: flex;
  vertical-align: middle;
  width: 100%;
  /*margin: 10px 0px;*/
  /*height: 100%;*/
}

.header2-search .widget {
  margin-bottom: 0 !important;
}
.header2-search .widget-title {
  color: white;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
}
.header2-search .wpdreams_asl_container {
  padding: 0 !important;
  border-radius: 10px !important;
  margin: auto !important;
}

.search-menu{
    width: 100%;
}

/* ITEMS DE LA CABECERA */

.header-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  
  padding: 0px 10px;
}
.header-item p {
  font-weight: bold;
  font-size: 16px;
  color: var(--theme-color-1) !important;
  margin-bottom: 5px;
}
.header-item span {
  font-size: 14px;
  margin-bottom: 0;
}

/* BOTON ATENCION */

.btn-atel {
  font-weight: bold;
  font-size: 11px;
}
a.btn-atel {
  text-decoration: none;
}
.btn-atel p {
  margin-bottom: 0 !important;
}

/* MENU PRINCIPAL */
.col-nav-menu{
  border-top: solid 1px var(--theme-line);
}

.menu-menu-principal-container {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.menu-menu-principal-container ul li.current_page_item a {
  color: var(--theme-color-1);
}

.main-navigation li a {
  color: #fff;
  text-align: left;
  text-decoration: none;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 20px;
  padding-left: 0px;
  font-weight: 300;
}
.main-navigation li:hover a {
  color: var(--theme-color-1);
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  background: var(--theme-color-2);
}

#ajaxsearchlite1 .probox .promagnifier{
  width: 40px;
  height: 40px;
}
#ajaxsearchlite1 .probox, div.asl_w .probox{
	height: auto !important;
}
.header2-search .wpdreams_asl_container .probox .promagnifier {
  width: 50px !important;
  height: 30px !important;
  margin-top: -1px !important;
  margin-right: 5px;
}
.promagnifier .innericon {
  border-radius: 4px !important;
}

/* PAGINAS */

.page-content, .entry-content, .entry-summary {
    margin: 0 !important;
}

.item-thumbnail:hover {
  filter: grayscale(80%);
}

/* WIDGETS */

#sidebar-wc .widget-title{
  /*border-bottom: solid 1px var(--theme-line);*/
  font-weight: 700;
  background: var(--theme-color-2);
  color: white;
  text-align: center;
  padding: 10px;
	margin-bottom: 0px !important;
}

/* CONTACT FORM */

.contact-form-wrapper input{
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
}

.contact-form-wrapper input:focus{
  outline: solid 1px var(--theme-color-3);
}

.contact-form-wrapper textarea:focus{
  outline: solid 1px var(--theme-color-3);
}

.contact-form-wrapper input[type="submit"]{
	width: 30%;
  background: var(--theme-color-2);
  color: #fff;
  font-weight: bold;
}

.contact-form-wrapper input[type="submit"]:hover{
  background: var(--link-hover);
}


/* HEADER SEACH */

.search-header{
  background: var(--theme-color-1);
  color: #FFF;
  font-size: 40px;
  font-weight: 700;
  padding: 45px 35px;
  position: absolute;
  width: 100%;
  left: 0;
}

/* GRAL HEADER*/

.gral-header{
  margin-bottom: 3rem !important;
}
/*
    Blog Title
*/

/*
*
*   CUSTOM BLOG POST
*
*/
header.entry-header .entry-title a{
  /*padding-bottom: 5px;*/
  text-decoration: none;
}
header.entry-header .entry-meta a {
  color: var(--link);
  transition: 0.3s ease-out;
  text-decoration: none;
}
header.entry-header .entry-meta a:hover {
  color: var(--link-hover);
}
footer.entry-footer .catag {
  line-height: 3;
}
nav.woocommerce-pagination ul li a:focus,
#product-wc nav.woocommerce-pagination ul li a:hover,
#product-wc nav.woocommerce-pagination ul li span.current {
  background: #001d7e;
  color: white;
}
footer.entry-footer .catag a:hover {
  background: #747474;
}
footer.entry-footer .post-edit-link {
  background: #007bff;
  padding: 5px 10px;
  color: #fff;
  border-radius: 5px;
}
nav.navigation {
  line-height: 2;
}
nav.navigation .nav-previous a,
nav.navigation .nav-next a {
  background: var(--link);
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  transition: 0.3s ease-out;
}
nav.navigation .nav-previous a:hover,
nav.navigation .nav-next a:hover {
  background: var(--link-hover);
}
.comments-link{
  display: none;
}

.navigation.pagination{
  margin-bottom: 45px;
}
/*
*
*   Custom Search wp
*
*/
header.entry-header .entry-title a {
  color: var(--link);
  transition: 0.3s ease-out;
  font-size: 1.3rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
header.entry-header .entry-title a:hover {
  color: var(--link-hover);
}
#search-post article {
  border: 1px solid #ddd;
  padding: 14px;
}

/* CATEGORIAS EN DESPLEGABLE PLUGIN WCSCA */


ul.children.wcsca-expand{
  list-style: none;
}

li.cat-item{
  list-style: none;
}

/* BREADCRUMBS */
/* Single Product Page */
#single-product-wc #tsh_breadcrumbs .separator{
  font-size:20px;
  color:#ccc;
  font-weight:100;
}

#single-product-wc #tsh_breadcrumbs li{
  margin-right:14px;
  display:inline-block;
  vertical-align:middle;
}

#single-product-wc #tsh_breadcrumbs li a{
  font-weight: 300;
  color: #8b8b8b;
}

#single-product-wc #tsh_breadcrumbs{
  overflow:hidden;
  text-align: center;
  list-style:none;
  padding-left: 0px;
  background: #e7e7e78c;
  padding: 15px;
  margin: 0;
  position: absolute;
  width: 100%;
  left: 0;
}
#single-product-wc strong.bread-current{
  color: var(--theme-color-2);
}

/* Pages Editable */

#tsh_breadcrumbs .separator{
  font-size:20px;
  color:#ccc;
  font-weight:100;
}

#tsh_breadcrumbs li{
  margin-right:14px;
  display:inline-block;
  vertical-align:middle;
}

#tsh_breadcrumbs li a{
  font-weight: 300;
  color: #e5e5e5;
}

#tsh_breadcrumbs{
  overflow:hidden;
  text-align: center;
  list-style:none;
  padding-left: 0px;
  padding: 15px;
  margin: 0;
  position: absolute;
  width: 100%;
  left: 10px;
  margin-top: 40px;
}
strong.bread-current{
  color: #FFF;
}
ul.menu li ul.sub-menu{
	display: grid !important;
    padding: 1rem;
}
/* NAV MENU MOBILE */

.offcanvas-body{
  background: var(--theme-color-2) !important;
}

.offcanvas-body #primary-menu{
  list-style: none;
  padding-left: 0;
  font-size: 21px;
  font-weight: bold;
}

.offcanvas-body #primary-menu li{
  padding-bottom: 10px;
}

.offcanvas-body #primary-menu a{
  text-decoration: none;
  color: #FFF;
  font-weight: 300;
}

/* OWL STAGE */
.owl-stage{
	padding: 10px 0px;	
}

/* CARRITO AL LADO */
.xoo-wsc-ft-btn.button.btn.xoo-wsc-ft-btn-checkout{
	/*display: none;*/
}


.cat-owl-title{
    color: #fff0;
    font-weight: bold;
    padding: 10px 25px;
}
.item-thumbnail{
    height: 530px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.item-thumbnail a{
    text-decoration: none;
}
.item-thumbnail:hover {
    filter: grayscale(80%);
}

.item-thumbnail:hover h3{
    color: #fff;
    background-color: #000000a6;
    border-top: solid 1px #FFF;
    border-bottom: solid 1px #FFF;
}

.item-thumbnail a{
    width: 100%;
    text-align: center;
}



#sidebar-wc .widget_product_categories .wcsca-top-lvl{
	padding-left: 15px; 
}
#sidebar-wc .widget_product_categories .wcsca-top-lvl:hover{
    background: var(--theme-color-2);
	color: white;
}

#sidebar-wc .widget_product_categories .wcsca-top-lvl:hover a{
    background: var(--theme-color-2);
	color: white;
}

/* MINI COTIZADOR */

#app-form-coti .form-table table img {
    width: 50px;
	height: 50px;
}


body div.effect-glass {
    position: relative;
    overflow: hidden;
}
body div.effect-glass:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.5);
    -webkit-transition: -webkit-transform 1.8s;
    transition: -webkit-transform 1.8s;
    transition: transform 1.8s;
    transition: transform 1.8s,-webkit-transform 1.8s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-200%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-200%,0);
}
body div.effect-glass:hover:before {
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,200%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,200%,0);
}

table {
  border-collapse: collapse;
  width: 100%;
}

table td, th {
  border: 1px solid #ddd;
  padding: 10px 15px;
}

table tr:nth-child(even){padding: 20px;background-color: #f2f2f2;}

table tr:hover {background-color: #ddd;}
table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: var(--theme-color-2);
  color: white;
}

/* === Dropdown del menú principal (header) === */
#site-navigation #primary-menu .sub-menu {
	display: block !important;
	left: auto !important;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	pointer-events: none;
	transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
	background: var(--theme-color-2, #1a1a1a);
	box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
	border-top: 3px solid var(--theme-color-1, #ff5d07);
	border-radius: 0 0 6px 6px;
	min-width: 220px;
	padding: .75rem 0 !important;
	margin-top: 0;
	z-index: 1000;
}

#site-navigation #primary-menu > li:hover > .sub-menu,
#site-navigation #primary-menu > li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
	transition: opacity .25s ease, transform .25s ease, visibility 0s linear 0s;
}

#site-navigation #primary-menu .sub-menu li {
	list-style: none;
	padding: 0;
	margin: 0;
}

#site-navigation #primary-menu .sub-menu a {
	display: block;
	padding: 8px 18px;
	color: #fff;
	text-decoration: none;
	transition: background .2s ease, color .2s ease, padding-left .2s ease;
}

#site-navigation #primary-menu .sub-menu a:hover,
#site-navigation #primary-menu .sub-menu a:focus {
	background: rgba(255, 93, 7, .12);
	color: var(--theme-color-1, #ff5d07);
	padding-left: 24px;
}

/* Quitar el espacio entre el título de presentación de la home y su texto */
.home .oz-pb-root .oz-pb-text .bloque-presentacion h1,
.home .bloque-presentacion h1 {
	margin-bottom: 0 !important;
}

/* =========================================================
   Página Publicaciones — tarjeta de blog (estilo carrusel imagen 2):
   imagen a color, badge de categoría naranja, título negrita,
   texto gris y "Leer más →".
   ========================================================= */
#blog.dp-blog-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
	width: 100%;
	margin: 0;
}
#blog.dp-blog-grid .dp-blog-col {
	width: auto;
	max-width: none;
	padding: 0;
	margin: 0;
	float: none;
}

.dp-blog-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #ffffff;
	border-radius: 14px;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
	transition: box-shadow .25s ease, transform .25s ease;
}
.dp-blog-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 26px rgba(0, 0, 0, 0.10);
}

.dp-blog-card__media {
	width: 100%;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #f3f3f3;
}
.dp-blog-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	filter: none;              /* anula el grayscale del estilo viejo */
	transition: transform .35s ease;
}
.dp-blog-card:hover .dp-blog-card__media img {
	transform: scale(1.04);
}

.dp-blog-card__body {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 18px 18px 20px;
	text-align: left;
}

.dp-blog-card__cat {
	align-self: flex-start;
	display: inline-block;
	margin: 0 0 12px;
	padding: 5px 12px;
	background: #D96D00;
	color: #ffffff;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: .6px;
}

.dp-blog-card__title {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 10px;
	color: #2b2b2b;
}
.dp-blog-card__title::after { content: none; }   /* anula la línea decorativa del estilo viejo */

.dp-blog-card__excerpt {
	font-size: 14px;
	line-height: 1.6;
	color: #6b6b6b;
	margin: 0 0 16px;
	flex: 1;
	text-align: left;
}

.dp-blog-card__readmore {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	color: #D96D00;
	font-size: 14px;
	font-weight: 600;
	transition: gap .2s ease;
}
.dp-blog-card__readmore::after {
	content: "→";
	font-size: 16px;
	line-height: 1;
	transition: transform .2s ease;
}
.dp-blog-card:hover .dp-blog-card__readmore::after {
	transform: translateX(4px);
}

@media (max-width: 1024px) {
	#blog.dp-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
	#blog.dp-blog-grid { grid-template-columns: 1fr; gap: 18px; }
}

/* =========================================================
   Portada con título en páginas normales (Nosotros, Servicios, etc.)
   Se posiciona en flujo normal, a todo el ancho de la ventana, justo
   debajo del header. Misma apariencia que la portada de la tienda (Urnas).
   ========================================================= */
body.page:not(.home) .title-shop-bg.dp-page-cover {
	position: static !important;
	left: auto !important;
	/* Full-width aunque esté dentro de .container (#content) */
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	margin-top: 0 !important;
	margin-bottom: 30px;
	background: url(/wp-content/uploads/2023/01/fondo-marmol4.jpg) center/cover no-repeat !important;
	padding: 40px 16px !important;
	box-sizing: border-box;
}
body.page:not(.home) .title-shop-bg .dp-page-title {
	display: block !important;
	visibility: visible !important;
	height: auto !important;
	width: max-content;
	max-width: 100%;
	margin: 0 auto !important;
	padding: 0;
}
body.page:not(.home) .title-shop-bg .dp-page-title h4 {
	display: block !important;
	visibility: visible !important;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
	color: #2b2b2b !important;
	text-align: center;
	margin: 0 auto !important;
	padding: 0;
}
body.page:not(.home) .title-shop-bg .dp-page-title h4:after {
	content: "";
	display: block;
	height: 3px;
	width: 70%;
	margin: 10px auto 0;
	background: var(--theme-color-1, #f95614);
}

/* =========================================================
   Paginación de la tienda (WooCommerce) — botones estilo Decorpetra
   ========================================================= */
nav.woocommerce-pagination,
.woocommerce nav.woocommerce-pagination {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	margin: 50px 0 60px !important;
	padding: 0 !important;
	text-align: center;
}
.woocommerce-pagination ul.page-numbers,
.woocommerce nav.woocommerce-pagination ul {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border: 0 !important;
	margin: 0;
	padding: 0;
	list-style: none;
}
.woocommerce-pagination ul.page-numbers li,
.woocommerce nav.woocommerce-pagination ul li {
	border: 0 !important;
	margin: 0;
	overflow: visible;
}
.woocommerce-pagination ul.page-numbers li .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 12px;
	border: 1px solid #e0d6cd;
	border-radius: 8px;
	background: #ffffff;
	color: #5a4632;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	line-height: 1;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.woocommerce-pagination ul.page-numbers li .page-numbers:hover {
	background: #f3ece5;
	border-color: #5a4632;
	color: #5a4632;
}
.woocommerce-pagination ul.page-numbers li .page-numbers.current {
	background: #5a4632;
	border-color: #5a4632;
	color: #ffffff;
}
.woocommerce-pagination ul.page-numbers li .page-numbers.next,
.woocommerce-pagination ul.page-numbers li .page-numbers.prev {
	font-size: 18px;
}

/* =========================================================
   Botón de WhatsApp del Maquetador (.btn-decorpetra-whatsapp)
   Botón verde compacto (ancho según contenido), no una barra a todo el ancho.
   ========================================================= */
.oz-pb-text a.btn-decorpetra-whatsapp,
a.btn-decorpetra-whatsapp {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: auto !important;
	max-width: max-content;
	padding: 12px 26px;
	background: #25D366 !important;
	color: #ffffff !important;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none !important;
	border: 0;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(37, 211, 102, .28);
	transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.oz-pb-text a.btn-decorpetra-whatsapp:hover,
a.btn-decorpetra-whatsapp:hover {
	background: #1ebe57 !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(37, 211, 102, .35);
	color: #ffffff !important;
}
.btn-decorpetra-whatsapp .btn-decorpetra-icon {
	display: inline-flex;
	font-size: 18px;
	line-height: 1;
}

/* =========================================================
   Footer rediseñado (Decor Petra) — 4 columnas ordenadas
   ========================================================= */
.dp-footer {
	padding: 14px 0 6px;
}
.dp-footer__grid {
	display: grid;
	grid-template-columns: 1.4fr 1.4fr 1fr 1fr;
	gap: 34px;
	align-items: start;
}
.dp-footer__col { min-width: 0; }

/* Marca */
.dp-footer__logo {
	max-width: 190px;
	height: auto;
	margin: 0 0 16px;
	display: block;
}
.dp-footer__about {
	margin: 0;
	color: rgba(255, 255, 255, 0.82);
	font-size: 15px;
	line-height: 1.7;
}
.dp-footer__about strong { color: #fff; }

/* Títulos de columna */
.dp-footer__title {
	margin: 0 0 22px;
	padding-bottom: 12px;
	position: relative;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}
.dp-footer__title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 46px;
	height: 3px;
	border-radius: 3px;
	background: var(--theme-color-1, #D96D00);
}

/* Lista de contacto */
.dp-footer__contact {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.dp-footer__contact li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}
.dp-footer__ic {
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--theme-color-1, #D96D00);
	color: #fff;
}
.dp-footer__ic svg { width: 18px; height: 18px; }
.dp-footer__contact li > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.dp-footer__contact strong {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}
.dp-footer__contact span,
.dp-footer__contact a {
	color: rgba(255, 255, 255, 0.82);
	font-size: 14px;
	line-height: 1.5;
	text-decoration: none;
}
.dp-footer__contact a:hover { color: var(--theme-color-1, #D96D00); }

/* Horario */
.dp-footer__hours {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.dp-footer__hours li {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.dp-footer__hours li:last-child { border-bottom: 0; padding-bottom: 0; }
.dp-footer__hours span {
	color: rgba(255, 255, 255, 0.7);
	font-size: 13px;
}
.dp-footer__hours strong {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}

/* Menú */
.dp-footer__menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 11px;
}
.dp-footer__menu a {
	color: #ffffff;
	font-size: 15px;
	text-decoration: none;
	transition: color .15s ease, padding-left .15s ease;
}
.dp-footer__menu a:hover {
	color: var(--theme-color-1, #D96D00);
	padding-left: 4px;
}

/* Responsive */
@media (max-width: 1024px) {
	.dp-footer__grid { grid-template-columns: 1fr 1fr; gap: 30px; }
}
@media (max-width: 600px) {
	.dp-footer__grid { grid-template-columns: 1fr; gap: 26px; }
	.dp-footer { text-align: left; }
}

/* =========================================================
   Menú lateral móvil (offcanvas) — paleta del tema Decor Petra
   Abre desde la derecha (offcanvas-end). Fondo marrón, enlaces claros.
   ========================================================= */
.dp-offcanvas.offcanvas {
	background: #4a2916;            /* marrón oscuro del tema */
	color: #ffffff;
	box-shadow: -10px 0 40px rgba(0, 0, 0, 0.35);
	border: 0;
	display: flex;
	flex-direction: column;        /* header arriba, body debajo (no se solapan) */
	/* El #menu-mobile del header tiene z-index 999999 y tapaba el menú lateral.
	   Subimos el offcanvas y su backdrop por encima. */
	z-index: 1000050 !important;
}
.offcanvas-backdrop {
	z-index: 1000040 !important;
}
.dp-offcanvas .offcanvas-body {
	flex: 1 1 auto;
	overflow-y: auto;              /* el menú hace scroll si es largo */
	-webkit-overflow-scrolling: touch;
}

.dp-offcanvas .offcanvas-header {
	background: #4a2916;           /* mismo marrón que el cuerpo: opaco, sin franja */
	padding: 10px 14px;
	min-height: 0;
	border-bottom: 0;
	flex: 0 0 auto;
}
/* La X alineada a la derecha sin ocupar de más */
.dp-offcanvas .offcanvas-header .btn-close {
	margin-left: auto;
}
/* El cuerpo arranca pegado al header (sin solapar el primer ítem) */
.dp-offcanvas .offcanvas-body {
	padding-top: 4px !important;
}

/* Botón cerrar: una "X" blanca visible */
.dp-offcanvas .offcanvas-header .btn-close {
	margin: 0 0 0 auto;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--theme-color-1, #D96D00);
	opacity: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/* icono X en blanco */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18px 18px;
}
.dp-offcanvas .offcanvas-header .btn-close:hover {
	background-color: #b95c00;
}

.dp-offcanvas .offcanvas-body {
	padding: 10px 8px 24px;
}

/* Lista del menú */
.dp-offcanvas .offcanvas-body ul,
.dp-offcanvas .offcanvas-body #primary-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}
.dp-offcanvas .offcanvas-body li {
	list-style: none;
	margin: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.dp-offcanvas .offcanvas-body li:last-child { border-bottom: 0; }

.dp-offcanvas .offcanvas-body a {
	display: block;
	padding: 14px 18px;
	color: #ffffff !important;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	border-radius: 8px;
	transition: background .15s ease, color .15s ease, padding-left .15s ease;
}
.dp-offcanvas .offcanvas-body a:hover,
.dp-offcanvas .offcanvas-body .current-menu-item > a {
	background: rgba(217, 109, 0, 0.18);
	color: var(--theme-color-1, #D96D00) !important;
	padding-left: 24px;
}

/* Submenús (Urna para Personas / Mascota) — indentados */
.dp-offcanvas .offcanvas-body .sub-menu {
	padding-left: 12px;
	margin: 0;
}
.dp-offcanvas .offcanvas-body .sub-menu a {
	font-size: 15px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.85) !important;
	padding-top: 11px;
	padding-bottom: 11px;
}

/* Overlay de fondo un poco más oscuro */
.offcanvas-backdrop.show { opacity: 0.55; }