:root{
  --brand:#0b3d2e; 
  --brand-1:#0b3d2e; /* verde escuro */
  --brand-2:#16a085; /* verde medio */
  --accent:#e9d233; /* amarelo */
  --text:#0f172a; /* azul escuro */
  --muted:#5b667a;
  --bg:#f6f7f9;
  --white:#fff;
  --radius:16px;
  --shadow:0 8px 24px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}
a{color:var(--brand-1);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1140px, 86vw);margin:0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.4rem;border-radius:999px;font-weight:700;font-size:0.95rem;border:0;cursor:pointer;transition: transform .25s ease, filter .25s ease;will-change: transform;}
.btn-cta{background:var(--accent);color:var(--text)}
.btn-cta:hover,.btn-cta:focus-visible{transform: scale(1.05);filter: brightness(1.05);text-decoration:none;}
.btn-cta:active{transform: scale(0.95);}
.btn-benef { padding: .45rem 1.2rem; font-size: 0.8rem; background: var(--brand); color: #fff; }
.btn-primary{background:var(--brand);color:var(--white)}
.btn-primary:hover{filter:brightness(.95)}
.btn-trans{background:transparent;color:var(--white);border:2px solid var(--white)}
.btn-ghost{background:transparent;color:var(--brand);border:2px solid var(--brand)}
.section{padding:60px 0}
.sec-beneficios{padding:15px 0 60px}
.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow)}
.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:999px;background:var(--accent);color:#523e00;font-weight:700;font-size:.85rem}
.panel .badge{font-size:1rem}
.text-center{text-align:center;}
.white{color:#fff;}
@media (max-width: 980px){
	.w-100{width:100%;}
}

/* HERO */
/*.hero{background:linear-gradient(160deg, var(--brand) 0%, #0e4d3a 40%, #11634a 100%);color:#e8fff7}*/
.hero{background:url(patron-bg.jpg);color:#e8fff7}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding:72px 0 142px}
@media (max-width: 980px){
	.hero-inner{padding-top:26px}
}
.hero h1{font-size:clamp(1.8rem, 3.2vw + 1rem, 2.65rem);line-height:1.1;margin:0 0 16px}
.hero p{color:#cdeee4;margin:0 0 24px}
.hero .highlight{background:rgba(255,209,102,.15);border:1px solid rgba(255,209,102,.55);padding:.4rem .8rem;border-radius:10px;display:inline-block;color:#fff}
.hero .panel{padding:24px}
.hero .panel > .panel{padding:5px}

.btn-hero { display:flex;gap:12px;flex-wrap:wrap }
@media (max-width: 980px){
	.btn-hero{justify-content:center}
	.btn-hero .btn-cta { font-size: 1.25rem; padding: .9rem 2.4rem;}
}

.hero{ position: relative; overflow: hidden; }
.hero::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  height: 140px;   
  background: var(--bg);
  -webkit-mask: url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 280" preserveAspectRatio="none">\
    <path fill="black" d="M0,84L34.3,88.7C68.6,93,137,103,206,130.7C274.3,159,343,205,411,200.7C480,196,549,140,617,130.7C685.7,121,754,159,823,182C891.4,205,960,215,1029,200.7C1097.1,187,1166,149,1234,126C1302.9,103,1371,93,1440,112C1508.6,131,1577,177,1646,205.3C1714.3,233,1783,243,1851,233.3C1920,224,1989,196,2057,182C2125.7,168,2194,168,2263,144.7C2331.4,121,2400,75,2469,46.7C2537.1,19,2606,9,2674,28C2742.9,47,2811,93,2880,98C2948.6,103,3017,65,3086,51.3C3154.3,37,3223,47,3291,74.7C3360,103,3429,149,3497,163.3C3565.7,177,3634,159,3703,144.7C3771.4,131,3840,121,3909,135.3C3977.1,149,4046,187,4114,205.3C4182.9,224,4251,224,4320,214.7C4388.6,205,4457,187,4526,163.3C4594.3,140,4663,112,4731,112C4800,112,4869,140,4903,154L4937.1,168L4937.1,280L0,280Z"/>\
  </svg>') 50% 100% / 120% 100% no-repeat;
          mask: url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 280" preserveAspectRatio="none">\
    <path fill="black" d="M0,84L34.3,88.7C68.6,93,137,103,206,130.7C274.3,159,343,205,411,200.7C480,196,549,140,617,130.7C685.7,121,754,159,823,182C891.4,205,960,215,1029,200.7C1097.1,187,1166,149,1234,126C1302.9,103,1371,93,1440,112C1508.6,131,1577,177,1646,205.3C1714.3,233,1783,243,1851,233.3C1920,224,1989,196,2057,182C2125.7,168,2194,168,2263,144.7C2331.4,121,2400,75,2469,46.7C2537.1,19,2606,9,2674,28C2742.9,47,2811,93,2880,98C2948.6,103,3017,65,3086,51.3C3154.3,37,3223,47,3291,74.7C3360,103,3429,149,3497,163.3C3565.7,177,3634,159,3703,144.7C3771.4,131,3840,121,3909,135.3C3977.1,149,4046,187,4114,205.3C4182.9,224,4251,224,4320,214.7C4388.6,205,4457,187,4526,163.3C4594.3,140,4663,112,4731,112C4800,112,4869,140,4903,154L4937.1,168L4937.1,280L0,280Z"/>\
  </svg>') 50% 100% / 120% 100% no-repeat;
}

/* Ilustración en el hero (lado derecho) */
.hero-illust{
  align-self:end;
  display:grid;
  place-items:center;
}

.hero-illust img{
  width:min(520px, 42vw);
  height:auto;
  max-width:100%;
  transform:rotate(-2deg);
  filter: drop-shadow(0 10px 24px rgba(0,0,0,.18));
}

/* Animación sutil (respeta accesibilidad) */
@media (prefers-reduced-motion: no-preference){
  .hero-illust img{
    animation: floaty 6s ease-in-out infinite;
  }
}
@keyframes floaty{
  0%   { transform: translateY(0) rotate(-2deg); }
  50%  { transform: translateY(-6px) rotate(-1deg); }
  100% { transform: translateY(0) rotate(-2deg); }
}

/* En móvil, que baje bajo el texto */
@media (max-width:980px){
  .hero-inner{ grid-template-columns:1fr; }
  .hero-illust{
    order: 2;
	margin: 0;
  }
  .hero-illust img{
    width:min(520px, 80vw);
    transform:rotate(0deg); /* menos inclinación en pantallas pequeñas */
  }
}


/* 3 columnas beneficios */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-3 .card{padding:20px 30px}

/* Paso a paso */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.step{padding:22px}
.step-head{display:flex; align-items:center; gap:.75rem}
.step-head .num{width:36px;height:36px; display:grid; place-items:center; font-weight:700; border-radius:9999px; background:var(--brand-2);color:#fff;}
.step p{margin:.5rem 0 0}

/* Tamaños texto */
.fs-1{font-size: 5rem;}
.fs-2{font-size: 3rem;}
.fs-3{font-size: 1.5rem;}
.fs-4{font-size: 1.25rem;}
.fs-5{font-size: 1rem;}
.fs-6{font-size: 0.75rem;}

/* Formulario */
form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-wrap{padding:24px}
label{font-weight:600}
input,select,textarea{width:100%;padding:.9rem;border:1.5px solid #d8dde6;border-radius:12px;background:#fff}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-2);box-shadow:0 0 0 3px rgba(22,160,133,.12)}
.full{grid-column:1/-1}
.hint{color:var(--muted);font-size:.92rem}
.error{color:#b00020;font-size:.88rem}

/* Negocios adheridos */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.chip{padding:.5rem 1rem;border-radius:999px;border:1px solid #cfd6e3;background:#fff;cursor:pointer}
.chip.active{background:var(--brand);color:#fff;border-color:var(--brand)}
.biz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.biz{padding:16px;display:flex;gap:12px;align-items:flex-start}
.biz img{width:90px;height:90px;border-radius:10px;border:1px solid #eee;object-fit:cover}
.biz .name{font-weight:700}
.biz .cat{color:var(--muted);font-size:.9rem}

/* FAQ */
details{background:#fff;border-radius:12px;padding:16px}
summary{cursor:pointer;font-weight:700}

/* Footer */
footer{background:#0a2e23;color:#cfe9e1;padding:40px 0}
footer a{color:#cfe9e1}

/* Responsivo */
@media (max-width: 980px){
  .hero-inner{grid-template-columns:1fr}
  .grid-3,.steps,.biz-grid,form{grid-template-columns:1fr}
}

a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}

/* Header base */
.site-header{
  display:flex;justify-content:space-between;align-items:center;padding:14px 0;
}
.site-header .brand{display:flex;align-items:center;gap:.6rem;font-weight:800;color:var(--brand);text-decoration:none}
.site-header .brand img{height:56px;display:block}

/* Nav desktop */
.site-nav{display:flex;gap:50px;align-items:center}
.site-nav .btn {padding: .9rem 1.6rem;font-size: 1.1rem;border-radius: 999px;}

/* Botón menú (oculto en desktop) */
.menu-toggle{
  display:none;
  background:transparent;border:0;cursor:pointer;
  font-size:1.6rem;line-height:1;color:var(--brand);
  padding:.25rem 0;border-radius:8px;
}
.menu-toggle:focus{outline:2px solid var(--brand-2);outline-offset:2px}

/* Mobile */
@media (max-width: 980px){
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  .site-nav{
    position:absolute;
    top:64px; 
    left:0; right:0;
    display:none;
    flex-direction:column;
    gap:10px;
    padding:12px 16px;
    background:#fff;
    border-bottom:1px solid #e5e7eb;
    box-shadow:0 8px 24px rgba(0,0,0,.06);
    z-index:50;
  }
  .site-nav.open{display:flex}

  .site-nav a{
    display:block;
    padding:.6rem .4rem;
  }
}


/* Tabs de formularios */
.tabs{
  display:flex; gap:12px; background:#eaf2ef; padding:8px; border-radius:14px;
  align-items:center; justify-content:center;
}
.tabs-xl{ padding:10px; gap:25px; }

.tab{
  appearance:none; border:0; background:transparent; cursor:pointer;
  border-radius:14px; position:relative; text-align:left;
  padding:.8rem 1rem; color:var(--text); font-weight:700;
  transition:.2s transform ease, .2s box-shadow ease, .2s background-color ease;
  outline-offset:3px;
}
.tab:focus-visible{ outline:3px solid var(--brand-2); }

.tab-card{
  display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; column-gap:.8rem;
  align-items:center; min-height:92px; min-width:min(360px, 100%);
  background:#fff; border:2px solid #d7e4df; box-shadow:0 6px 18px rgba(0,0,0,.06);
}
.tab-card .tab-icon{
  grid-row:1 / span 2; display:inline-grid; place-items:center;
  width:44px; height:44px; border-radius:10px;
  background:var(--brand); color:#fff;
}
.tab-card .tab-title{
  font-size:1.25rem; letter-spacing:.2px; color:#0b3d2e;
}
.tab-card .tab-sub{
  font-size:.9rem; font-weight:600; color:#3c645a; opacity:.9;
}

.tab-card:hover{ transform:translateY(-1px); }
.tab-card.active{
  background:linear-gradient(180deg, #0f5a45 0%, #0b3d2e 100%);
  border-color:#0b3d2e; color:#eafff6;
  box-shadow:0 10px 24px rgba(0,0,0,.14);
}
.tab-card.active .tab-title,
.tab-card.active .tab-sub{ color:#eafff6; }
.tab-card.active .tab-icon{ background:#ffd166; color:#2b1d00; }

.tab-pane{ margin-top:16px; }
.tab-pane[hidden]{ display:none; }

/* Tabs apiladas en móvil */
@media (max-width: 980px){
  .tabs{
    flex-direction: column;
    align-items: stretch; 
    gap: 10px; 
  }

  .tab{ 
    width: 100%; 
  }

  .tab-card{
    min-width: 0;
    width: 100%; 
  }

  .tab-card{ min-height: 80px; }
}

/* --- Modal bases --- */
.modal-overlay{
  position: fixed; inset: 0;
  background: rgba(0,0,0,.45);
  display: none; align-items: center; justify-content: center;
  z-index: 1000; padding: 20px;
}
.modal-overlay.open{ display: flex; }

.modal{
  width: min(920px, 96vw);
  max-height: 88vh;
  background: #fff; border-radius: 16px;
  box-shadow: 0 24px 60px rgba(0,0,0,.25);
  display: grid; grid-template-rows: auto 1fr auto; overflow: hidden;
}
	@media (max-width: 980px){
		.modal h2 {
			line-height: 1.2;
		}
	}
.modal-head{
  display: flex; align-items: center; gap: 12px;
  padding: 16px 18px; border-bottom: 1px solid #e5e7eb; background: #fafafa;
}
.modal-title{ margin: 0; font-size: 1.25rem; }
.modal-close{
  margin-left: 8px; appearance: none; border:0; background: transparent;
  font-size: 1.25rem; line-height: 1; cursor: pointer; color: var(--text);
}
.lang-switch{
  margin-left: auto; display: inline-flex; border: 1px solid #d9dee7;
  border-radius: 999px; overflow: hidden; background: #fff;
}
.lang-btn{
  appearance: none; border:0; background: transparent; cursor: pointer;
  padding: .45rem .75rem; font-weight: 700; color: var(--text);
}
.lang-btn.active{ background: var(--brand); color: #fff; }

.modal-body{
  padding: 18px; overflow: auto; line-height: 1.6;
}
.modal-body h4{ margin: 1rem 0 .4rem; }
.modal-body ol, .modal-body ul{ padding-left: 1.25rem; }

.modal-foot{
  padding: 14px 18px; border-top: 1px solid #e5e7eb; background: #fafafa;
  display:flex; justify-content:flex-end; gap:10px;
}

/* Bloquear scroll del body cuando la modal está abierta */
body.modal-open{ overflow: hidden; }


#whatsapp-chat {
	background: url('icon-whatsapp.png') no-repeat;
	bottom: 15px;
	left: 15px;
	padding: 30px 30px;
	position: fixed;
	transition: transform .2s;
}
#whatsapp-chat:hover {
	transform: scale(1.1);
}



/* Media */
/* Escala: 0, 0.25rem, 0.5rem, 1rem, 1.5rem, 2rem */

/* ---- Base (sin breakpoint) ---- */
.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-top:0;margin-bottom:0}
.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}

.m-1{margin:.25rem}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}
.p-1{padding:.25rem}.pt-1{padding-top:.25rem}.pr-1{padding-right:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}

.m-2{margin:.5rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}
.p-2{padding:.5rem}.pt-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}

.m-3{margin:1rem}.mt-3{margin-top:1rem}.mr-3{margin-right:1rem}.mb-3{margin-bottom:1rem}.ml-3{margin-left:1rem}.mx-3{margin-left:1rem;margin-right:1rem}.my-3{margin-top:1rem;margin-bottom:1rem}
.p-3{padding:1rem}.pt-3{padding-top:1rem}.pr-3{padding-right:1rem}.pb-3{padding-bottom:1rem}.pl-3{padding-left:1rem}.px-3{padding-left:1rem;padding-right:1rem}.py-3{padding-top:1rem;padding-bottom:1rem}

.m-4{margin:1.5rem}.mt-4{margin-top:1.5rem}.mr-4{margin-right:1.5rem}.mb-4{margin-bottom:1.5rem}.ml-4{margin-left:1.5rem}.mx-4{margin-left:1.5rem;margin-right:1.5rem}.my-4{margin-top:1.5rem;margin-bottom:1.5rem}
.p-4{padding:1.5rem}.pt-4{padding-top:1.5rem}.pr-4{padding-right:1.5rem}.pb-4{padding-bottom:1.5rem}.pl-4{padding-left:1.5rem}.px-4{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1.5rem;padding-bottom:1.5rem}

.m-5{margin:2rem}.mt-5{margin-top:2rem}.mr-5{margin-right:2rem}.mb-5{margin-bottom:2rem}.ml-5{margin-left:2rem}.mx-5{margin-left:2rem;margin-right:2rem}.my-5{margin-top:2rem;margin-bottom:2rem}
.p-5{padding:2rem}.pt-5{padding-top:2rem}.pr-5{padding-right:2rem}.pb-5{padding-bottom:2rem}.pl-5{padding-left:2rem}.px-5{padding-left:2rem;padding-right:2rem}.py-5{padding-top:2rem;padding-bottom:2rem}

/* ---- Breakpoints ---- */

/* XS */
@media (min-width:480px){
  .m-xs-0{margin:0}.mt-xs-0{margin-top:0}.mr-xs-0{margin-right:0}.mb-xs-0{margin-bottom:0}.ml-xs-0{margin-left:0}.mx-xs-0{margin-left:0;margin-right:0}.my-xs-0{margin-top:0;margin-bottom:0}
  .p-xs-0{padding:0}.pt-xs-0{padding-top:0}.pr-xs-0{padding-right:0}.pb-xs-0{padding-bottom:0}.pl-xs-0{padding-left:0}.px-xs-0{padding-left:0;padding-right:0}.py-xs-0{padding-top:0;padding-bottom:0}

  .m-xs-1{margin:.25rem}.mt-xs-1{margin-top:.25rem}.mr-xs-1{margin-right:.25rem}.mb-xs-1{margin-bottom:.25rem}.ml-xs-1{margin-left:.25rem}.mx-xs-1{margin-left:.25rem;margin-right:.25rem}.my-xs-1{margin-top:.25rem;margin-bottom:.25rem}
  .p-xs-1{padding:.25rem}.pt-xs-1{padding-top:.25rem}.pr-xs-1{padding-right:.25rem}.pb-xs-1{padding-bottom:.25rem}.pl-xs-1{padding-left:.25rem}.px-xs-1{padding-left:.25rem;padding-right:.25rem}.py-xs-1{padding-top:.25rem;padding-bottom:.25rem}

  .m-xs-2{margin:.5rem}.mt-xs-2{margin-top:.5rem}.mr-xs-2{margin-right:.5rem}.mb-xs-2{margin-bottom:.5rem}.ml-xs-2{margin-left:.5rem}.mx-xs-2{margin-left:.5rem;margin-right:.5rem}.my-xs-2{margin-top:.5rem;margin-bottom:.5rem}
  .p-xs-2{padding:.5rem}.pt-xs-2{padding-top:.5rem}.pr-xs-2{padding-right:.5rem}.pb-xs-2{padding-bottom:.5rem}.pl-xs-2{padding-left:.5rem}.px-xs-2{padding-left:.5rem;padding-right:.5rem}.py-xs-2{padding-top:.5rem;padding-bottom:.5rem}

  .m-xs-3{margin:1rem}.mt-xs-3{margin-top:1rem}.mr-xs-3{margin-right:1rem}.mb-xs-3{margin-bottom:1rem}.ml-xs-3{margin-left:1rem}.mx-xs-3{margin-left:1rem;margin-right:1rem}.my-xs-3{margin-top:1rem;margin-bottom:1rem}
  .p-xs-3{padding:1rem}.pt-xs-3{padding-top:1rem}.pr-xs-3{padding-right:1rem}.pb-xs-3{padding-bottom:1rem}.pl-xs-3{padding-left:1rem}.px-xs-3{padding-left:1rem;padding-right:1rem}.py-xs-3{padding-top:1rem;padding-bottom:1rem}

  .m-xs-4{margin:1.5rem}.mt-xs-4{margin-top:1.5rem}.mr-xs-4{margin-right:1.5rem}.mb-xs-4{margin-bottom:1.5rem}.ml-xs-4{margin-left:1.5rem}.mx-xs-4{margin-left:1.5rem;margin-right:1.5rem}.my-xs-4{margin-top:1.5rem;margin-bottom:1.5rem}
  .p-xs-4{padding:1.5rem}.pt-xs-4{padding-top:1.5rem}.pr-xs-4{padding-right:1.5rem}.pb-xs-4{padding-bottom:1.5rem}.pl-xs-4{padding-left:1.5rem}.px-xs-4{padding-left:1.5rem;padding-right:1.5rem}.py-xs-4{padding-top:1.5rem;padding-bottom:1.5rem}

  .m-xs-5{margin:2rem}.mt-xs-5{margin-top:2rem}.mr-xs-5{margin-right:2rem}.mb-xs-5{margin-bottom:2rem}.ml-xs-5{margin-left:2rem}.mx-xs-5{margin-left:2rem;margin-right:2rem}.my-xs-5{margin-top:2rem;margin-bottom:2rem}
  .p-xs-5{padding:2rem}.pt-xs-5{padding-top:2rem}.pr-xs-5{padding-right:2rem}.pb-xs-5{padding-bottom:2rem}.pl-xs-5{padding-left:2rem}.px-xs-5{padding-left:2rem;padding-right:2rem}.py-xs-5{padding-top:2rem;padding-bottom:2rem}
}

/* SM */
@media (min-width:640px){
  .m-sm-0{margin:0}.mt-sm-0{margin-top:0}.mr-sm-0{margin-right:0}.mb-sm-0{margin-bottom:0}.ml-sm-0{margin-left:0}.mx-sm-0{margin-left:0;margin-right:0}.my-sm-0{margin-top:0;margin-bottom:0}
  .p-sm-0{padding:0}.pt-sm-0{padding-top:0}.pr-sm-0{padding-right:0}.pb-sm-0{padding-bottom:0}.pl-sm-0{padding-left:0}.px-sm-0{padding-left:0;padding-right:0}.py-sm-0{padding-top:0;padding-bottom:0}

  .m-sm-1{margin:.25rem}.mt-sm-1{margin-top:.25rem}.mr-sm-1{margin-right:.25rem}.mb-sm-1{margin-bottom:.25rem}.ml-sm-1{margin-left:.25rem}.mx-sm-1{margin-left:.25rem;margin-right:.25rem}.my-sm-1{margin-top:.25rem;margin-bottom:.25rem}
  .p-sm-1{padding:.25rem}.pt-sm-1{padding-top:.25rem}.pr-sm-1{padding-right:.25rem}.pb-sm-1{padding-bottom:.25rem}.pl-sm-1{padding-left:.25rem}.px-sm-1{padding-left:.25rem;padding-right:.25rem}.py-sm-1{padding-top:.25rem;padding-bottom:.25rem}

  .m-sm-2{margin:.5rem}.mt-sm-2{margin-top:.5rem}.mr-sm-2{margin-right:.5rem}.mb-sm-2{margin-bottom:.5rem}.ml-sm-2{margin-left:.5rem}.mx-sm-2{margin-left:.5rem;margin-right:.5rem}.my-sm-2{margin-top:.5rem;margin-bottom:.5rem}
  .p-sm-2{padding:.5rem}.pt-sm-2{padding-top:.5rem}.pr-sm-2{padding-right:.5rem}.pb-sm-2{padding-bottom:.5rem}.pl-sm-2{padding-left:.5rem}.px-sm-2{padding-left:.5rem;padding-right:.5rem}.py-sm-2{padding-top:.5rem;padding-bottom:.5rem}

  .m-sm-3{margin:1rem}.mt-sm-3{margin-top:1rem}.mr-sm-3{margin-right:1rem}.mb-sm-3{margin-bottom:1rem}.ml-sm-3{margin-left:1rem}.mx-sm-3{margin-left:1rem;margin-right:1rem}.my-sm-3{margin-top:1rem;margin-bottom:1rem}
  .p-sm-3{padding:1rem}.pt-sm-3{padding-top:1rem}.pr-sm-3{padding-right:1rem}.pb-sm-3{padding-bottom:1rem}.pl-sm-3{padding-left:1rem}.px-sm-3{padding-left:1rem;padding-right:1rem}.py-sm-3{padding-top:1rem;padding-bottom:1rem}

  .m-sm-4{margin:1.5rem}.mt-sm-4{margin-top:1.5rem}.mr-sm-4{margin-right:1.5rem}.mb-sm-4{margin-bottom:1.5rem}.ml-sm-4{margin-left:1.5rem}.mx-sm-4{margin-left:1.5rem;margin-right:1.5rem}.my-sm-4{margin-top:1.5rem;margin-bottom:1.5rem}
  .p-sm-4{padding:1.5rem}.pt-sm-4{padding-top:1.5rem}.pr-sm-4{padding-right:1.5rem}.pb-sm-4{padding-bottom:1.5rem}.pl-sm-4{padding-left:1.5rem}.px-sm-4{padding-left:1.5rem;padding-right:1.5rem}.py-sm-4{padding-top:1.5rem;padding-bottom:1.5rem}

  .m-sm-5{margin:2rem}.mt-sm-5{margin-top:2rem}.mr-sm-5{margin-right:2rem}.mb-sm-5{margin-bottom:2rem}.ml-sm-5{margin-left:2rem}.mx-sm-5{margin-left:2rem;margin-right:2rem}.my-sm-5{margin-top:2rem;margin-bottom:2rem}
  .p-sm-5{padding:2rem}.pt-sm-5{padding-top:2rem}.pr-sm-5{padding-right:2rem}.pb-sm-5{padding-bottom:2rem}.pl-sm-5{padding-left:2rem}.px-sm-5{padding-left:2rem;padding-right:2rem}.py-sm-5{padding-top:2rem;padding-bottom:2rem}
}

/* MD */
@media (min-width:768px){
  .m-md-0{margin:0}.mt-md-0{margin-top:0}.mr-md-0{margin-right:0}.mb-md-0{margin-bottom:0}.ml-md-0{margin-left:0}.mx-md-0{margin-left:0;margin-right:0}.my-md-0{margin-top:0;margin-bottom:0}
  .p-md-0{padding:0}.pt-md-0{padding-top:0}.pr-md-0{padding-right:0}.pb-md-0{padding-bottom:0}.pl-md-0{padding-left:0}.px-md-0{padding-left:0;padding-right:0}.py-md-0{padding-top:0;padding-bottom:0}

  .m-md-1{margin:.25rem}.mt-md-1{margin-top:.25rem}.mr-md-1{margin-right:.25rem}.mb-md-1{margin-bottom:.25rem}.ml-md-1{margin-left:.25rem}.mx-md-1{margin-left:.25rem;margin-right:.25rem}.my-md-1{margin-top:.25rem;margin-bottom:.25rem}
  .p-md-1{padding:.25rem}.pt-md-1{padding-top:.25rem}.pr-md-1{padding-right:.25rem}.pb-md-1{padding-bottom:.25rem}.pl-md-1{padding-left:.25rem}.px-md-1{padding-left:.25rem;padding-right:.25rem}.py-md-1{padding-top:.25rem;padding-bottom:.25rem}

  .m-md-2{margin:.5rem}.mt-md-2{margin-top:.5rem}.mr-md-2{margin-right:.5rem}.mb-md-2{margin-bottom:.5rem}.ml-md-2{margin-left:.5rem}.mx-md-2{margin-left:.5rem;margin-right:.5rem}.my-md-2{margin-top:.5rem;margin-bottom:.5rem}
  .p-md-2{padding:.5rem}.pt-md-2{padding-top:.5rem}.pr-md-2{padding-right:.5rem}.pb-md-2{padding-bottom:.5rem}.pl-md-2{padding-left:.5rem}.px-md-2{padding-left:.5rem;padding-right:.5rem}.py-md-2{padding-top:.5rem;padding-bottom:.5rem}

  .m-md-3{margin:1rem}.mt-md-3{margin-top:1rem}.mr-md-3{margin-right:1rem}.mb-md-3{margin-bottom:1rem}.ml-md-3{margin-left:1rem}.mx-md-3{margin-left:1rem;margin-right:1rem}.my-md-3{margin-top:1rem;margin-bottom:1rem}
  .p-md-3{padding:1rem}.pt-md-3{padding-top:1rem}.pr-md-3{padding-right:1rem}.pb-md-3{padding-bottom:1rem}.pl-md-3{padding-left:1rem}.px-md-3{padding-left:1rem;padding-right:1rem}.py-md-3{padding-top:1rem;padding-bottom:1rem}

  .m-md-4{margin:1.5rem}.mt-md-4{margin-top:1.5rem}.mr-md-4{margin-right:1.5rem}.mb-md-4{margin-bottom:1.5rem}.ml-md-4{margin-left:1.5rem}.mx-md-4{margin-left:1.5rem;margin-right:1.5rem}.my-md-4{margin-top:1.5rem;margin-bottom:1.5rem}
  .p-md-4{padding:1.5rem}.pt-md-4{padding-top:1.5rem}.pr-md-4{padding-right:1.5rem}.pb-md-4{padding-bottom:1.5rem}.pl-md-4{padding-left:1.5rem}.px-md-4{padding-left:1.5rem;padding-right:1.5rem}.py-md-4{padding-top:1.5rem;padding-bottom:1.5rem}

  .m-md-5{margin:2rem}.mt-md-5{margin-top:2rem}.mr-md-5{margin-right:2rem}.mb-md-5{margin-bottom:2rem}.ml-md-5{margin-left:2rem}.mx-md-5{margin-left:2rem;margin-right:2rem}.my-md-5{margin-top:2rem;margin-bottom:2rem}
  .p-md-5{padding:2rem}.pt-md-5{padding-top:2rem}.pr-md-5{padding-right:2rem}.pb-md-5{padding-bottom:2rem}.pl-md-5{padding-left:2rem}.px-md-5{padding-left:2rem;padding-right:2rem}.py-md-5{padding-top:2rem;padding-bottom:2rem}
}

/* LG */
@media (min-width:1024px){
  .m-lg-0{margin:0}.mt-lg-0{margin-top:0}.mr-lg-0{margin-right:0}.mb-lg-0{margin-bottom:0}.ml-lg-0{margin-left:0}.mx-lg-0{margin-left:0;margin-right:0}.my-lg-0{margin-top:0;margin-bottom:0}
  .p-lg-0{padding:0}.pt-lg-0{padding-top:0}.pr-lg-0{padding-right:0}.pb-lg-0{padding-bottom:0}.pl-lg-0{padding-left:0}.px-lg-0{padding-left:0;padding-right:0}.py-lg-0{padding-top:0;padding-bottom:0}

  .m-lg-1{margin:.25rem}.mt-lg-1{margin-top:.25rem}.mr-lg-1{margin-right:.25rem}.mb-lg-1{margin-bottom:.25rem}.ml-lg-1{margin-left:.25rem}.mx-lg-1{margin-left:.25rem;margin-right:.25rem}.my-lg-1{margin-top:.25rem;margin-bottom:.25rem}
  .p-lg-1{padding:.25rem}.pt-lg-1{padding-top:.25rem}.pr-lg-1{padding-right:.25rem}.pb-lg-1{padding-bottom:.25rem}.pl-lg-1{padding-left:.25rem}.px-lg-1{padding-left:.25rem;padding-right:.25rem}.py-lg-1{padding-top:.25rem;padding-bottom:.25rem}

  .m-lg-2{margin:.5rem}.mt-lg-2{margin-top:.5rem}.mr-lg-2{margin-right:.5rem}.mb-lg-2{margin-bottom:.5rem}.ml-lg-2{margin-left:.5rem}.mx-lg-2{margin-left:.5rem;margin-right:.5rem}.my-lg-2{margin-top:.5rem;margin-bottom:.5rem}
  .p-lg-2{padding:.5rem}.pt-lg-2{padding-top:.5rem}.pr-lg-2{padding-right:.5rem}.pb-lg-2{padding-bottom:.5rem}.pl-lg-2{padding-left:.5rem}.px-lg-2{padding-left:.5rem;padding-right:.5rem}.py-lg-2{padding-top:.5rem;padding-bottom:.5rem}

  .m-lg-3{margin:1rem}.mt-lg-3{margin-top:1rem}.mr-lg-3{margin-right:1rem}.mb-lg-3{margin-bottom:1rem}.ml-lg-3{margin-left:1rem}.mx-lg-3{margin-left:1rem;margin-right:1rem}.my-lg-3{margin-top:1rem;margin-bottom:1rem}
  .p-lg-3{padding:1rem}.pt-lg-3{padding-top:1rem}.pr-lg-3{padding-right:1rem}.pb-lg-3{padding-bottom:1rem}.pl-lg-3{padding-left:1rem}.px-lg-3{padding-left:1rem;padding-right:1rem}.py-lg-3{padding-top:1rem;padding-bottom:1rem}

  .m-lg-4{margin:1.5rem}.mt-lg-4{margin-top:1.5rem}.mr-lg-4{margin-right:1.5rem}.mb-lg-4{margin-bottom:1.5rem}.ml-lg-4{margin-left:1.5rem}.mx-lg-4{margin-left:1.5rem;margin-right:1.5rem}.my-lg-4{margin-top:1.5rem;margin-bottom:1.5rem}
  .p-lg-4{padding:1.5rem}.pt-lg-4{padding-top:1.5rem}.pr-lg-4{padding-right:1.5rem}.pb-lg-4{padding-bottom:1.5rem}.pl-lg-4{padding-left:1.5rem}.px-lg-4{padding-left:1.5rem;padding-right:1.5rem}.py-lg-4{padding-top:1.5rem;padding-bottom:1.5rem}

  .m-lg-5{margin:2rem}.mt-lg-5{margin-top:2rem}.mr-lg-5{margin-right:2rem}.mb-lg-5{margin-bottom:2rem}.ml-lg-5{margin-left:2rem}.mx-lg-5{margin-left:2rem;margin-right:2rem}.my-lg-5{margin-top:2rem;margin-bottom:2rem}
  .p-lg-5{padding:2rem}.pt-lg-5{padding-top:2rem}.pr-lg-5{padding-right:2rem}.pb-lg-5{padding-bottom:2rem}.pl-lg-5{padding-left:2rem}.px-lg-5{padding-left:2rem;padding-right:2rem}.py-lg-5{padding-top:2rem;padding-bottom:2rem}
}

/* XL */
@media (min-width:1280px){
  .m-xl-0{margin:0}.mt-xl-0{margin-top:0}.mr-xl-0{margin-right:0}.mb-xl-0{margin-bottom:0}.ml-xl-0{margin-left:0}.mx-xl-0{margin-left:0;margin-right:0}.my-xl-0{margin-top:0;margin-bottom:0}
  .p-xl-0{padding:0}.pt-xl-0{padding-top:0}.pr-xl-0{padding-right:0}.pb-xl-0{padding-bottom:0}.pl-xl-0{padding-left:0}.px-xl-0{padding-left:0;padding-right:0}.py-xl-0{padding-top:0;padding-bottom:0}

  .m-xl-1{margin:.25rem}.mt-xl-1{margin-top:.25rem}.mr-xl-1{margin-right:.25rem}.mb-xl-1{margin-bottom:.25rem}.ml-xl-1{margin-left:.25rem}.mx-xl-1{margin-left:.25rem;margin-right:.25rem}.my-xl-1{margin-top:.25rem;margin-bottom:.25rem}
  .p-xl-1{padding:.25rem}.pt-xl-1{padding-top:.25rem}.pr-xl-1{padding-right:.25rem}.pb-xl-1{padding-bottom:.25rem}.pl-xl-1{padding-left:.25rem}.px-xl-1{padding-left:.25rem;padding-right:.25rem}.py-xl-1{padding-top:.25rem;padding-bottom:.25rem}

  .m-xl-2{margin:.5rem}.mt-xl-2{margin-top:.5rem}.mr-xl-2{margin-right:.5rem}.mb-xl-2{margin-bottom:.5rem}.ml-xl-2{margin-left:.5rem}.mx-xl-2{margin-left:.5rem;margin-right:.5rem}.my-xl-2{margin-top:.5rem;margin-bottom:.5rem}
  .p-xl-2{padding:.5rem}.pt-xl-2{padding-top:.5rem}.pr-xl-2{padding-right:.5rem}.pb-xl-2{padding-bottom:.5rem}.pl-xl-2{padding-left:.5rem}.px-xl-2{padding-left:.5rem;padding-right:.5rem}.py-xl-2{padding-top:.5rem;padding-bottom:.5rem}

  .m-xl-3{margin:1rem}.mt-xl-3{margin-top:1rem}.mr-xl-3{margin-right:1rem}.mb-xl-3{margin-bottom:1rem}.ml-xl-3{margin-left:1rem}.mx-xl-3{margin-left:1rem;margin-right:1rem}.my-xl-3{margin-top:1rem;margin-bottom:1rem}
  .p-xl-3{padding:1rem}.pt-xl-3{padding-top:1rem}.pr-xl-3{padding-right:1rem}.pb-xl-3{padding-bottom:1rem}.pl-xl-3{padding-left:1rem}.px-xl-3{padding-left:1rem;padding-right:1rem}.py-xl-3{padding-top:1rem;padding-bottom:1rem}

  .m-xl-4{margin:1.5rem}.mt-xl-4{margin-top:1.5rem}.mr-xl-4{margin-right:1.5rem}.mb-xl-4{margin-bottom:1.5rem}.ml-xl-4{margin-left:1.5rem}.mx-xl-4{margin-left:1.5rem;margin-right:1.5rem}.my-xl-4{margin-top:1.5rem;margin-bottom:1.5rem}
  .p-xl-4{padding:1.5rem}.pt-xl-4{padding-top:1.5rem}.pr-xl-4{padding-right:1.5rem}.pb-xl-4{padding-bottom:1.5rem}.pl-xl-4{padding-left:1.5rem}.px-xl-4{padding-left:1.5rem;padding-right:1.5rem}.py-xl-4{padding-top:1.5rem;padding-bottom:1.5rem}

  .m-xl-5{margin:2rem}.mt-xl-5{margin-top:2rem}.mr-xl-5{margin-right:2rem}.mb-xl-5{margin-bottom:2rem}.ml-xl-5{margin-left:2rem}.mx-xl-5{margin-left:2rem;margin-right:2rem}.my-xl-5{margin-top:2rem;margin-bottom:2rem}
  .p-xl-5{padding:2rem}.pt-xl-5{padding-top:2rem}.pr-xl-5{padding-right:2rem}.pb-xl-5{padding-bottom:2rem}.pl-xl-5{padding-left:2rem}.px-xl-5{padding-left:2rem;padding-right:2rem}.py-xl-5{padding-top:2rem;padding-bottom:2rem}
}