/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*logo mobile tamaño*/
@media (max-width: 1024px){
.navigation-branding img, .site-logo.mobile-header-logo {
    height: 75px !important;
 }
}
/*Botón contacto*/
@media (min-width: 1025px) {.main-navigation:not(.slideout-navigation) .main-nav li.botoncontacto a{
    color: var(--base-3) !important;
    background-color: var(--verde1);
    box-shadow: rgb(0 0 0 / 30%) 0px 2px 4px 0px;
    border-radius: 2px;
    border: 2px solid transparent;
    line-height: 36px !important;
	transition: all .1s ease;
  }
}
@media (min-width: 1025px) {.main-navigation:not(.slideout-navigation) .main-nav li.botontelefono a {
    color: var(--base-3);
    background-color: var(--marron);    
	box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px 0px;
    border-radius: 2px;
    border: 2px solid transparent;
    line-height: 36px !important;;
	transition: all .1s ease;
  }
}
@media (min-width: 1025px) {.main-navigation:not(.slideout-navigation) .main-nav li.botoncontacto {
    margin-left: 20px;
     margin-right:15px;
 }
}
@media (min-width: 1025px) {.main-navigation:not(.slideout-navigation) .main-nav li.botontelefono {
    margin-left: 20px;
 }
}
.main-navigation:not(.slideout-navigation) .main-nav li.botoncontacto a:hover, .main-navigation:not(.slideout-navigation) .main-nav li.botontelefono a:hover {
	color: white;
	transform: scale(1.03);
 }
/*diseño de boton contacto en el menu de navegacion mobile */
@media (max-width: 1024px) {.main-navigation:not(.slideout-navigation) .main-nav li.botoncontacto a{
    color: white;
    background-color: var(--verde1);
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px 0px;
    border-radius: 6px;
    border: 2px solid transparent;
	line-height: 36px;
	margin: 25px 0px 30px 18px;
	display: flex;
 }
}
@media (max-width: 1024px) {.main-navigation:not(.slideout-navigation) .main-nav li.botontelefono a{
    color: var(--base-3);
    background-color: var(--marron);    
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px 0px;
    border-radius: 6px;
    border: 2px solid transparent;
	line-height: 36px;
	display: flex;
	margin: 15px 0px 5px 18px;
 }
}
@media (max-width: 1024px) {.main-navigation:not(.slideout-navigation) .main-nav li.botoncontacto, .main-navigation:not(.slideout-navigation) .main-nav li.botontelefono {
	  width: fit-content;
 }
}
@media (max-width: 1024px) {
    .main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .mobile-bar-items a, .main-navigation .menu-bar-item > a {
            padding-left: 18px;
            padding-right:18px
    }
}
/* scroll bar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-thumb {
    background-color: var(--verde1);
    outline: 1px solid var(--verde1);
/* border-radius: 10px; */
    width: 8px;
}
::-webkit-scrollbar-track {
    background-color: #f0f0f0;
    width: 10px;
}
/*fondo menu mobile */
.main-navigation.toggled .main-nav>ul {
    background-color: #fff;
}
/*dsombra menu mobile */
.main-navigation.toggled .main-nav {
    box-shadow: rgb(0 0 0/35%) 0px 0px 34px -15px;
	background-color:var(--base-3);
}
/* hamburguesa menu */
.gp-icon.icon-menu-bars {
    font-size: 29px;
    color: var(--verde1);
}
.menu-toggle .gp-icon svg{
	top: 0.355em;
}
/* padding primer elemento menu mobile */
.main-navigation.toggled #menu-item-71 a {
    padding-top: 10px !important;
}
/*linea menu efecto */
@media (min-width: 1024px) {
	.main-navigation .main-nav > ul > li:not(.botoncontacto, .botontelefono) > a:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 0;
    background-color: var(--oro);
    left: 50%;
    top: 0px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
	}
}
.main-navigation .main-nav > ul > li:hover > a:before {
    height: 29px;
	}
.main-navigation .main-nav > ul > li.current-menu-item a:before, .main-navigation .main-nav > ul > li.current-menu-item a:before, .main-navigation .main-nav > ul > li.current-menu-parent > a:before {
    height: 29px;
    width: 2px;
	}
