.elementor-3690 .elementor-element.elementor-element-0a2a055{--display:flex;--min-height:647px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-42px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3690 .elementor-element.elementor-element-340f37e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3690 .elementor-element.elementor-element-189cea4{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:93px;--margin-bottom:31px;--margin-left:54px;--margin-right:-50px;}.elementor-3690 .elementor-element.elementor-element-b5b1433 > .elementor-widget-container{margin:0px -79px 0px 23px;}.elementor-3690 .elementor-element.elementor-element-4304e4d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-450px;--margin-bottom:0px;--margin-left:200px;--margin-right:0px;}.elementor-3690 .elementor-element.elementor-element-832110d > .elementor-widget-container{margin:0200px 0px 0px 0px;}.elementor-3690 .elementor-element.elementor-element-e9e57cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:10px;--margin-bottom:102px;--margin-left:0px;--margin-right:0px;}.elementor-3690 .elementor-element.elementor-element-e9e57cd:not(.elementor-motion-effects-element-type-background), .elementor-3690 .elementor-element.elementor-element-e9e57cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3690 .elementor-element.elementor-element-374f869{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3690 .elementor-element.elementor-element-62faec9{width:100%;max-width:100%;z-index:0;}.elementor-3690 .elementor-element.elementor-element-62faec9 > .elementor-widget-container{margin:-102px 0px -56px 0px;}.elementor-3690 .elementor-element.elementor-element-942600d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:57px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3690 .elementor-element.elementor-element-f6aaddc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3690 .elementor-element.elementor-element-f6aaddc:not(.elementor-motion-effects-element-type-background), .elementor-3690 .elementor-element.elementor-element-f6aaddc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3690 .elementor-element.elementor-element-0aa97eb{--display:flex;--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3690 .elementor-element.elementor-element-0aa97eb:not(.elementor-motion-effects-element-type-background), .elementor-3690 .elementor-element.elementor-element-0aa97eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3690 .elementor-element.elementor-element-685949f.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:50px;}.elementor-3690 .elementor-element.elementor-element-685949f > .elementor-widget-container{margin:0px 0px 35px 0px;padding:-7px -7px -7px -7px;}.elementor-3690 .elementor-element.elementor-element-685949f{z-index:0;}.elementor-3690 .elementor-element.elementor-element-685949f .elementor-main-swiper{height:367px;width:100%;}.elementor-3690 .elementor-element.elementor-element-685949f .elementor-main-swiper .swiper-slide{border-radius:55px;border-color:#FFFFFF;padding:65px 65px 65px 65px;}.elementor-3690 .elementor-element.elementor-element-685949f .elementor-swiper-button{font-size:20px;}.elementor-3690 .elementor-element.elementor-element-cdb04e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:41px;--margin-bottom:26px;--margin-left:0px;--margin-right:0px;--z-index:0;}.elementor-3690 .elementor-element.elementor-element-6ca717b{width:100%;max-width:100%;}.elementor-3690 .elementor-element.elementor-element-6ca717b > .elementor-widget-container{margin:-40px 0px 74px 0px;padding:0px 0px -14px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3690 .elementor-element.elementor-element-685949f.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:767px){.elementor-3690 .elementor-element.elementor-element-0a2a055{--margin-top:-86px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3690 .elementor-element.elementor-element-189cea4{--width:500px;}.elementor-3690 .elementor-element.elementor-element-b5b1433 > .elementor-widget-container{margin:-66px 0px 0px -72px;}.elementor-3690 .elementor-element.elementor-element-e9e57cd{--margin-top:-2px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3690 .elementor-element.elementor-element-374f869{--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3690 .elementor-element.elementor-element-f6aaddc{--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3690 .elementor-element.elementor-element-685949f.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-3690 .elementor-element.elementor-element-685949f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:-18px -18px -18px -18px;}}@media(min-width:768px){.elementor-3690 .elementor-element.elementor-element-189cea4{--width:50%;}.elementor-3690 .elementor-element.elementor-element-4304e4d{--width:50%;}.elementor-3690 .elementor-element.elementor-element-0aa97eb{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-832110d */.map-container { max-width: 500px; margin: 0 auto; }
#mapa-ce { width: 50%; height: auto; display: block; }
/* impede labels de roubarem o clique */
#mapa-ce text, #mapa-ce .labels, #mapa-ce .nohit { pointer-events: none !important; }
/* garante clique nas áreas */
#mapa-ce [id], #mapa-ce path, #mapa-ce g, #mapa-ce polygon { pointer-events: all !important; cursor: pointer; }
/* força especificamente Fortaleza */
#mapa-ce #fortaleza { pointer-events: all !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e996aa *//* Cores da marca (retiradas da imagem)
   Verde escuro: #1E4B2E
   Verde claro:  #4CAF50
   Marrom:       #A65A3C
   Azul claro:   #4CA7D1
*/

/* Base */
body {
  font-family: 'Murecho', sans-serif;
  background: #f8f9fa;
  margin: 0;
  padding: 0;
}

.event-section {
  padding: 40px 20px;
  background: #ffffff;
  border-radius: 8px;
  max-width: 1300px;
  margin: auto;
}

/* Título principal */
.colorful-heading {
  font-family: 'Fredoka', sans-serif;
  font-size: clamp(2.5rem, 6vw, 60px);
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  justify-content: center;
  text-align: center;
  margin-bottom: 10px;
}

.colorful-heading span {
  display: inline-block;
  animation: wave 1.5s infinite;
}

.colorful-heading .c1 { color: #1E4B2E; animation-delay: 0s; }     /* Verde escuro */
.colorful-heading .c2 { color: #4CAF50; animation-delay: 0.1s; }   /* Verde claro */
.colorful-heading .c3 { color: #A65A3C; animation-delay: 0.2s; }   /* Marrom */
.colorful-heading .c4 { color: #4CA7D1; animation-delay: 0.3s; }   /* Azul claro */
.colorful-heading .c5 { color: #1E4B2E; animation-delay: 0.4s; }
.colorful-heading .c6 { color: #4CAF50; animation-delay: 0.5s; }

/* Subtítulo */
.subtitle {
  font-size: clamp(1rem, 2.5vw, 1.2rem);
  font-weight: 400;
  text-align: center;
  margin: 10px auto;
}

/* Linha decorativa */
.subtitle-line {
  width: 70%;
  margin-top: 50px;
  height: 2px;
  background-color: #A65A3C; /* Usando marrom da paleta */
  margin: 10px auto 30px auto;
  border: none;
}

/* Grid de cards responsivo */
.event-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 50px;
  margin-top: 100px;
}

/* Card individual */
.event-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  position: relative;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.event-card:hover {
  transform: translateY(-8px) scale(1.01);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.event-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.event-card:hover img {
  transform: scale(1.05);
}

.event-info {
  padding: 16px;
  text-align: left;
}

.event-info h3 {
  font-size: clamp(1rem, 2.5vw, 17px);
  margin-bottom: 8px;
  font-weight: 700;
  color: #1E4B2E; /* Verde escuro */
}

.event-info p {
  font-size: clamp(0.9rem, 2vw, 15px);
  margin: 4px 0;
  color: #555;
}

.event-date {
  background: #4CAF50; /* Verde claro */
  padding: 6px 12px;
  border-radius: 12px;
  font-weight: bold;
  font-size: 14px;
  color: white;
  display: inline-block;
  margin-bottom: 10px;
}

/* Link externo (↗) */
.external-link {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #4CA7D1; /* Azul claro */
  color: white;
  padding: 6px 10px;
  font-size: 14px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s ease;
}

.event-card:hover .external-link {
  background: #3a8aad;
}

/* Botão "Veja mais" */
.see-more {
  margin-top: 40px;
  margin-left: 500px;
  text-align: right;
  font-weight: bold;
  font-size: clamp(1rem, 2vw, 16px);
  cursor: pointer;
  color: #4CA7D1; /* Azul claro */
  transition: color 0.3s ease;
}

.see-more:hover {
  color: #1E4B2E; /* Verde escuro */
}

/* Animações */
.animate-container {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeUp 1.5s ease-out forwards;
  animation-delay: 0.3s;
}

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes wave {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@media (max-width: 600px) {
  .event-section {
    padding: 20px 10px;
  }

  .event-info {
    padding: 10px;
  }

  .event-card img {
    height: 120px;
  }

  .event-info h3 {
    font-size: 1rem;
  }

  .event-info p {
    font-size: 0.85rem;
  }

  .event-date {
    font-size: 12px;
    padding: 4px 8px;
  }

  .external-link {
    font-size: 11px;
    padding: 3px 6px;
  }

  .event-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ca717b *//* ===== Base ===== */
.contato-simples{
  position:relative;
  color:#fff;
  text-align:center;
  padding:72px 16px;           /* mobile-first */
  background:
    linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.45)),
    url('https://xn--destinosdocear-8gb.com.br/wp-content/uploads/2025/10/ce_jericoacoara_credito_shutterstock_216954244_jericoacoara-1.jpg')
    center/cover no-repeat;
  /* iOS: evita jank do background-attachment: fixed */
  background-attachment: scroll;
}

.contato-simples::before{ display:none } /* não precisamos do overlay separado */

.conteudo-contato{
  position:relative;
  z-index:1;
  max-width:680px;
  margin:0 auto;
}

.conteudo-contato h2{
  font-family:'Xilosa', cursive, system-ui;
  font-weight:800;
  font-size:clamp(28px, 8vw, 44px);
  line-height:1.05;
  margin:0 0 8px;
}

.conteudo-contato p{
  font-size:16px;            /* >=16px para não dar zoom no iOS */
  line-height:1.6;
  margin:0 0 20px;
  opacity:.92;
}

/* ===== Form — mobile-first em coluna ===== */
.formulario-contato{
  display:flex;
  flex-direction:column;
  gap:0;
  width:min(560px, 100%);
  margin:0 auto;
  border-radius:16px;
  background:#fff;
  box-shadow:0 14px 30px rgba(0,0,0,.18);
  overflow:hidden;
}

.formulario-contato input{
  font-size:16px;            /* evita zoom no iOS */
  padding:14px 16px;
  border:0;
  outline:0;
  color:#0f172a;
}

.formulario-contato input::placeholder{ color:#7b8a93; }

.formulario-contato button{
  display:flex; align-items:center; justify-content:center;
  padding:14px 0;
  font-size:20px;
  border:0; cursor:pointer;
  background:#00a859;        /* verde no mobile */
  color:#fff;
  transition:filter .2s, transform .05s;
}
.formulario-contato button:active{ transform:translateY(1px); }
.formulario-contato button:hover{ filter:brightness(.98); }

/* Foco visível e acessível */
.formulario-contato input:focus{
  box-shadow: inset 0 0 0 2px #00a859, 0 0 0 3px rgba(0,168,89,.25);
  border-radius:0;
}

/* Mensagem */
.contato-msg{
  margin-top:14px;
  color:#00ffae;
  font-weight:700;
}

/* ===== Telas médias e desktop: formulário em linha ===== */
@media (min-width: 641px){
  .contato-simples{ padding:96px 24px; }
  .formulario-contato{ flex-direction:row; border-radius:30px; }
  .formulario-contato input{
    flex:1; padding:16px 20px; border-radius:30px 0 0 30px;
  }
  .formulario-contato button{
    min-width:64px; padding:0 22px;
    border-left:1px solid #e6eef2;
    border-radius:0 30px 30px 0;
    background:transparent;
    color:#00a859;
  }
  .formulario-contato button:hover{ color:#FFA500; filter:none; }
}

/* ===== Parallax opcional só no desktop ===== */
@media (min-width: 1025px){
  .contato-simples{
    background-attachment: fixed; /* ativa parallax suave */
  }
}

/* Safe area no iPhone (quando teclado fecha) */
@supports (padding: max(0px)) {
  .contato-simples{ padding-bottom: max(72px, env(safe-area-inset-bottom)); }
}

/* util */
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* ===== MOBILE CLEAN FIX (<=600px) ===== */
@media (max-width: 600px){
  /* Mais contraste sobre a foto */
  .contato-simples{
    padding:56px 12px;
    background:
      linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.55)),
      url('https://xn--destinosdocear-8gb.com.br/wp-content/uploads/2025/10/ce_jericoacoara_credito_shutterstock_216954244_jericoacoara-1.jpg')
      center/cover no-repeat;
  }

  /* Tipografia enxuta */
  .conteudo-contato h2{
    font-size:24px;            /* antes estava enorme */
    letter-spacing:.2px;
    margin:0 0 6px;
  }
  .conteudo-contato p{
    font-size:14px;            /* >=16px no iOS é só pro input */
    line-height:1.55;
    margin:0 0 14px;
    opacity:.92;
  }

  /* Cartão com input + botão harmonizados */
  .formulario-contato{
    width: min(420px, 100%);
    margin: 0 auto;
    flex-direction: column;    /* empilhado */
    gap: 8px;                  /* respiro entre input e botão */
    padding: 8px;
    border-radius: 16px;
    background: rgba(255,255,255,.92);
    backdrop-filter: saturate(130%) blur(6px);
    box-shadow: 0 10px 24px rgba(0,0,0,.15);
    border: 1px solid #e6eef2;
  }

  .formulario-contato input{
    font-size:16px;            /* evita zoom do Safari iOS */
    padding: 12px 14px;
    border: 1px solid #dfe7ea;
    border-radius: 12px;
    outline: none;
    color:#0f172a;
  }
  .formulario-contato input::placeholder{ color:#7b8a93; }
  .formulario-contato input:focus{
    border-color:#00a859;
    box-shadow: 0 0 0 3px rgba(0,168,89,.18);
  }

  .formulario-contato button{
    display:flex; align-items:center; justify-content:center;
    padding: 12px 14px;
    font-size:16px;
    border: 0;
    border-radius: 12px;       /* mesmo raio do input */
    background:#00a859;
    color:#fff;
    transition: filter .2s, transform .05s;
  }
  .formulario-contato button i{ font-size:18px; }
  .formulario-contato button:active{ transform: translateY(1px); }
  .formulario-contato button:hover{ filter: brightness(.98); }
}

/* ===== DESKTOP (opcional): volta ao layout em linha, sem exageros ===== */
@media (min-width: 601px){
  .contato-simples{ padding:96px 24px; }
  .formulario-contato{
    flex-direction: row;
    padding: 0;
    gap: 0;
    border-radius: 30px;
    background:#fff;
    box-shadow: 0 14px 30px rgba(0,0,0,.18);
    border: 0;
  }
  .formulario-contato input{
    flex:1;
    border: 0;
    padding: 16px 20px;
    border-radius: 30px 0 0 30px;
  }
  .formulario-contato button{
    min-width:64px; padding: 0 22px;
    border-left: 1px solid #e6eef2;
    border-radius: 0 30px 30px 0;
    background: transparent;
    color:#00a859;
  }
  .formulario-contato button:hover{ filter:none; color:#FFA500; }
}

/* Parallax só no desktop (mobile mantido scroll pra evitar travadas) */
@media (min-width: 1025px){
  .contato-simples{ background-attachment: fixed; }
}


/* === botão menor (menos largura) no mobile === */
@media (max-width: 600px){
  .formulario-contato button{
    width: fit-content !important;      /* só o necessário */
    align-self: center !important;      /* centraliza */
    padding: 8px 14px !important;       /* dimensões menores */
    min-width: unset !important;         /* remove largura mínima */
    font-size: 14px !important;
    border-radius: 12px !important;
    background-color: #00a859 !important;
    color: #fff !important;
  }

  /* botão com ícone: centraliza e deixa compacto */
  .formulario-contato button i{
    font-size: 16px !important;
    margin: 0 !important;
  }

  /* form mais limpo */
  .formulario-contato{
    align-items: center !important;
    text-align: center !important;
  }
}

/* === COMPACTA O CARTÃO DE ENVIO NO MOBILE === */
@media (max-width: 600px){

  /* bloco inteiro mais curto */
  .contato-simples{ padding:44px 12px; }

  /* título e texto com menos espaço */
  .conteudo-contato h2{
    font-size:22px;
    margin:0 0 6px;
  }
  .conteudo-contato p{
    font-size:14px;
    line-height:1.5;
    margin:0 0 12px;
  }

  /* CARTÃO (o branco) bem menor */
  .formulario-contato{
    width: min(320px, 92%) !important;   /* antes ocupava quase tudo */
    margin: 0 auto;
    padding: px !important;
    gap: 6px !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.14) !important;
    background: rgba(255,255,255,.95) !important;
    backdrop-filter: saturate(130%) blur(5px);
    
  }

  /* input menor, mas confortável (evita zoom do iOS) */
  .formulario-contato input{
    font-size:16px !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    border: 1px solid #dfe7ea;
    
  }

  /* botão pequeno e centralizado */
  .formulario-contato button{
    width: fit-content !important;
    align-self: center !important;
    padding: 8px 12px !important;
    min-height: 38px !important;    /* alvo ainda ok pra toque */
    min-width: 44px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    background:#00a859 !important;
    color:#fff !important;
  }
  .formulario-contato button i{ font-size:16px !important; }
}

/* ultra-compacto em telas muito estreitas */
@media (max-width: 360px){
  .formulario-contato{ width: min(290px, 94%) !important; }
  .formulario-contato input{ padding: 9px 10px !important; }
  .formulario-contato button{ min-height: 36px !important; padding: 6px 10px !important; }
}/* End custom CSS */