/*
 <link rel="stylesheet" href="/portals/0/Cassonetti/4a/css/verde.css">
*/


/* ===== Palette ===== */
  :root{
    --green:#0b7a5c;
    --green-mid:#107f5f;
    --green-soft:#d6e7cf;
    --text:#1c2f27;
  }

  .sheet{max-width:930px;margin:20px auto;border:1px solid #e3e3e3;background:#fff;color:var(--text);}

  /* ===== HEADER WITH TITLE AND QR ===== */
  .header-title{
    border:0px solid #f0c83c; /* contorno giallo come nell’immagine */
    padding:18px 20px 10px;
    margin:18px 18px 10px;
  }
  .header-title .left{
    font-weight:800;
    text-transform:uppercase;
    color:#0b7a5c;
    line-height:1.1;
  }
  .header-title .left .sub{
    display:block;
    color:#107f5f;
    font-size:24px;
  }
  .header-title .left .main{
    font-size:26px;
    color:#1c1c1c;
  }
  .header-title .qr img{
    max-width:100px;
  }

  /* ===== INTRO ===== */
  .intro{padding:16px 18px 8px;line-height:1.55;font-size:15px;}
  .intro strong{color:#000;}
  .intro .price{color:#0b7a5c;font-weight:800;}

  /* ===== SECTION TITLE ===== */
  .section-title{background:var(--green);color:#fff;text-align:center;text-transform:uppercase;font-weight:800;}
  .section-title .cell{padding:10px 16px;letter-spacing:.4px;font-size:20px;}

  /* ===== BODY COLUMNS ===== */
  .body-cols{padding:16px 18px;}
  .body-cols p{margin:0 0 10px;line-height:1.65;}
  .body-cols .emph{color:var(--green-mid);font-weight:800;text-transform:uppercase;}
  .body-cols .emph2{color:var(--green-mid);font-weight:700;}
  .dropcap:first-letter{
    float:left;font-size:38px;line-height:34px;padding-right:6px;color:var(--green-mid);font-weight:700;
  }

  /* ===== CAPTION ABOVE PHOTO ===== */
  .caption-bar{
    background:var(--green-mid);
    color:#fff;
    font-weight:700;
    padding:10px 16px;
    margin:6px 18px 0;
    font-size:18px;
    letter-spacing:.3px;
    text-align:center;
  }

  /* ===== PHOTO ===== */
  .photo-wrap{padding:12px 18px 18px;}
  .photo{
    width:100%;
    height:320px;
    background:#FFFFFF url('cassonetti-placeholder.jpg') center/cover no-repeat;
    /*border:0px solid #ddd;*/
  }
  .badge-40{
    position:absolute;
    right:24px;
    bottom:34px;
    background:#ffd54f;
    color:#000;
    padding:4px 8px;
    border-radius:3px;
    font-weight:700;
  }

  /* ===== RESPONSIVE ===== */
  @media (min-width:768px){
    .body-cols .col-sm-6{padding-left:0;padding-right:0;}
  }
  @media (max-width:767px){
    .header-title .qr{text-align:center;margin-top:10px;}
    .header-title .left{text-align:center;}
    .section-title .cell{font-size:18px;}
    .photo{height:220px;}
  }