/* **********
A (more) Modern CSS Reset by Andy Bell
Published: 18 September 2023 https://piccalil.li/blog/a-more-modern-css-reset/
********** */

/* Box sizing rules */
*,*::before,*::after{box-sizing:border-box;}
/* Prevent font size inflation */
html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
/* Remove default margin in favour of better control in authored CSS */
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0;}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],ol[role="list"]{list-style:none;}
/* Set core body defaults */
body{min-height:100vh;line-height:1.5;}
/* Set shorter line heights on headings and interactive elements */
h1,h2,h3,h4,button,input,label{line-height:1.1;}
/* Balance text wrapping on headings */
h1,h2,h3,h4{text-wrap:balance;}
/* A elements that don't have a class get default styles */
a:not([class]){text-decoration-skip-ink:auto;color:currentColor;}
/* Make images easier to work with */
img,picture{max-width:100%;display:block;}
/* Inherit fonts for inputs and buttons */
input,button,textarea,select{font-family:inherit;font-size:inherit;}
/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]){min-height:10em;}
/* Anything that has been anchored to should have extra scroll margin */
:target{scroll-margin-block:5ex;}



/* **********
Escala tipográfica bien temperada - 2025, Santiago Bustelo
********** */

/* root font size */
html{font-size:16px;}

/* root sizes */
:root {--pt-6:0.5rem;--pt-7:0.574rem;--pt-8:0.66rem;--pt-9:0.758rem;--pt-10:0.871rem;--pt-11:0.935rem;--pt-12:1rem;--pt-14:1.149rem;--pt-16:1.32rem;--pt-18:1.516rem;--pt-21:1.741rem;--pt-24:2rem;--pt-28:2.297rem;--pt-32:2.639rem;--pt-36:3.031rem;--pt-42:3.482rem;--pt-48:4rem;--pt-56:4.595rem;--pt-64:5.278rem;--pt-72:6.063rem;--pt-84:6.964rem;--pt-96:8rem;--pt-112:9.19rem;--pt-128:10.556rem;--pt-144:12.126rem;}

/* class sizes */
.pt-6{font-size:var(--pt-6);}.pt-7{font-size:var(--pt-7);}.pt-8{font-size:var(--pt-8);}.pt-9{font-size:var(--pt-9);}.pt-10{font-size:var(--pt-10);}.pt-11{font-size:var(--pt-11);}.pt-12{font-size:var(--pt-12);}.pt-14{font-size:var(--pt-14);}.pt-16{font-size:var(--pt-16);}.pt-18{font-size:var(--pt-18);}.pt-21{font-size:var(--pt-21);}.pt-24{font-size:var(--pt-24);}.pt-28{font-size:var(--pt-28);}.pt-32{font-size:var(--pt-32);}.pt-36{font-size:var(--pt-36);}.pt-42{font-size:var(--pt-42);}.pt-48{font-size:var(--pt-48);}.pt-56{font-size:var(--pt-56);}.pt-64{font-size:var(--pt-64);}.pt-72{font-size:var(--pt-72);}.pt-84{font-size:var(--pt-84);}.pt-96{font-size:var(--pt-96);}.pt-112{font-size:var(--pt-112);}.pt-128{font-size:var(--pt-128);}.pt-144{font-size:var(--pt-144);}


/* **** Screen reader / mobile / desktop only *** */
.if-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

@media (max-width: 479px) {
.if-not-mobile{ display:none; }
}
@media (min-width: 480px) {
.if-mobile{ display:none; }
}
@media (max-width: 767px) {
.if-desktop{ display:none; }
}

.nobr{
    white-space: nowrap;
}



BODY{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #000;
    margin:0;
    padding:0;
    background-color: #fff;

    font-size: var(--pt-11);
    @media (max-width: 767px) {
        font-size: var(--pt-12);
    }
}

h1, h2, h3, h4, h5, h6, p, li, figcaption, blockquote, div, span {
text-wrap: pretty;
}


/* reglas base internas bustelo.com.ar */
#mainhead.mainhead-interna{
	background:#000;padding:20px 20px 15px;
	font-family:'Montserrat', sans-serif;font-size:18px;font-weight:400;line-height:1.6em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
#mainhead.mainhead-interna NAV{max-width:1110px;margin:0 auto;color:white;}
#mainhead.mainhead-interna NAV A{text-decoration:none;color:white;}

/* en esta página, desactivamos la caja de mainhead NAV */
#mainhead.mainhead-interna NAV{max-width:none;}