/* Auto-generated classes to replace former inline styles */
.u-revenda-de-hospedagem-30-dias-gratis-1{color:#ff0;}
.u-revenda-de-hospedagem-30-dias-gratis-2{color:#d0daff;}
.u-revenda-de-hospedagem-30-dias-gratis-3{font-size:20px; color:#d0daff;}
.u-revenda-de-hospedagem-30-dias-gratis-4{color:#d0daff; text-align:justify;}
.u-revenda-de-hospedagem-30-dias-gratis-5{font-size:18px; text-align:left;}
.u-revenda-de-hospedagem-30-dias-gratis-6{color:#d0daff;font-size:28px;font-family:Georgia;}
.u-revenda-de-hospedagem-30-dias-gratis-7{text-decoration:line-through;}
.u-revenda-de-hospedagem-30-dias-gratis-8{text-align:center;}
.u-revenda-de-hospedagem-30-dias-gratis-9{color:blue;}
.u-revenda-de-hospedagem-30-dias-gratis-10{color:#2c2c2c;font-size:28px;font-family:Georgia;}
.u-revenda-de-hospedagem-30-dias-gratis-11{color:green;}
.u-revenda-de-hospedagem-30-dias-gratis-12{text-align: justify;}
.u-revenda-de-hospedagem-30-dias-gratis-13{text-align:center; font-size:18px;}
.u-revenda-de-hospedagem-30-dias-gratis-14{font-size:16px; text-align:center;}
.u-revenda-de-hospedagem-30-dias-gratis-15{font-size:18px;}
.u-revenda-de-hospedagem-30-dias-gratis-16{display: none;}



/* ================================
   SEÇÃO EXTRA DE VÍDEO
================================ */

.u-video-extra {
  background-color: #000000;
  padding: 80px 0;
}

.u-video-title {
  color: #ffffff;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 15px;
}

.u-video-text {
  color: #e0e0e0;
  font-size: 18px;
  line-height: 1.6;
}

.u-video-player {
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}




/* ================================
   centalização da imagem na coluna de preços
================================ */
.plan-top-label{
  text-align: center;
}


.plan-top-label img{
  display: inline-block;
}





#contact .pricing-plan-1{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start; /* NÃO use space-between */
  gap:8px;
  width:100%;
}

/* 4 planos realmente colados */
#contact .pricing-plan-1 > .pricing-table{
  float:none !important;
  width:auto !important;
  box-sizing:border-box;
  margin:0 !important;

  /* conta correta com gap 8px */
  flex: 0 0 calc((100% - (8px * 3)) / 4);
  max-width: calc((100% - (8px * 3)) / 4);
}

/* responsivo */
@media (max-width: 1200px){
  #contact .pricing-plan-1 > .pricing-table{
    flex: 0 0 calc((100% - 8px) / 2);
    max-width: calc((100% - 8px) / 2);
  }
}

@media (max-width: 768px){
  #contact .pricing-plan-1 > .pricing-table{
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* segurança */
#contact .pricing-plan-1 > .pricing-table img{
  max-width:100%;
  height:auto;
}




/* Define a cor de fundo da tabela de preço */

#contact .pricing-table.premium .pricing-detail {
  background-color: #eef2ff; /* destaque premium */
}




/* caracteres especiais planos qualificacoes */

.feature-item {
  display: flex;
  align-items: center;
}

.feature-item .icon {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  fill: none;
  stroke: #f39c12;          /* laranja performance */
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}



#contact .pricing-detail ul li {
  margin-bottom: 10px;   /* + um pouco (antes estava 6px) */
}

#contact .pricing-detail h3.feature-item {
  margin: 0;
  line-height: 1.45;    /* mais respiro sem ficar exagerado */
}


/* Título dos cards (Economia, 30 dias Grátis etc) */
.u-index-9 {
  font-size: 18px;      /* diminui o tamanho */
  line-height: 1.2;    /* deixa mais compacto */
  margin-top: 6px;     /* menos espaço acima */
  margin-bottom: 4px;  /* menos espaço abaixo */
}



/* Texto abaixo dos ícones de destaque */
.u-index-10 {
  font-size: 14px;        /* diminui o tamanho do texto */
  line-height: 1.25;     /* diminui o espaço entre as linhas */
  margin-top: 6px;       /* reduz distância do título */
  margin-bottom: 0;      /* evita espaço extra embaixo */
}


/* Texto sobre box azul */

.box-pagespeed{
  background: rgba(0, 0, 0, 0.50); /* preto com 15% */
  border-left: 4px solid #2e39bf;  /* mantém identidade MyWay */
  padding: 8px 10px;
  margin: 24px 0;
  border-radius: 6px;
}

.box-pagespeed,
.box-pagespeed p{
  color: #ffffff;
}

.box-pagespeed p{
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
}

.box-pagespeed a{
  color: #d6dbff;
  font-weight: 600;
  text-decoration: underline;
}

.box-pagespeed p{
  text-align: justify;
}


/* ICONS DESTAQUE - centralizar no mobile */
.icons-destaque .row{
  text-align: center; /* fallback (caso flex não pegue em algum canto) */
}

@media (max-width: 991px){
  .icons-destaque .row{
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* centraliza o conjunto */
  }

  /* remove o "float left" do bootstrap nessas colunas */
  .icons-destaque .row > [class*="col-"]{
    float: none !important;
    display: block;
  }

  /* tablets/phones maiores: 2 por linha, centralizado */
  .icons-destaque .row > .col-sm-3{
    width: 50% !important;
  }
}

@media (max-width: 767px){
  /* celular: 1 por linha, centralizado */
  .icons-destaque .row > .col-sm-3{
    width: 100% !important;
  }
}

/* garante imagem e textos bem centralizados */
.icons-destaque .u-index-8{
  text-align: center;
}
.icons-destaque .u-index-8 img{
  display: inline-block;
}






.hero-sub {
  color: #ffffff;        /* branco */
  font-size: 20px;
  line-height: 1.5;
  margin-top: 10px;
}

.hero-sub strong {
  color: #ffeb3b;        /* amarelo destaque */
}





.section-title {
  color: #d0daff;
}