/* Tipografía institucional: Arial en todo el contenido, sin alterar el logotipo. */
html,body,button,input,select,textarea{
  font-family:Arial,Helvetica,sans-serif!important;
}
body{
  font-size:16px;
  font-weight:400;
  line-height:1.65;
}
body :where(h1,h2,h3,h4,h5,h6,p,a,span,small,strong,b,em,cite,blockquote,summary,li,label,address){
  font-family:Arial,Helvetica,sans-serif!important;
}

/* El texto que forma parte del logotipo conserva su fuente institucional. */
body :where(.brand-name,.brand>strong,.footer-brand>strong,.brand.light>strong){
  font-family:Cinzel,Georgia,serif!important;
}

/* Jerarquía general */
body h1{
  font-size:clamp(40px,5vw,64px)!important;
  font-weight:400!important;
  line-height:1.08!important;
}
body h2{
  font-size:clamp(30px,3.4vw,44px)!important;
  font-weight:400!important;
  line-height:1.18!important;
}
body h3{
  font-size:clamp(19px,2vw,25px)!important;
  font-weight:400!important;
  line-height:1.3!important;
}
body p{
  font-size:16px;
  line-height:1.7;
}
body .lead,
body .hero p:last-child,
body .intro p:last-child{
  font-size:18px!important;
  line-height:1.7!important;
}
body nav{
  font-size:16px!important;
  line-height:1.25!important;
}
body nav a{
  font-size:16px!important;
  font-weight:400!important;
}
body .eyebrow,
body .category{
  font-size:11px!important;
  line-height:1.4!important;
}
body :where(button,.button,.consult,.home-consult){
  font-size:12px!important;
}

/* Botones públicos con esquinas redondeadas */
body :where(button,.button,.consult,.home-consult,.news-copy a,.socials a){
  border-radius:9px!important;
}
body :where(.search,input,select,textarea){
  border-radius:9px;
}
body .search button{
  border-radius:0 9px 9px 0!important;
}
body .news-banner .news-copy a{
  border-radius:999px!important;
  overflow:hidden;
}
body :where(.whatsapp b,.catalog-ready-icon,.header-actions b){
  border-radius:50%!important;
}

/* Catálogo y ficha del producto */
body .card h2,
body .product h3,
body .related-card h3{
  font-size:19px!important;
  line-height:1.4!important;
}
body :where(.meta,.description p,.story p,.block p,details p){
  font-size:15px!important;
}
body .isbn{
  font-size:12px!important;
}

@media(max-width:600px){
  body{font-size:15px}
  body h1{font-size:38px!important}
  body h2{font-size:29px!important}
  body h3{font-size:20px!important}
  body p{font-size:15px}
  body .lead,
  body .hero p:last-child,
  body .intro p:last-child{font-size:16px!important}
  body nav,body nav a{font-size:15px!important}
}