/*submenu desplegable stilo*/
.main-navigation:not(.toggled) ul li.sfHover>ul, .main-navigation:not(.toggled) ul li:hover>ul {
    border-radius: 4px;
    box-shadow: rgba(0,0,0,.16) 0px 1px 4px;
    padding: 0;
}
.sub-menu li:not(:last-child) {
    border-bottom: 1px solid #d1d1d1;
}
@media (max-width: 1024px) { ul.sub-menu.toggled-on {
background-color: var(--fondo1)
}
}
/* sombra texto */
.titular1 {
	    text-shadow: 0 1px 6px rgba(0,0,0,.6);
}
/* romper palabra */
.romper-palabra{
    word-break: break-word;
}



/*Rama1 y Rama2*/
.rama-d{
    left: auto;
    right: 0;
}
.rama-i{
    left: 0;
    right: auto;
}
.rama-d, .rama-i{
    position: absolute;
    top: 0;
    bottom: auto;
    overflow: hidden;
	-webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
/*overflow*/
body {
    overflow-x: hidden;
}
/*tabla1 y tabla1a y tabla blog*/
.tabla-blog thead {
    font-size: 18px;
    border-bottom: 3px solid var(--verde2);
}	
.tabla1 thead {
    background-color: var(--verde3);
    color: white;
    font-size: 18px;
	border-bottom: 0;
	text-align:center;
}	
.tabla1 thead th{
	text-align:center;
}
.tabla1 tbody tr:nth-child(even), .tabla-blog tbody tr:nth-child(even)  {
    background-color: var(--verde4);
}
.tabla1 td,.tabla1 th,.tabla-blog td,.tabla-blog th {
    border: 1px solid rgba(0,0,0,.1);
    padding: 15px;
}
.tabla1 table {
    border: solid 4px var(--base-3);
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.tabla1a tr td:first-child{
	font-weight:500;
}
.tabla1 figcaption.wp-element-caption, .tabla-blog figcaption.wp-element-caption {
    font-size: 15px;
    text-align: center;
}


/*plugin reseñas */
.gmbrr .icon, .gmbrr .icon img {
    width: 52px;
    height: 52px;
}
.review1 span.number {
    color:#70757a;
}
.review2 span.number, .review2 a.count {
    color:var(--base-3) !important;
}
.review2.gmbrr.tiny {
    font-size: 15px;
}
.review2 a.count {
    display: block;
    padding-top: 5px;
}
.resenaslistas{
    padding: 0px !important;
}
@media (min-width: 768px) {
.review2 a.count {
    text-align: left;
}
.review2 p.rating {
    text-align: left;
}
}

.gmbrr .icon,.gmbrr .icon img {
    height: auto !important;
}
/*contenedor reseñas*/
div.google-business-reviews-rating.gmbrr.columns{	
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}
.gmbrr .rating+.listing, .gmbrr .rating+.buttons, .gmbrr .listing+.buttons {
    margin-block-start: 2.2rem;
}
a.button.view-reviews {
	color: var(--base-3);
	font-weight:500;
}

.gmbrr.carousel .navigation {
    list-style: none;
    margin-block: 1rem 1rem;
	}

/*submenu más a la derecha*/
.main-navigation:not(.toggled) ul li.sfHover>ul, .main-navigation:not(.toggled) ul li:hover>ul {
    left: 19px;
}
/* faq diseño */
.rank-math-list-item {
    background: #fff;
    padding: 1em 1em 2em;
    -webkit-box-shadow: 0px 0px 10px #d1d8dd, 0px 0px 40px #ffffff;
    box-shadow: 0px 0px 10px #d1d8dd, 0px 0px 40px #ffffff;
    margin-bottom: 1rem;
    border-radius: 5px;
}
.rank-math-question {
    border-bottom: 1px solid #F0F4F8;
    padding-bottom: 0.825rem;
    margin-bottom: 0.825rem;
    position: relative;
    padding-right: 40px;
	font-weight: 500;
}
.rank-math-question:after {
    content: "?";
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    line-height: 30px;
    text-align: center;
    color: #D9E2EC;
    background: #F0F4F8;
    border-radius: 40px;
}
#rank-math-faq {
	padding-right:15px;
	padding-left:15px;
	max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}
.single-post div#rank-math-faq {
	padding-right:0px;
	padding-left:0px;
}
.rank-math-answer p:last-child{
	margin-bottom: 0;
}
/* diseño rankmath rich shema container */
#rank-math-rich-snippet-wrapper p {
    text-align: justify;
}
#rank-math-rich-snippet-wrapper h5.rank-math-title {
    font-weight: 600;
	font-size: 25px !important;
}
.rank-math-review-image img {
    box-shadow: 2px 4px 4px 0 rgb(0 0 0/14%), 2px 3px 3px -2px rgb(0 0 0/12%), 0 1px 8px 0 rgb(0 0 0/20%);
    border-radius: 4px;
}
/* diseño rankmathcontact info shortcode */
h4.rank-math-name {
	font-weight:600;
}
.rank-math-contact-map iframe {
    height: 355px !important;
}

