/*
Theme Name: Maka Tech Editorial
Template: hostinger-affiliate-theme
Version: 1.2.2
Update URI: false
Description: Portada editorial naranja y crema para Maka Tech, basada en Hostinger Affiliate.
Author: Maka Tech
*/
:root{--mt-orange:#f05a28;--mt-darkorange:#b83b18;--mt-cream:#fff9f2;--mt-ink:#171717;--mt-peach:#ffd1bd}body.custom-background,body{background-color:var(--mt-cream);color:var(--mt-ink)}body:not(.home) a{color:var(--mt-darkorange)}.mt-site-header,.mt-site-footer{font-family:Arial,Helvetica,sans-serif;line-height:1.4;box-sizing:border-box}.mt-site-header *,.mt-site-footer *{box-sizing:border-box}.mt-site-header{background:var(--mt-orange);border-bottom:1px solid var(--mt-ink)}.mt-site-header .bar{max-width:1280px;margin:auto;padding:23px 40px;display:flex;align-items:center;gap:35px}.mt-brand{font-size:29px;font-weight:900;letter-spacing:-1.8px;white-space:nowrap;text-decoration:none!important}.mt-site-header .mt-brand,.mt-site-header a{color:var(--mt-ink)}.mt-brand span{color:white}.mt-nav{margin-left:auto;display:flex;gap:24px;align-items:center;font-size:14px;font-weight:700}.mt-nav a{text-decoration:none;padding:8px 0}.mt-nav a:hover{text-decoration:underline;text-underline-offset:5px}.mt-nav .compare{border:1px solid var(--mt-ink);padding:10px 15px;border-radius:3px}.mt-nav>ul{display:flex;gap:20px;list-style:none;padding:0;margin:0}.mt-nav li{margin:0}.mt-nav li:before{display:none}.mt-site-footer{background:var(--mt-ink);padding:35px 0 25px;color:var(--mt-cream);margin-top:45px}.home .mt-site-footer{margin-top:0}.mt-site-footer .mt-wrap{max-width:1280px;margin:auto;padding:0 40px}.mt-site-footer a{color:var(--mt-cream)!important;text-decoration:none}.mt-site-footer a:hover{text-decoration:underline}.mt-foot-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.mt-social{display:flex;flex-wrap:wrap;gap:23px;font-size:12px}.mt-foot-bottom{border-top:1px solid #494440;padding-top:21px;margin-top:28px;display:flex;justify-content:space-between;gap:30px;font-size:11px;line-height:1.6;color:#bcb5ad}.mt-site-footer .mt-brand span{color:var(--mt-orange)}.mt-site-footer .mt-foot-bottom a{color:#d4cec7!important}.mt-site-header a:focus-visible,.mt-site-footer a:focus-visible{outline:3px solid currentColor;outline-offset:5px}.mt-skip{position:absolute;left:12px;top:-100px;background:#171717;color:#fff9f2!important;padding:12px;z-index:100000}.mt-skip:focus{top:12px}.entry-content a:not(.btn):not(.aawp-button):not(.wp-block-button__link){color:#b83b18}.entry-item .entry-excerpt{font-size:15px;line-height:1.6}.entry-item .entry-title{line-height:1.2}.entry-item img{aspect-ratio:16/9;object-fit:cover}.mtb-read{color:#b83b18!important}.lead .mtb-read{color:#fff9f2!important}
@media(max-width:950px){.mt-site-header .bar,.mt-site-footer .mt-wrap{padding-left:26px;padding-right:26px}.mt-nav{gap:16px;font-size:13px}.mt-site-header .bar{gap:20px}.mt-brand{font-size:27px}}@media(max-width:700px){.mt-site-header .bar{padding:16px 20px;flex-wrap:wrap;gap:13px}.mt-nav{margin:0;width:100%;flex-wrap:wrap;justify-content:space-between;gap:9px;font-size:12px}.mt-nav .compare{padding:7px 9px}.mt-nav>ul{flex-wrap:wrap;gap:15px}.mt-foot-top,.mt-foot-bottom{flex-direction:column;align-items:flex-start;gap:20px}.mt-site-footer .mt-wrap{padding:0 20px}.mt-social{gap:17px}}
body.custom-background{background-color:#fff9f2!important}
/* Keep navigation distinct from the orange editorial links on internal pages. */
body .mt-site-header .mt-nav a,
body .mt-site-header .mt-nav a:visited{color:var(--mt-ink);font-weight:700}

/* Purchase actions share one accessible style regardless of the shop. */
body a.mt-buy-button{
 --ub-button-background-color:#ffe600!important;--ub-button-color:#171717!important;
 --ub-button-hover-background-color:#f5d900!important;--ub-button-hover-color:#171717!important;
 display:inline-flex!important;align-items:center;justify-content:center;gap:.65em;
 background:#ffe600!important;background-image:none!important;color:#171717!important;
 border:1px solid #c5ad00!important;border-radius:8px;padding:.85em 1.2em;
 font-weight:700;line-height:1.35;text-decoration:none!important;box-shadow:none;
 transition:background-color .15s ease,transform .15s ease;
}
body a.mt-buy-button:hover{background:#f5d900!important;color:#171717!important;transform:translateY(-1px)}
body a.mt-buy-button:focus-visible{outline:3px solid #171717;outline-offset:4px}
body a.mt-buy-button *{color:inherit!important}
body a.mt-buy-button .ub-button-icon-holder,body a.mt-buy-button>svg,body a.mt-buy-button>i,body a.mt-buy-button .su-icon{display:none!important}
body a.mt-buy-button::before{
 content:'';display:block;flex:0 0 1.15em;width:1.15em;height:1.15em;background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M2 3h3l3 13h11l3-10H6M8 16l-1 3h13'/%3E%3Ccircle cx='9' cy='22' r='1'/%3E%3Ccircle cx='19' cy='22' r='1'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M2 3h3l3 13h11l3-10H6M8 16l-1 3h13'/%3E%3Ccircle cx='9' cy='22' r='1'/%3E%3Ccircle cx='19' cy='22' r='1'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* Preserve Hostinger clusters while aligning their image, text and reading link. */
.entry-item{display:flex;flex-direction:column;min-width:0}
.entry-item .entry-header{margin-bottom:12px}
.entry-item .entry-header img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .2s ease}
.entry-item .entry-header a:hover img{transform:scale(1.025)}
.entry-item .entry-title{font-size:clamp(21px,2vw,27px);letter-spacing:-.6px;color:#171717}
.entry-item .entry-meta{flex:1}
.entry-item>.mtb-read{align-self:flex-start;margin-top:auto;padding-top:14px;font-weight:700;text-decoration:none;border-bottom:1px solid #f05a28;padding-bottom:5px}
.entry-item .entry-date-info{color:#645f59;font-size:12px}
@media(prefers-reduced-motion:reduce){body a.mt-buy-button,.entry-item .entry-header img{transition:none}body a.mt-buy-button:hover,.entry-item .entry-header a:hover img{transform:none}}

/* Editorial sections: native disclosure remains keyboard and touch accessible. */
/* Only the top-level list participates in the horizontal header layout. */
.mt-site-header .mt-nav>ul{align-items:center}
.mt-site-header .mt-nav .menu-item-has-children{position:relative}
.mt-site-header .mt-nav details{position:static;display:block}
.mt-site-header .mt-nav summary{display:flex;align-items:center;gap:8px;width:max-content;cursor:pointer;padding:8px 0;list-style:none;white-space:nowrap;color:var(--mt-ink)}
.mt-site-header .mt-nav summary::-webkit-details-marker{display:none}
.mt-site-header .mt-nav summary::after{content:'';display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex:none}
.mt-site-header .mt-nav details[open]>summary::after{transform:rotate(225deg)}
.mt-site-header .mt-nav details>ul.sub-menu{position:absolute;right:0;left:auto;top:100%;bottom:auto;display:block;float:none;width:230px;min-width:0;max-width:calc(100vw - 40px);height:auto;margin:0;padding:10px 16px;list-style:none;background:var(--mt-cream);border:1px solid var(--mt-ink);z-index:1000;box-shadow:0 5px 12px #0002}
.mt-site-header .mt-nav details:not([open])>ul.sub-menu{display:none}
.mt-site-header .mt-nav ul.sub-menu>li{display:block;float:none;width:100%;margin:0;padding:0}
.mt-site-header .mt-nav ul.sub-menu a{display:block;width:100%;padding:10px 0;white-space:normal}
.mt-site-header .mt-nav summary:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.mt-footer-sections{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:28px;font-size:13px}
.mt-editorial-context{padding:20px 0;margin:25px 0;border-top:1px solid #dcd4cb;border-bottom:1px solid #dcd4cb;font-size:15px;line-height:1.65}.mt-editorial-context a{display:inline-block;margin-right:16px}.mt-editorial-context p{margin:0 0 8px}.mt-editorial-context ul{padding-left:20px}
@media(max-width:700px){.mt-site-header .mt-nav details>ul.sub-menu{right:auto;left:0;width:220px}}

/* The additional brand entry fits tablet widths without horizontal overflow. */
@media(min-width:701px) and (max-width:950px){.mt-site-header .bar{flex-wrap:wrap;gap:13px}.mt-site-header .mt-nav{margin-left:0;width:100%}.mt-site-header .mt-nav>ul{flex-wrap:wrap;gap:15px}}
