/* Gerado por migration/ferramentas/build_post_components_css.py. Custom CSS dos componentes HTML dos posts
   (product-container, pros/contras, div1, div3, destaque, estrelas). Fonte: Custom CSS por widget do
   Elementor Pro do post 517 (modelo) + div3 do 5310 + extras de outros posts. */
/* widget=html id=69edcb8 */
.div1 {
  width: 100%;
  overflow: scroll;
  border: 1px solid #777777;
  overflow-y: hidden;
}


.div1 tr:nth-child(odd)>td {
    /*background-color: #fff;*/
}

.div1 table {
  border-spacing: 0;
}

.div1 img {
  margin-top: -5px;
  display: [inline-block];
  vertical-align: middle;
}

.div1 th {
  border-left: none;
  border-right: 1px solid #bbbbbb;
  padding: 2px;
  width: 200px;
  min-width: 200px;
  position: sticky;
  top: 0;
  background: #727272;
  color: #000000;
  font-weight: negrito;
  vertical-align: middle;
}


.div1 td {
  border-left: none;
  border-right: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  width: 80px;
  min-width: 80px;
  vertical-align: middle;
  padding: 5px;
}

.div1 th:nth-child(1),
.div1 td:nth-child(1) {
  position: sticky;
  left: 0;
  width: 150px;
  min-width: 150px;
}

.div1 td:nth-child(1) {
  background: #ffebb5 !important;
  text-align: left;
  padding-right: 10px;
  font-weight: bold;
}

.div1 th:nth-child(1) {
  background: #f6f6f6;
}

.div1 th:nth-child(1),
.div1 th:nth-child(1) {
  z-index: 2;
}

.checked {
  color: orange;
}

.checked-icon {
  width: 15px;
  height: 15px;
}

.div1 .amazon-button {
  width: auto;
}

.div1 .product-image {
  /*padding: 8px 0;*/
  height: auto;
  width: 175px;
  max-width: 175px;

}

.div1 tr:nth-child(2),
.div1 tr:nth-child(3),
tr:nth-child(7) {
  font-weight: bold;
}

.div1 th:nth-child(2) {
  background-color: #000000;
  color: #ffffff;
}
.div1 th:nth-child(3) {
  background-color: #dd3333;
  color: #ffffff;
}
.div1 th:nth-child(4) {
  background-color: #1e73be;
  color: #ffffff;
}
.div1 th:nth-child(5) {
  background-color: #8224e3;
  color: #ffffff;
}
.div1 th:nth-child(6) {
  background-color: #000000;
  color: #ffffff;
}
.div1 th:nth-child(7) {
  background-color: #dd3333;
  color: #ffffff;
}
.div1 th:nth-child(8) {
  background-color: #8224e3;
  color: #ffffff;
}
.div1 th:nth-child(9) {
  background-color: #000000;
  color: #ffffff;
}
.div1 th:nth-child(10) {
  background-color: #1e73be;
  color: #ffffff;
}
.div1 th:nth-child(11) {
  background-color: #dd3333;
  color: #ffffff;
}

/* MOBILE */
@media only screen and (max-width: 600px) {
  .div1 th:nth-child(1),
  .div1 td:nth-child(1) {
    width: 80px;
    min-width: 80px;
  }

  .div1 tr {
    font-size: 0.8rem;
  }
}

.div1 a:link {
 color: #000000;
}
/* widget=html id=77e6a4a */
.pros {
            display: flex;
            background-color: rgb(34, 197, 94);
            border-radius: 5px;
            padding: 10px;
            padding-left: 15px
        }
        .textopros {
            font-family: 'Inter', sans-serif;
            color: #ffffff;
            font-weight: 600;
            font-size: 20px;
        }

@media only screen and (max-width: 768px) {
    .pros {
        flex-direction: column;
        align-items: left;
        position: relative;
    }
    
    .textopros {
        font-size: 19px;
    }
}
/* widget=html id=3d0e11d */
.contras {
            display: flex;
            background-color: rgb(239, 68, 68);
            border-radius: 5px;
            padding: 10px;
            padding-left: 15px
        }
        .textocontras {
            font-family: 'Inter', sans-serif;
            color: #ffffff;
            font-weight: 600;
            font-size: 20px;
        }