/** Formulario **/
.formcolor{
	color:var(--rojo);
}
span.wpcf7-quiz-label {
	color:var(--rojo);
}
.wpcf7 p{
    color: #000000;
    font-weight: 600;
}
.cf-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}
.cf-col-4, .cf-col-6{
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
}
@media ( min-width: 768px ) {
	.cf-col-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.cf-push-4 { margin-left: 33.33333%; }
	.cf-col-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.cf-push-6 { margin-left: 50%; }
	}
input.wpcf7-form-control.wpcf7-quiz {
    max-width: 90px;
}
.wpcf7-list-item {
    margin: 0;
}
@media (max-width: 767px){
.wpcf7 p {
    margin-bottom: 0.7em !important;
}
}
.wpcf7 input,.wpcf7 textarea{
   border:3px solid #e3deda !important;
   border-radius:4px !important;
}
.wpcf7 input:hover,.wpcf7 textarea:hover{
   border-color: #9dd4b3 !important;
}
/*Formulario corto*/
.formulario2 .wpcf7 p{
  margin-bottom:6px;
}
/*quitar marco negro caja contact fotm7*/
.wpcf7-text:focus, .wpcf7-textarea:focus {
outline:none;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
}
/*formulario drag and drop*/
.codedropz-upload-container {
background-color: var(--base-2);
}
.codedropz-upload-inner h3 {
  font-size: 18px;
  line-height: 18px;
  color: #666666ed; 
  font-weight: 600;
}
/*formulario respuesta*/
.wpcf7-response-output {
    color: var(--rojo);
}
/*lista footer, footer*/
.listafooter {
    margin: 0;
    line-height: 40px;
	 list-style: none;
}
.footerschema p{
    margin-bottom: 1em;	
}
.resaltadofooter mark.gb-highlight{
    border-bottom: 2px solid #c7e3d440;
}
/*plugin de cookies*/

.lwpcngNotice-dark {
    background: #fff;
    color: #fff;
    border-color: #000000;
}
.lwpcngNoticeBar-bottom.lwpcngNotice-sticked {
    border-top-width: 0px;
}
.lwpcngNotice {
    padding: 5px 5px;
}
.lwpcngNotice-dark .lwpcngNotice_accept {
    border-color: var(--verde1);
    color: var(--base3);
	background: var(--verde1);
}
.lwpcngNotice-dark .lwpcngNotice_accept:hover {
    background: var(--base3);
    color: var(--verde1);
    border-color: var(--verde1);
}
/* barra inferior */
.sticky-bottom {
	 position: fixed;
     bottom: 0;
     right: 0;
     bottom: 0;
     left: 0;	
	 margin-bottom: 0px;
	z-index: 999;
}
@media (max-width: 768px) {
	footer.info-footer
 {
    margin-bottom: 58px;
}
}
/* sombra header */
.main-navigation {
    box-shadow: 0px 1px 3px 2px rgb(0 0 0 / 13%);
}
/* romper palabra en flex div */
.contenedorflex { 
	overflow-wrap:anywhere;
}
/*centrar contenido en tabla de contenidos */
.ez-toc-title-container {/*tambien vale con display:flex; */
  display:inline-flex !important;
  align-items:center;
  justify-content: space-between;
}
div#ez-toc-container nav ul ul li ul li {
    font-size: 16px!important;
}
/*Tabla de contenidos*/
.page #ez-toc-container {
    -webkit-box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    margin-left: auto;
    margin-bottom: 0;
}
/*Breadcrumbs*/
@media (max-width: 768px) { .page #ez-toc-container{
    margin-left: inherit;
}
	}
.page nav.rank-math-breadcrumb p{
	display:inline-block;
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
	border-radius: 4px;
	background: #fff;
    border: 1px solid #ffffff;
	padding:10px;
	margin:0;
}
.single-post .rank-math-breadcrumb p {
    margin: 0;
    padding: 10px 20px 0;
	font-size: 14px;
}
/*numero resaltado*/
.numeroh mark{
	display: inline-flex; 
	border-radius: 5px;
	align-items: center;
	justify-content: center;
    box-shadow: 1px 1px 0 #999;
    width: 36px; 
	height: 36px; 
	margin-right: 3px;
}

