.product-card {
      max-width: 800px;
      border: 1px solid #d9732a;
      border-radius: 8px;
	 margin-bottom: 30px;
      background: #fff;
      padding: 16px;
      position: relative;
      overflow: visible;
      box-shadow: 0 2px 6px rgba(0,0,0,0.05);
      display: flex;
      flex-wrap: wrap;
    }

    .badge {
      position: absolute;
      top: -12px; /* metade da altura da badge (24px aprox) */
      left: 10px;
      background: #d9732a;
      color: #fff;
      /*font-size: 12px;*/
      padding: 6px 14px;
      border-top-right-radius: 5px;
	  border-top-left-radius: 5px;
      border-bottom-right-radius: 5px;
      font-weight: bold;
      z-index: 2;
    }

    .left-section, .right-section {
      padding: 10px;
      box-sizing: border-box;
    }

    .left-section {
      flex: 1 1 300px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
    }

    .product-image {
      width: 100%;
      max-width: 280px;/**/
      border-radius: 6px;
	  margin-top: 70px;
      margin-bottom: 16px;
    }

    .buy-button {
      display: block;
      text-align: center;
      /*background: #ff6200;*/
      color: #ffffff !important;
      padding: 12px 20px;
      border-radius: 10px;
      text-decoration: none;
      font-weight: bold;
      transition: background 0.3s ease;
      width: 100%;
      max-width: 250px;
    }
.am-button{
	background: #ff6200;
}
.am-button:hover{
	background: #d1681d;
}
.ml-button{
	background: #2968c8;
}
.ml-button:hover{
	background: #1a54ad;
}

.tabela-2botoes-horizontais{
	width: 100%; 
	display: flex; 
	justify-content: center; 
	flex-wrap: wrap; 
	gap: 15px; 
	margin-top: 5px;
}
.horizantal-button{
	flex: 1 1 180px; 
	max-width: 250px; 
	text-align: center;
	margin-bottom: 10px;
}
.tabela-2botoes-verticais{
	max-height: 200px;
	width: 100%;
	margin:10px;
	padding: 10px;
	
}
.vertical-button{
	margin-top: 10px;  
}
   /* .buy-button:hover {
      background: #d1681d;
    }*/

    .right-section {
      flex: 2 1 400px;
    }

    .product-title {
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 8px;
      color: #333;
    }

    .rating {
      color: #F9A825;
      font-size: 14px;
      margin-bottom: 10px;
    }

    .product-description {
      font-size: 14px;
      color: #555;
      margin-bottom: 14px;
      line-height: 1.4;
    }

    .features {
      margin: 12px 0;
    }

    .features strong {
      display: block;
      margin-bottom: 8px;
      font-size: 15px;
      color: #333;
    }

    .features ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .features li {
      display: flex;
      align-items: center;
      margin-bottom: 8px;
      font-size: 14px;
      color: #555;
    }

    .features svg {
      width: 18px;
      height: 18px;
      margin-right: 8px;
      flex-shrink: 0;
    }

    /* Responsivo */
    @media (max-width: 600px) {
      .product-card {
        flex-direction: column;
		
      }

      .left-section, .right-section {
        flex: 1 1 100%;
        padding: 10px 0;
      }

      .badge {
        top: -12px;
        left: 10px;
        transform: none;
      }
    }

  /**/
    .container_Pros {
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap;
      gap: 20px;
      margin-top: 50px;
      margin-bottom: 30px;
    }
    .box {
      background-color: #fff;
      flex: 1 1 45%;
      padding: 20px;
      border-radius: 10px;
      position: relative;
      border-width: 1px;
      border-style: solid;
      box-sizing: border-box;
    }
    .pros {
      border-color: #00C853;
      color: #000;
    }
    .cons {
      border-color: #FF3D00;
      color: #000;
    }
    .title {
      font-weight: bold;
      font-size: 20px;
      margin-bottom: 15px;
      text-align: center;
    }/*
    ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }*/
.container_Pros ul {
	  margin: 0 0 0 0.2em!important;
    }
  .product-card  li, .container_Pros li{
      margin-bottom: 10px;
      display: flex;
      align-items: center;
    }/**/
    .icon {
      
      width: 24px;
      height: 24px;
      margin-right: 8px;
      flex-shrink: 0;
    }
    .top-icon {
      position: absolute;
      top: -25px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #fff;
      border-radius: 50%;
      padding: 6px;
      border: 1px solid;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
    }
    .pros .top-icon {
      border-color: #00C853;
    }
    .cons .top-icon {
      border-color: #FF3D00;
    }
    svg {
      display: block;
    }

    /* Responsivo para telas menores */
    @media (max-width: 768px) {
      .container_Pros {
        flex-direction: column;
        align-items: center;
      }
      .box {
        flex: 1 1 100%;
        max-width: 90%;
      }
    }
 /* */
    .tabela {
      display: flex;
      flex-direction: column;
      gap: 15px;
      max-width: 900px;
      margin: 0 auto;
	  margin-top: 10px;
      margin-bottom: 10px;
    }

    .linha {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      background-color: #ffffff;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    .flag-numero {
      position: absolute;
      top: 10px;
      left: 10px;
     /* width: 40px;*/
		max-width: 170px;
    	padding-left: 10px;
    	padding-right: 10px;
      height: 40px;
      background-color: #d1681d;
      color: #fff;
      font-weight: bold;
      border-radius: 10px 30% 0% 30%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.2);
      z-index: 2;
    }

    .imagem-coluna {
      flex: 1 1 200px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .imagem-coluna img {
      max-width: 70%;
      height: auto;
      display: block;
      border-radius: 0;
      padding: 20px 20px 20px 20px;
    }

    .nome-coluna {
      flex: 2 1 300px;
      padding: 10px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .nome-produto {
      font-size: 18px;
      font-weight: 600;
      text-align: center;
      margin-bottom: 8px;
    }

    .descricao-produto {
      font-size: 14px;
      color: #555;
      text-align: center;
    }

    @media (max-width: 768px) {
      .linha {
        flex-direction: column;
      }

      .imagem-coluna, .nome-coluna {
        flex: 1 1 100%;
      }
    }
/* */