@media only screen and (max-width: 768px) {
    .contras {
        flex-direction: column;
        align-items: left;
        position: relative;
    }
    
    .textocontras {
        font-size: 19px;
    }
}
/* widget=html id=9fbed30 */
.product-container {
    display: flex;
    background-color: #fff;
    border-radius: 15px;
    padding: 8px;
    padding-top: 20px;
    padding-bottom: 30px;
    margin: 0 -80px 16px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.product-container .product-number1 {
    color: rgb(0, 0, 0);
    background-color: rgb(252, 224, 3);
    font-size: 20px;
    font-weight: 700;
    padding: 8px 12px;
    border-radius: 8px;
    height: auto;
    align-self: flex-start;
}
.product-container .product-number2 {
    color: rgb(0, 0, 0);
    background-color: rgb(161, 171, 180);
    font-size: 20px;
    font-weight: 700;
    padding: 8px 12px;
    border-radius: 8px;
    height: auto;
    align-self: flex-start;
}
.product-container .product-number3 {
    color: rgb(0, 0, 0);
    background-color: rgb(192, 112, 87);
    font-size: 20px;
    font-weight: 700;
    padding: 8px 12px;
    border-radius: 8px;
    height: auto;
    align-self: flex-start;
}
.product-container .product-image {
    width: 190px;
    height: 100%;
    margin-left: 7px;
    margin-right: 40px;
    object-fit: contain;
}
.product-container .model {
    font-size: 20px;
    padding-top: 5px;
    padding-bottom: 12px;
}
.product-container .classif {
    display: inline-block;
    font-size: 16px;
    background-color: #d9dfdd !important;
    color: #000 !important;
    font-weight: 600;
    padding: 6px;
    margin-bottom: 10px !important;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 10px;
}
.product-container .product-link {
    flex-grow: 1;
    display: flex;
}
.product-container .product-content {
    flex-grow: 1;
    align-self: center;
}
.product-container .product-title {
    color: rgb(17, 24, 39);
    margin: 0;
    font-size: 30px !important;
    font-weight: 600;
}
.product-container .product-items {
    color: rgb(107, 114, 128);
    font-size: 24px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.product-container .product-items li {
    color: rgb(0, 0, 0);
    font-size: 20px;
    position: relative;
}
.product-container .product-items li::before {
    content: "\2714";
    margin-right: 8px;
}
.product-container .product-actions {
    display: grid;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    width: 25%;
}

.product-container .product-actions a:first-child {
    margin-bottom: 20px;
}

.product-container .fa-amazon {
    margin-left: 20px;
}
.product-container .logo-ml {
    vertical-align: middle;
	width: 35px;
	height: auto;
    margin-left: 15px;
    margin-right: 25px;
}
.product-container .product-view-price {
    font-family: Roboto;
    background-color: #E53134;
    padding: 16px 30px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    margin-right: 110px;
    font-weight: 500;
}
.product-container  .product-view-price:hover {
    color: #fff;
}

@media only screen and (max-width: 768px) {
.product-container {
flex-direction: column;
align-items: center;
padding-bottom: 20px;
position: relative;
margin: 0 0 16px;
}
.product-container .product-actions a:first-child {
    margin-bottom: 15px;
}

.product-container .fa-amazon {
	margin-left: 17px;
    margin-right: 10px;
}
.product-container .logo-ml {
	margin-left: 10px;
    margin-right: 10px;
}
.product-container .classif {
margin-top: 15px;
}
.product-container .product-title {
padding-top: 10px !important;
font-size: 22px !important;
}
.product-container .product-items {

    font-size: 18px;
    padding-bottom: 5px;
    padding-right: 5px;
}
.product-container .product-items li {
font-size: 20px !important;
text-align: left;
padding-left: 15px;
}
.product-container .product-image {
padding: 5px;
margin: 0;
width: 100%;
max-height: 150px;
margin-top: -40px;
}
.product-container .product-content {
text-align: center;
margin-bottom: 16px;
}
.product-container .product-view-price {
margin: 0;
}
.product-container .product-link {
display: flex;
flex-direction: column;
}
.product-container .product-view-price {
font-size:20px;
padding: 10px 15px;
}

}
/* widget=section id=271649a */
.elementor-widget-text-editor a {
    color: black;
    text-decoration: underline !important;
}
/* widget=html id=1e75046 */
.div3 {
    font-size: 20px
}


.div3 tr:first-child th {
  font-weight: bold;
  background-color: #cfdaeb;
  color: black;
}

.div3 table td:first-child {
  vertical-align: middle;
}

.div3 tr td:first-child {
  font-weight: bold;
}

/* MOBILE */
@media only screen and (max-width: 600px) {
  .div3 th:nth-child(1),
  .div3 td:nth-child(1) {
    width: 80px;
    min-width: 80px;
  }

  .div3 tr {
    font-size: 0.8rem;
  }
}

/* ---- extras vistos em outros posts (post-5386 melhores-panelas-fogao-inducao, post-6545 melhores-panelas) ---- */
/* Estrelas de avaliacao dentro da .div1: .checked = laranja; meia estrela = .back (preta) + .fa-star-half por cima */
.fa-star-half {
    margin-left: -20px;
    color: orange;
}
@media only screen and (max-width: 600px) {
  .fa-star-half {
    margin-left: -18px;
    color: orange;
  }
}
/* Caixa de destaque */
.destaque {
    padding-left: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-left: 3px solid #c2c800;
    background-color: #FAFAFA;
    padding-right: 20px;
}
.destaque .blocotexto:not(:last-child) {
    padding-bottom: 30px;
}
.destaque .texto {
    font-size: 20px;
    font-family: 'Manrope', sans-serif;
    letter-spacing: 0.3px;
    color: #000000;
}
@media (max-width: 768px) {
    .destaque {
        padding-left: 15px;
        padding-right: 15px;
    }
    .destaque .texto {
        font-size: 19px;
    }
}
/* ---- variante do post 5310 (botao "Confira o Preço" sem icone no HTML): icone da Amazon via ::before ---- */
.product-container .product-view-price:not(:has(.fa-amazon, .logo-ml, img, svg))::before {
    content: "\f25a";
    margin-right: 15px;
    font-family: "Font Awesome 5 Free"; /* \f25a = fa-hand-pointer (solid), como no CSS original */
    font-weight: 600;
}
/* span.product-description faz o papel de .model nos posts de 2023-06/07 */
.product-container .product-description {
    display: block;
    font-size: 20px;
    padding-top: 5px;
    padding-bottom: 12px;
}