/*sombra en la caja de la pagina*/
.page .site-content .content-area .inside-article {
    width: 100%;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	}
/*fondo solo 70% en mobile*/
@media (max-width: 768px) {
  .fondo70mobile .wp-block-cover__background, .fondo70mobile .wp-block-cover__image-background{
	  max-height:70%	
}
}

/*DISEÑO CAJA ENTRADA*/

.blog .inside-article, .post-type-archive .inside-article, .author .inside-article, .single .inside-article, aside.widget, .comments-area, .archive .page-header
 {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/**sombra en la imagen de la entrada y tamaño**/
.featured-image img{ 
	box-shadow: 2px 4px 4px 0 rgba(0,0,0,0.14), 2px 3px 3px -2px rgba(0,0,0,0.12), 0 1px 8px 0 rgba(0,0,0,0.20);	
}
.post-image img, .featured-image img{
width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: top;	
}
/**modificamos los espacios despues de la imagen destacada y el contenido**/
.separate-containers .inside-article>.featured-image {
    margin-top: 5px;
    margin-bottom: 0em;
}
.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top: 1em;
}
/**PEROSNALIZAR EL REVIERW GMB EN BLOG SIDEBAR**/
@media (max-width: 783px) {
    .gmbrr {
        width: 100%;
	}
}	
.gmbrr.badge.tiny {
    padding: 15px; 
    max-width: 100%; 
	}

