/* Change 2026/04/01 */ /*-----------*/
/*	4.2 Arhive					-----*/
/*-----------------------------------*/

    
iframe {width:100%; height:auto; aspect-ratio:16 / 9;}
.single-video {margin:var(--mrg-f) auto}   
    
    
.loop-blog article {}
.loop-serv {margin:var(--mrg-f) 0}
.loop-serv article {} 
    
.loop-blog .box-img {min-height:4.5em; overflow:hidden; display:block}


/*	4.2.1		Blog category
_____________________________________*/
.loop-blog .box-1 {background:var(--clr-c)}
.loop-blog .box-tag {position:absolute; right:1em; top:1em; z-index:9;}
.loop-blog .box-tag p {backdrop-filter:blur(14px); padding:0.5em 1em; border-radius:1em; background:rgba(255, 255, 255, 0.6);}
.loop-blog .box-tag p a {color:var(--clr-m);}
.loop-blog .box-img .box-date {bottom:1em; padding: var(--btn-pad) calc(var(--btn-pad) * 2); width:fit-content; border-radius:var(--btn-brd-rad); color:var(--btn-clr); border:var(--btn-brd-s) solid var(--btn-brd-c); background:var(--clr-m);}
.loop-blog .box-img a + .box-date {color:var(--clr-w); bottom:1em; background:#000957; padding:0.5em 1em; border-radius:2em; border:1px solid var(--clr-w);}
.loop-blog .box-text {display:block; margin-bottom:1em;}
.loop-blog .box-more {width:100%; justify-content:flex-end; position:inherit; color:var(--clr-m);}

/*	4.2.2		Service category 
_____________________________________*/
/* Service category */
.loop-serv .box-more::after {/*content:none*/}
.loop-serv .box-2:hover .box-text {/*background:var(--clr-m);*/}
@media screen and (max-width:680px) {
.loop-serv.grid-2 {--col-n:1;}
}
@media screen and (max-width:620px) {
.loop-serv.grid-3 {--col-n:1;}
}

/*	4.4.3		Aside 
_____________________________________*/











/* CATEGORY   (grid & column) FROM regdorbud */
.article-body-category {width:100%}
.cat-catalogue {margin-top:2em!important}
.cat-catalogue .box-1 .box-block {}
.cat-catalogue .box-1 .box-block div  {height:auto}
.cat-catalogue .box-1 .box-title {margin:0.25em 0;}
.cat-catalogue .box-1 .box-title::after {display:none}
.cat-catalogue .box-1 .box-text {margin-bottom:5em;}
.cat-catalogue .box-1 .box-text .box-color {color:var(--clr-d);}
.cat-catalogue .box-1 .box-text .box-option {color:var(--clr-b); margin:0.5em 0; display: flex; align-items: center;}
.cat-catalogue .box-1 .box-text .box-option::before {content:''; display:block; height:1em; width:1em; margin-right:0.5em; background:url('../img/icpic.png') no-repeat; background-size:contain}
.cat-catalogue .box-separator {width: 100%; max-width: 100%; margin-top: 0; height: 2px;}
.cat-catalogue .box-1 {border-radius:0;}
.cat-catalogue .box-1 .box-icon .icon-svg::before {padding: 1em; margin: 0; background: var(--clr-w);}

.cat-catalogue .box-3 .box-block {background:none; border:3px solid var(--clr-m); border-radius: 1.25em;height: auto;}
.cat-catalogue .box-3 .box-block div  {position:absolute; width:100%; height: 100%;}
.cat-catalogue .box-3 .box-title {color:var(--clr-w); font-size:2em; position:absolute; top:1em; left:1em; margin:0}
.cat-catalogue .box-3 .box-title::after {display:none}
.cat-catalogue .box-3 .box-icon {position: absolute; bottom: 1em; right: 1em; justify-content: flex-end;}
.cat-catalogue .box-3 .box-icon .icon-svg::before {padding: 1em; margin: 0; background: var(--clr-w);}


/* SIN in CAT  (box-1 & box-N ) */
	
.cat-product {}
.cat-product .box-title {width:100%}
.cat-product .box-text {width:100%}
.cat-product .block-sku {width:100%}
.cat-product .box-separator {width:100%}
.cat-product .box-button-add {color:var(--clr-w); display:flex; font-size:2em; width:1.5em; height:1.5em; line-height:1; align-items:center; justify-content:center; background:var(--clr-b); border-radius:50%;}

.cat-product .block-price .price-main, .cat-product .block-price ins bdi {font-size:1.25em; margin-top:0;}
.cat-product .block-price .price-old, .cat-product .block-price del bdi {margin-top:0; font-size:0.9em}
.cat-product .btn {width:100%; text-align:center;}
.cat-product .btn a {color:var(--clr-i); width:100%}
.cat-product.box-1 > div:last-child {padding-bottom:0}
	
.cat-product .pice {background:var(--clr-g); display:flex; justify-content:space-between; padding:1em; position:absolute; width:100%; bottom:0px; margin:0}
	
	
.cat-product.box-3 .box-text {padding:0.5em;}
.cat-product.box-3  .pice {margin-left:-0.5em;}