*{font-family:Arial, Helvetica, sans-serif}
	/* Fundo com imagem + overlay verde */
   	
	.navbar {
    	background-color: transparent !important;
   		border: none;
   		box-shadow: none;
	}
	.navbar a {
    	color: #fff !important;
	}
	
	.hero h1,
	.hero p {
		font-family: 'Montserrat', sans-serif;
	}
	.logo{
		border-radius:10px; margin-bottom:50px; max-height:100px
	}
	.posicao-logo{
		margin-top:50px;	
	}
	
	.hero {
	  position: relative;
	  padding: 60px 0;
	  color: #fff;
	  background: url('../img-franqueado/fundo.webp') center center no-repeat;
	  background-size: cover;
	}
	.form-group{
		color:#000;	
	}
	label {
		font-weight: normal !important;
	}
	
	/* Conteúdo por cima do fundo */
	.hero .container {
	  position: relative;
	  z-index: 2;
	}
    /*body { background:#060; }*/
    
    .hero h1 { font-size:30px; font-weight:550; line-height:40px;}
    .hero p { font-size:18px; margin-top:15px; }
    .form-box {
      background:#fff;
      padding:30px;
      border-radius:20px;
      -webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);
      box-shadow:0 0 20px rgba(0,0,0,0.1);
    }
    .btn-orange {
      background:#f28b32;
      color:#fff;
      font-size:18px;
      padding:12px;
      border-radius:50px;
     
    }
    .btn-orange:hover { background:#d67625; color:#fff; }
	
	.conteudo{background-color:#FFF; padding-top:50px; padding-bottom:50px;}
	.secao-mercado{
		background-color:#FFF; padding-top:50px; padding-bottom:50px;
	}
	.secao-mercado h1{
		font-weight:900; color:#000; line-height:45px
	}
	.secao-mercado p{
		font-size:18px; line-height:30px
	}
	
	.conteudo-topo{
			background-color:#FFF;
			padding-top:50px;
			padding-bottom:50px;
	}
	.conteudo-topo h1{
		line-height:42px
	}
	.secao-dehon {
    	background: linear-gradient(135deg, #015C41 0%, #007A56 50%, #008F60 100%);
   		color: #fff;
		position: relative;
    	overflow: hidden;
	}
	
	
	/* Seção metade imagem, metade verde */
		.secao-farmacia-manipulacao {
			display: flex;
			width: 100%;
			min-height: auto;
			background: #006034; /* verde da Dehon */
			color:#FFF;
			margin-top:50px;
		}
		.secao-farmacia-manipulacao h1{
			font-weight:700	
		}
		
		/* Lado esquerdo com imagem ocupando tudo */
		.secao-farmacia-manipulacao .lado-esquerdo {
			width: 50%;
		}
		
		.secao-farmacia-manipulacao .lado-esquerdo img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		
		/* Lado direito com fundo verde e texto */
		.secao-farmacia-manipulacao .lado-direito {
			width: 50%;
			color: #fff;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
		
		/* Botão */
		.botao-dehon {
			background: #ff7a30;
			color: #fff;
			padding: 12px 22px;
			border-radius: 30px;
			text-decoration: none;
			font-weight: bold;
		}
		
		.botao-dehon-1 {
			background: #ff7a30;
			color: #fff;
			padding: 12px 22px;
			border-radius: 30px;
			text-decoration: none;
			font-weight: bold;
			margin-left:100px;
		}
	.right-col {
			padding: 0;
	}
		
		.alinhamento {
			display: flex;
			align-items: center;
		}
	/*.secao-dehon .col-md-6:last-child {
   		 display: flex;
   		 justify-content: center;
	}*/

	.alinhamento {
		display: flex;
		align-items: center;
	}

	.texto-dehon p {
		font-size: 24px;
		line-height: 1.6em;
		font-weight: 700;
		max-width: 420px;
		margin-left:100px;
		margin-top:100px;
	}

	.img-dehon {
		width: 150%;
		height: 150%;
		object-fit: cover; /* perfeito: corta sem estourar */
		object-position: right center; /* empurra para a direita */
		border-radius: 0;
		
	   
	}


.botao-dehon {
    display: inline-block;
    margin-top: 30px;
    background: #FF7A24;
    padding: 15px 30px;
    color: #fff;
    border-radius: 40px;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}

  .benefits-section {
        padding: 40px 0;
        text-align: center;
    }

    h2.section-title {
        font-weight: 900;
        color: #007c69;
        margin-bottom: 40px;
    }

    .benefit-box {
        border: 2px solid #000;
        border-radius: 15px;
        padding: 25px 20px;
        margin-bottom: 25px;
        height: 180px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: all .3s;
        background: #fff;
		font-size:16px
    }

    .benefit-box:hover {
        box-shadow: 0px 4px 18px rgba(0,0,0,0.1);
    }

    .benefit-icon svg {
        width: 85px;
        height: 85px;
        margin-bottom: 15px;
        color: #007c69 !important; /* mesma cor do h2 */
    }
	
	 .section-green {
        background: url('../img-franqueado/banner-duplo-dehon.webp') no-repeat center center;
   		 background-size: cover;
        padding: 60px 30px;
        border-radius: 40px;
        color: #fff;
        text-align: center;
        position: relative;
        overflow: hidden;
    }

    .green-cards .card-box {
        border: 2px solid rgba(255,255,255,0.4);
        border-radius: 15px;
        padding: 25px 15px;
        margin-bottom: 25px;
        min-height: 150px;
    }

    .card-box h3 {
        font-size: 40px;
        font-weight: bold;
        margin: 0 0 10px 0;
    }

    .card-box p {
        font-size: 16px;
        margin: 0;
        opacity: 0.9;
    }

    .btn-orange {
        background: #fa7d24;
        color: #fff;
        padding: 14px 35px;
        border-radius: 30px;
        font-size: 18px;
        font-weight: bold;
        border: none;
        margin-top: 20px;
        transition: 0.3s;
    }

    .btn-orange:hover {
        background: #e96f1f;
        color: #fff;
    }
	
	.secao-fotos {
		width: 100%;
		overflow: hidden;
		margin-bottom:50px; margin-top:50px
	}
	
	.faixa-fotos {
		display: flex;
		gap: 0; /* sem espaço entre fotos */
		animation: deslizar 15s linear infinite; /* velocidade mais lenta */
	}

	.faixa-fotos img {
		height: 250px;   /* ajuste aqui */
		flex-shrink: 0;  /* impede quebra */
	}
	
	@keyframes deslizar {
		0% {
			transform: translateX(0);
		}
		100% {
			transform: translateX(-50%); /* move metade, por isso duplica */
		}
	}
	
	.secao-seja-franqueado{
		background-color: #006B53; /* verde do site Dehon */
		text-align: center;	
		color: #fff;
		height:auto;
		padding:50px;
	}
	.secao-seja-franqueado img{
		border-radius: 15px;
		margin-top:30px;
		margin-bottom:30px
	}
	.secao-seja-franqueado h1{
		font-weight:800;	
	}
	.secao-seja-franqueado p{
		font-size:16px;	
	}
	
	.secao-faixa{
		background-color:#1c1c1c;
		color:#FFF;
		padding:20px;
		font-size:16px
	}
		.secao-faixa-aviso{
		background-color:#1c1c1c;
		color:#FFF;
		padding:20px;
		font-size:12px;
		line-height:23px
	}
	
	.secao-copy{
		background-color:#018B7A;
		color:#FFF;
		padding:20px;
	}
	
	

/*-------------------------------------------------*//* versao celular */

@media(min-width: 280px) and (max-width: 750px) {
	
	.hero {
	  background: url('../img-franqueado/banner-mobile-dehon.webp') center center no-repeat;
	  position: relative;
	  padding: 60px 0;
	  color: #fff;
	  background-size: cover;
	}
	
	.logo{
		border-radius:10px; margin-bottom:20px; max-height:80px
	}
	.posicao-logo{
		margin-top:10px;	
	}
	
	.hero h1 { font-size:18px; font-weight:550; text-align:justify; line-height:25px}
	.hero p { font-size:16px; margin-top:15px; }
	
	.secao-mercado{
		background-color:#FFF; padding-top:50px; padding-bottom:50px;
	}
	.secao-mercado h1{
		font-weight:900; color:#000; font-size:24px; text-align:center
	}
	.secao-mercado p{
		font-size:16px; line-height:30px; text-align:center
	}
	
	.texto-dehon p {
		font-size: 18px;
		line-height: 1.6em;
		font-weight: 700;
		max-width: auto;
		margin-left:0px;
		margin-top:50px;
		text-align:center
	}
	
	.botao-dehon-1 {
			background: #ff7a30;
			color: #fff;
			padding: 12px 22px;
			border-radius: 30px;
			text-decoration: none;
			font-weight: bold;
			margin-left:0px;
			margin-bottom:50px; margin-top:50px; margin-left:50px;
			text-align:center;
			
	}
	
	.img-dehon {
		width: 150%;
		height: 150%;
		object-fit: cover; /* perfeito: corta sem estourar */
		object-position: right center; /* empurra para a direita */
		border-radius: 0;
		margin-top:50px;
	}
	 .secao-farmacia-manipulacao {
        flex-direction: column;
    }

    .secao-farmacia-manipulacao .lado-esquerdo,
    .secao-farmacia-manipulacao .lado-direito {
        width: 100%;
    }

    .secao-farmacia-manipulacao .lado-direito {
        padding: 30px 20px;
    }
	
}