/* ====== MOBILE (≤600px) ====== */
@media screen and (max-width:600px){

  /* ====== Intro ====== */
  #content-1{margin:50px 0% 0px 0%;width: 100%;padding:80px 0px 40px 0;background:#fff;position: relative;float: left}
  .content-boxes-content-1{width:90%; margin:0 auto; display:block}
  .h2-content-1{font-size:22px; font-weight:700; color:#2d2d2d; margin:0 0 12px; text-align:center}
  .p-content-1{font-size:14px; line-height:1.6; color:#585858; margin:6px 0; text-align:justify}
  .firma{font-size:13px; margin-top:12px; display:block; text-align:center; font-weight:700}
  .box-card-content-1{background:#fff; border:1px solid #e9efe9; border-radius:12px; padding:18px; margin-top:18px; box-shadow:0 6px 16px rgba(0,0,0,.05)}
  .ul-checklist{margin:0; padding:0; list-style:none}
  .li-checklist{font-family: 'Open Sans', sans-serif;display:flex; gap:8px; font-size:14px; color:#3c3c3c; padding:6px 0; border-bottom:1px dashed #eef1ee}
  .li-checklist:last-child{border-bottom:0}
  .dot-checklist{width:6px; height:6px; border-radius:50%; background:#77cc6d; margin-top:8px}

  /* ====== Presupuestos ====== */
  #content-2{padding:40px 0 20px; width:100%; background:#fff; float:left}
  .content-boxes-content-2{width:90%; margin:0 auto; display:grid; grid-template-columns:1fr; gap:18px}
  .box-content-2{background:#fff; border:1px solid #e9efe9; border-radius:12px; overflow:hidden; transition:all .2s ease}
  .box-head-content-2{display:flex; align-items:center; gap:12px; padding:16px}
  .icon-content-2{width:44px; height:44px; border-radius:10px; display:grid; place-items:center; color:#fff; font-size:22px}
  .is-presupuesto-base .icon-content-2{background:#f1c40f}
  .is-presupuesto-mediano .icon-content-2{background:#e67e22}
  .is-presupuesto-premium .icon-content-2{background:#2ecc71}
  .h2-content-2{font-size:18px; color:#2d2d2d; margin:0}
  .box-body-content-2{padding:0 16px 12px}
  .p-precio-content-2{font-size:15px; color:#6b6b6b; margin:4px 0}
  .box-cta-content-2{padding:12px 16px 16px}
  .btn-pack{font-family: 'Open Sans', sans-serif;width:100%; border:0; border-radius:10px; padding:12px; font-weight:700; font-size:15px; cursor:pointer; background:#77cc6d; color:#fff; text-align:center}
  .btn-pack:hover{filter:brightness(0.95)}
  .p-content-2{font-size:14px; line-height:1.6; color:#000; margin:20px auto 0; text-align:center; width:90%}

  /* ====== Formulario ====== */
  #content-3{padding:40px 0 20px; width:100%; background:#fff; float:left}
  .content-boxes-content-3{width:90%; margin:0 auto}
  .box-content-3{background:#fff; border:1px solid #e9efe9; border-radius:12px; padding:20px; box-shadow:0 6px 16px rgba(0,0,0,.05)}
  .h2-content-3{font-size:14px; line-height:28px; color:#2d2d2d; font-weight:700; margin:10px 0px; text-align:center}
  .p-2-content-3{font-size:13px; line-height:22px; color:#444; font-weight:600; margin:10px 0px; text-align:center}
  #formulario{display:grid; grid-template-columns:1fr; gap:14px}
  .box-form,.box-form-msj{margin:0}
  .p-content-3{margin:0 0 6px; font-size:13px; font-weight:600; color:#444; text-align:left}
  .espacio-blanco,.espacio-blanco-select,.espacio-blanco-msj{
    width:100%; border:1px solid #dfe7df; border-radius:10px; padding:10px 12px; font-size:14px; color:#222; background:#fff;
    transition:border-color .15s ease,box-shadow .15s ease
  }
  .espacio-blanco-msj{height:100px; resize:vertical}
  .espacio-blanco:focus,.espacio-blanco-select:focus,.espacio-blanco-msj:focus{
    outline:none; border-color:#77cc6d; box-shadow:0 0 0 3px rgba(119,204,109,.15)
  }
  .terms{margin:10px 0; font-size:13px; color:#555}
  #enviar{border:0; border-radius:10px; height:48px; background:#f39c12; color:#fff; font-weight:800; font-size:16px; cursor:pointer; transition:all .15s ease}
  #enviar:hover{filter:brightness(0.95)}
}


@media screen and (min-width:981px){

  /* ====== Intro ====== */
  #content-1{margin:0px 0% 0px 0%;width: 100%;padding:80px 0px 40px 0;background:#fff;position: relative;float: left}
  .content-boxes-content-1{width:1140px;margin:0 auto;display:grid;grid-template-columns:1.2fr 0.8fr;gap:40px;align-items:center}
  .h2-content-1{font-size:34px;font-weight:700;color:#2d2d2d;margin:0 0 16px}
  .p-content-1{font-size:16px;line-height:1.8;color:#585858;margin:8px 0}
  .firma{margin-top:14px;font-size:14px;font-weight:700;color:#2d2d2d}
  .box-card-content-1{background:#fff;border:1px solid #e9efe9;border-radius:14px;padding:26px;box-shadow:0 10px 25px rgba(0,0,0,.04)}
  .ul-checklist{margin:0;padding:0;list-style:none}
  .li-checklist{display:flex;gap:10px;color:#3c3c3c;padding:8px 0;border-bottom:1px dashed #eef1ee;font-family: 'Open Sans', sans-serif;}
  .li-checklist:last-child{border-bottom:0}
  .dot-checklist{width:8px;height:8px;border-radius:50%;background:#77cc6d;margin-top:10px}

  /* ====== Presupuestos ====== */
  #content-2{margin:0%;width: 100%;padding:80px 0px 40px 0;border-bottom:1px solid #eef1ee;background:#fff;position: relative;float: left}
  .content-boxes-content-2{width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .box-content-2{background:#fff;border:1px solid #e9efe9;border-radius:16px;overflow:hidden;transition:all .2s ease}
  .box-content-2:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.07);border-color:#dfe7df}
  .box-head-content-2{display:flex;align-items:center;gap:14px;padding:18px 18px 6px}
  .icon-content-2{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:28px}
  .is-presupuesto-base .icon-content-2{background:#f1c40f}
  .is-presupuesto-mediano .icon-content-2{background:#e67e22}
  .is-presupuesto-premium .icon-content-2{background:#2ecc71}
  .h2-content-2{font-size:20px;color:#2d2d2d;margin:0}
  .p-content-2{font-size:16px;line-height:1.8;color:#000;margin:20px 0%;width: 100%;position: relative;float: left;text-align: center}
    
  .box-body-content-2{padding:6px 18px 14px}
  .p-precio-content-2{font-size:18px;color:#6b6b6b;margin:0 0 16px}
  .box-cta-content-2{padding:14px 18px 20px}
  .btn-pack{font-family: 'Open Sans', sans-serif;border:0;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer;background:#77cc6d;color:#fff;transition:all .15s ease}
  .btn-pack:hover{filter:brightness(0.95)}

  /* ====== Formulario ====== */
  #content-3{margin:20px 0%;width: 100%;padding:80px 0px 40px 0;border-bottom:1px solid #eef1ee;background:#fff;position: relative;float: left}
  .content-boxes-content-3{width:50%;margin:0 25%;position: relative;float: left}
  .box-content-3{background:#fff;border:1px solid #e9efe9;border-radius:16px;padding:28px 20px;box-shadow:0 10px 25px rgba(0,0,0,.04);position: relative;float: left;width:800px;margin:0 0px 0px -400px;left: 50%;}
  .h2-content-3{font-family: 'Open Sans', sans-serif;margin:15px 0px 25px 0px;font-size:18px;line-height: 32px;color:#2d2d2d;font-weight:700;text-align:center}
    .p-2-content-3{font-family: 'Open Sans', sans-serif;margin:15px 0px 25px 0px;font-size:16px;line-height:28px;font-weight:600;color:#444;text-align:center}
  #formulario{width:400px;height: auto; margin:0px 200px;position: relative;float: left}
  .box-form,.box-form-msj{margin:5px 0}
  .p-content-3{font-family: 'Open Sans', sans-serif;margin:0 0 6px;font-size:13px;font-weight:600;color:#444;text-align:left}
  .espacio-blanco,.espacio-blanco-select,.espacio-blanco-msj{
    width:100%;border:1px solid #dfe7df;border-radius:10px;padding:10px 12px;font-size:14px;color:#222;background:#fff;
    transition:border-color .15s ease,box-shadow .15s ease
  }
  .espacio-blanco-msj{height:110px;resize:vertical}
  .espacio-blanco:focus,.espacio-blanco-select:focus,.espacio-blanco-msj:focus{
    outline:none;border-color:#77cc6d;box-shadow:0 0 0 3px rgba(119,204,109,.15)
  }
  .field-nombre{grid-column:1 / -1}
  .field-telefono{grid-column:1}
  .field-email{grid-column:2}
  .field-provincia{grid-column:1}
  .field-localidad{grid-column:2}
  .field-cuit{grid-column:1 / -1}
  .field-mensaje{grid-column:1 / -1}
  .terms{grid-column:1 / -1;margin:15px 0;font-size:13px;color:#555;font-family: 'Open Sans', sans-serif;position: relative;float: left}
  #enviar{font-family: 'Open Sans', sans-serif;grid-column:1 / -1;border:0;border-radius:12px;height:auto;background:#f39c12;color:#fff;font-weight:800;font-size:18px;cursor:pointer;transition:all .15s ease;position: relative;float: left;padding: 10px 20px;}
  #enviar:hover{filter:brightness(0.95)}
}