/**	h2 blog**/
.single-post h2 {
    position: relative;
    border-bottom: 1px solid transparent; 
    background: linear-gradient(to right, #ccc, transparent);
    background-size: 100% 1px; 
    background-position: bottom left; 
    background-repeat: no-repeat;
}

.single-post h2::after {
    content: "";
    margin-top: 10px;
    display: block;
    position: relative;
    left: 0;
    bottom: -1px;
    width: 20%;
    height: 3px;
    background: linear-gradient(to right, #e5b64e 30%, #197a40 75%, #1b4337 100%); /* Línea colorida */
}
/** texto justificado entradas**/
.single-post .inside-article .entry-content > p, .entry-content .rank-math-answer p {
    text-align: justify;
}    
/**aspect-ratio 4/3
 

.aspect-ratio-4-3{
aspect-ratio: 4/3;
object-position: left;
}**/
/**SOMBRA IMAGENES BLOG**/
.entry-content figure.wp-block-image:not(.sinsombra) img{
	margin-bottom: 1.1em;
    box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, .14), 
                2px 3px 3px -2px rgba(0, 0, 0, .12), 
                0 1px 8px 0 rgba(0, 0, 0, .2);
}
.entry-content figure.wp-block-image{
}
/* sombra para imagenes en páginas  */
.sombra{
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/**SCHEMA RANKMATH**/

.single-post #rank-math-rich-snippet-wrapper {
    background-color: #eff8ff;
	margin-top:20px;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 0;
    padding-left: 25px;
    border: 3px dotted var(--verde1);;
}
/*separador1*/
.separado1, .separador1 {
	height:3px;
	max-width:90px;
}
/*separador2*/
.separador2{
	height:3px;
	max-width:150px;
}
/* lista1 */
ul.lista1 li {
	list-style: none;
    position: relative;
	padding-bottom: 9px;
	padding-left: 30px;
}
ul.lista1 li:before {
content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='22' viewBox='0 0 28 28' width='22'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='14' cy='14' fill='%23fff' r='14'/%3E%3Cpath d='m6 9.37386797 9.186934-9.18693399h.212132l1.414 1.414v.21213204l-9.99999998 9.99999998.00030797-.000304c-.00231661.0023255-.00231661.0023255-.00464262.0046426-.44921582.4466469-1.17545265.4445685-1.62179739-.0043386l-5-4.99999998v-.21213204l1.414-1.414h.21213204z' fill='%237dd042' fill-rule='nonzero' stroke='%237dd042' stroke-width='.3' transform='translate(6 8)'/%3E%3C/g%3E%3C/svg%3E");
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    width: 22px;
    height: 22px;
}
/* lista4 y lista4-continua ESTO HAY QUE OPTIMIZAR*/
ol.lista4 {
    counter-reset: custom-counter;
}
ol.lista4-continua-3 {
    counter-reset: custom-counter 2; /* empieza desde el 3 */
}
ol.lista4-continua-5 {
    counter-reset: custom-counter 4; /* empieza desde el 5 */
}
ol.lista4-continua-10 {
    counter-reset: custom-counter 9; /* empieza desde el 10 */
}
ol.lista4 {
	margin:0;
	text-align: justify;
}
ol.lista4 > li {
	list-style: none;
	margin-bottom: 19px;
	counter-increment: custom-counter;
}
ol.lista4b li{
	margin-bottom: 13px;
}
ol.lista4 > li:before {
    content: counter(custom-counter)".";
    color: #fff;
    font-size: 18px;
    line-height: 15px;
    display: inline-block;
    padding: 5px;
    border-radius: 4px;
    background: linear-gradient(135deg,#e5b64e 1%,#197a40 40%);
    -webkit-box-shadow: 0 1px 4px rgb(0 0 0/30%);
    box-shadow: 0 1px 4px rgb(0 0 0/30%);
    min-width: 25px;
    text-align: center;
    margin-right: 6px;
}
/* lista5 */
ul.lista5  {
    margin-left:17px;
}
ul.lista5 > li {
	list-style: none;
    position: relative;
	padding-left: 30px;
	padding-bottom: 11px;
}
ul.lista5 > li:before {
content:url("data:image/svg+xml,%3Csvg viewBox='0 0 73.14 70.21' xmlns='http://www.w3.org/2000/svg'%3E%3Cg data-name='Capa 2' id='b5551def-87cf-45ed-a733-ab12671c5319'%3E%3Cg data-name='Reducción Positiva' id='ab691589-8220-4045-abe8-3c436b8e6d25'%3E%3Cpath style='fill:%231b4337' data-name='path555270' d='M36.52 0C16.35 0 0 15.67 0 35.16s16.35 35.05 36.52 35.05 36.62-15.66 36.62-35S56.79 0 36.52 0Zm0 60.62a25.51 25.51 0 1 1 25.85-25.46 25.51 25.51 0 0 1-25.85 25.46Z' id='a94d04c0-1c36-4ab1-bb3a-7e1cffea12be'%3E%3C/path%3E%3Cpath style='fill:%23e5b64e' d='M23.19 47.12c15.12-8.9 21.6.22 30.2-22-14.39-1.44-29.72 2.19-30.2 22Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
}
.lista6 li::marker {
    content: "👉 ";
}
ul.lista-blog3 li::marker {
    content: "▶️";
}
/* lista3 */
.lista3 li::marker {
  content: "✅";
}
/** lista numerada solo blog**/
.lista-blog  {
  list-style: none; /* Elimina los números por defecto */
  counter-reset: custom-counter; /* Inicializa el contador */
  margin-left: 17px;

}
.lista-blog > li {
  counter-increment: custom-counter; /* Incrementa el contador solo en la lista principal */
  position: relative;
  padding-left: 30px;
  padding-bottom: 11px;
}
.lista-blog > li::before {
  content: counter(custom-counter) ".";
  color: #fff;
  font-size: 18px;
  line-height: 15px;
  display: inline-block;
  padding: 5px;
  border-radius: 4px;
  background: linear-gradient(135deg, #e5b64e 1%, #197a40 40%);
  -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 30%);
  box-shadow: 0 1px 4px rgb(0 0 0 / 30%);
  min-width: 25px;
  text-align: center;
  position: absolute;
  top: -2px;
  left: 0;
}
/** lista numerada solo blog 2**/
ol.lista-blog2 {
    counter-reset: custom-counter;
    list-style: none;
	margin-left: 8px;
}
ol.lista-blog2 > li {
    counter-increment: custom-counter;
    position: relative;
    padding-left: 40px; /* Espacio para el número personalizado */
	padding-bottom: 13px;
}
ol.lista-blog2 > li:before {
    content: counter(custom-counter);
    font-size: 1.2em;
    font-weight: 700;
    color: var(--rojo);
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid var(--rojo);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}
/**lista dentro de lista **/
ul ul, ol ul {
    list-style-type: circle;
}
ul ul ul, ol ul ul{
    list-style-type: square;
}
/**marker blog **/
ul.marker-rojo > li::marker,
ol.marker-rojo > li::marker {
	color: var(--rojo);
}
ul.marker-verde2 > li::marker,
ol.marker-verde2 > li::marker {
	color: var(--verde2);
}
ul.marker-oro > li::marker,
ol.marker-oro > li::marker {
	color: var(--oro);
}
ul.marker-marron > li::marker,
ol.marker-marron > li::marker {
	color: var(--marron);
}
ol.ol-negrita > li::marker {
    font-weight: bold;
}