/*
Theme Name: LS do Brasil
Theme URI: https://www.lsdobrasil.com.br/
Description: Tema desenvolvido para atender as necessidades da LS do Brasil
Author: MMT Mídia
Template: hello-elementor
Author URI: https://mmtmidia.com
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* Add your custom styles here */

html{
    font-size: 62.5%;
}

b, strong{
	font-weight: 700!important;
}

/* ==================================================
  MENU
================================================== */

.btn-area-cliente a i {
    margin-right: 8px!important
}


/* ==================================================
   DIFERENCIAIS – ESTRUTURA BASE
================================================== */

.diferenciais {
    background-color: #fff;
}

/* ==================================================
   TÍTULO DA SEÇÃO
================================================== */

.diferenciais .diferenciais-title {
    font-family: 'Sarabun', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 32px;
    color: #084478;
}

/* ==================================================
   GRID
================================================== */

.diferenciais .diferenciais-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
	grid-auto-rows: 1fr;
}

/* ==================================================
   CARD
================================================== */

.diferenciais .diferencial-card {
   position: relative;
    padding: 32px 24px 28px;
    border: 2px solid #1e5fa3;
    border-radius: 14px;
    background-color: #F7F7F7;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ==================================================
   NÚMERO DO CARD
================================================== */

.diferenciais .diferencial-card .diferencial-number {  
   
   width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #e5e5e5;
    color: #2f6f5c;
    font-family: 'Sarabun', sans-serif;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ==================================================
   TÍTULO DO CARD
================================================== */

.diferenciais .diferencial-card .diferencial-heading {
    font-family: 'Sarabun', sans-serif;
    font-size: 2.2rem;
    font-weight: 700; /* Semibold */
    color: #0d3c61;
    margin-bottom: 8px;
}

/* ==================================================
   TEXTO DO CARD
================================================== */

.diferenciais .diferencial-card .diferencial-text {
    font-family: 'Sarabun', sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.3;
    color: #000;
	
}

.diferenciais .diferencial-card .diferencial-text ul {
    padding-left: 20px;
}

/* ==================================================
   RESPONSIVO
================================================== */

/* Até 1200px → 3 colunas */
@media (max-width: 1200px) {
    .diferenciais .diferenciais-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Até 1024px → 2 colunas */
@media (max-width: 1024px) {
    .diferenciais .diferenciais-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Até 500px → 1 coluna */
@media (max-width: 500px) {
    .diferenciais .diferenciais-grid {
        grid-template-columns: 1fr;
    }
}

	
	/* ==================================================
   NÚMERO DO CARD
================================================== */

.diferenciais .diferencial-card .diferencial-number {  
   
   width: 40px;
    height: 40px;   
    font-size: 1.8;
  
}

/* ==================================================
   TÍTULO DO CARD
================================================== */

.diferenciais .diferencial-card .diferencial-heading {
    
    font-size: 1.8rem;
}

/* ==================================================
   TEXTO DO CARD
================================================== */

.diferenciais .diferencial-card .diferencial-text {
    
    font-size: 1.6rem;
}
}