/*
Theme Name: Manipulador de Alimentos Online
Template: hello-elementor
Description: Identidad de seguridad alimentaria de Grupo Laborali.
Version: 1.0
*/
.mao.e-con {
  --ink:#252320; --orange:#bb410e; --paper:#fff7f0;
  padding:0; gap:0; color:var(--ink); font-family:Arial,Helvetica,sans-serif;
}
.mao .e-con { padding:0; gap:0 }
.mao :is(h1,h2,h3,p) { margin:0; color:inherit; font-family:inherit }
.mao .elementor-heading-title { color:var(--ink); font-family:inherit }
.mao .elementor-widget-text-editor { color:inherit; font-family:inherit; font-size:17px; line-height:1.52 }
.mao .wrap { width:min(1240px,90%); margin-inline:auto }
.mao .bar { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:20px; min-height:88px }
.mao .brand .elementor-heading-title { font-size:clamp(16px,2vw,25px); font-weight:800; letter-spacing:-.055em }
.mao .brand .elementor-heading-title:before { content:""; display:inline-block; width:.76em; height:.76em; border-radius:50% 50% 10% 50%; background:#ef510b; margin-right:.4em }
.mao .group { font-weight:600; font-size:12px; letter-spacing:.035em; color:#665b54 }
.mao .brandbox { width:auto; gap:3px }
.mao .nav { width:auto; flex-direction:row; align-items:center; gap:28px }
.mao .elementor-button { border:0; font:700 15px/1.25 Arial,sans-serif; padding:16px 23px; border-radius:100px; background:var(--orange); color:white; text-decoration:none }
.mao .elementor-button:hover { background:#92330b; color:white }
.mao .quiet .elementor-button { background:transparent; color:var(--ink); padding:8px 0; border-radius:0 }
.mao .quiet .elementor-button:hover { text-decoration:underline }
.mao .hero { background:var(--paper); border-block:1px solid #eddfd5; padding-block:clamp(28px,4vw,60px) }
.mao .split { display:grid; grid-template-columns:1.03fr 1fr; align-items:center; gap:clamp(35px,5vw,86px) }
.mao .copy { align-items:flex-start; gap:22px }
.mao .kicker .elementor-heading-title { font-size:12px; font-weight:750; letter-spacing:.12em; line-height:1.5; text-transform:uppercase; color:var(--orange) }
.mao .headline .elementor-heading-title { font-size:clamp(46px,5.55vw,84px); font-weight:750; line-height:.99; letter-spacing:-.064em }
.mao .intro { max-width:42ch; font-size:clamp(17px,1.5vw,21px); color:#574e48 }
.mao .heroimg img { display:block; width:100%; height:clamp(370px,36vw,515px); object-fit:cover; object-position:50% 41%; border-radius:22px }
.mao .facts { font-size:14px; color:#60564f }
.mao .section { padding-block:clamp(52px,6.3vw,96px) }
.mao .sectiontitle .elementor-heading-title { font-size:clamp(34px,4.2vw,60px); font-weight:750; letter-spacing:-.055em; line-height:1.04 }
.mao .catalog { gap:30px }
.mao .cards { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:stretch }
.mao .card { overflow:hidden; border-radius:20px; border:1px solid #e5dcd5; height:100%; background:white }
.mao .cardimg img { width:100%; height:clamp(190px,19vw,290px); display:block; object-fit:cover; object-position:50% 44% }
.mao .cardbody { padding:clamp(22px,2.6vw,38px); gap:14px; align-items:flex-start; flex-grow:1 }
.mao .cardtitle .elementor-heading-title { font-size:clamp(25px,2.5vw,36px); line-height:1.1; font-weight:750; letter-spacing:-.045em }
.mao .cardbody .elementor-widget-button { margin-top:auto; padding-top:8px }
.mao .cardbody .elementor-button { padding:0; background:transparent; color:var(--orange) }
.mao .cardbody .elementor-button:hover { text-decoration:underline }
.mao .cert { background:#f6f1ec }
.mao .certimg img { width:100%; border-radius:18px }
.mao .foot { border-top:1px solid #e5dcd5 }
.mao a:focus-visible { outline:3px solid #0064a7; outline-offset:4px }
@media(max-width:767px){
 .mao .bar { min-height:76px; gap:12px }
 .mao .nav .quiet { display:none }
 .mao .nav .elementor-button { padding:11px 15px; font-size:13px }
 .mao .split,.mao .cards { grid-template-columns:minmax(0,1fr); gap:24px }
 .mao .heroimg img { height:clamp(235px,64vw,380px) }
 .mao .copy { gap:16px }
 .mao .brand .elementor-heading-title { max-width:23ch; line-height:1.1 }
 .mao .section { padding-block:48px }
 .mao .foot .bar { flex-wrap:wrap; padding-block:20px }
}

@media(max-width:767px){
 .mao header.bar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; padding-block:12px }
 .mao header .brandbox,.mao header .nav { width:auto; min-width:0 }
 .mao header .elementor-button { white-space:nowrap }
}
.mao-legal.e-con {max-width:760px;width:calc(100% - 40px);margin:0 auto;padding:32px 0 64px;gap:0;font-family:Arial,sans-serif;color:#292420}
.mao-legal .elementor-heading-title {font-family:inherit;color:inherit;letter-spacing:-.035em}
.mao-legal h1.elementor-heading-title {font-size:clamp(35px,5vw,58px);line-height:1.1;margin:32px 0 18px}
.mao-legal h2.elementor-heading-title {font-size:clamp(23px,3vw,30px);line-height:1.23;margin:30px 0 10px}
.mao-legal .elementor-widget-text-editor {font:400 17px/1.6 Arial,sans-serif;color:#504943}
.mao-legal p {margin:0}
.mao-legal a {color:#a13b10;text-decoration:underline;text-underline-offset:3px}
.mao-legal .legal-brand a {color:#252320;text-decoration:none;font-weight:750}
.mao-legal .legal-links {border-top:1px solid #e5dcd5;margin-top:38px;padding-top:18px;font-size:14px}
.mao .headline .elementor-heading-title {line-height:1.06}
.mao .sectiontitle .elementor-heading-title {line-height:1.12}