/* Marca Casas da Ilha · Lugar de Porto Covo
   Camada partilhada com casas-da-ilha.netlify.app: mesma paleta, letra, logótipo, linha de gradiente e rodapé.
   O lado «presente» (caixa, preços, autocolantes, quiz) mantém a Bricolage e o coral. */
:root{
  --cal:#F8F6F0; --papel:#FFFDF8; --linha-c:#DCD8CC;
  --tinta:#26302E; --ink:#26302E; --oliva:#26302E; --tinta-suave:#5C6461;
  --azul-ci:#BCD4E2; --mar-ci:#B5D8CF; --verde-ci:#CBDDB8; --castanho-ci:#D4BBA3; --areia-ci:#E8D9B5; --amarelo-ci:#F2E3A6;
  --texto-agua:#3F6577; --texto-terra:#6E5537; --texto-verde:#4E6A45;
  /* pastéis da coleção, agora os da casa */
  --ceu:#BCD4E2; --menta:#CBDDB8; --manteiga:#F2E3A6; --lilas:#B5D8CF; --pessego:#E8D9B5; --rosa:#EBD3C6;
  --creme:#F8F6F0; --areia:#F8F6F0; --branco:#FFFDF8;
  --coral:#E07A66; --terra:#E07A66; --verde:#4E6A45;
  --f-nome:"Italiana","Cormorant Garamond",Georgia,serif;
  --f-etiqueta:"Syncopate","Helvetica Neue",Arial,sans-serif;
  --filtro-ci:sepia(.08) saturate(.86) contrast(.93) brightness(1.03);
  --sombra-ci:0 1px 0 var(--linha-c),0 10px 26px rgba(38,48,46,.07);
}
body{background:var(--cal)!important;color:var(--tinta)}

/* Títulos de secção em Italiana, como no site principal */
h1,h2,.hero h1,.final h2,section h2,.quiz h2,.legal h1,.legal h2{font-family:var(--f-nome)!important;font-weight:400!important;letter-spacing:0!important;line-height:1.06!important}
.hero h1{font-size:clamp(46px,6.4vw,84px)!important}
.hero h1 .hl,.hero h1 .hl2,.hl-ig{background:none!important;transform:none!important;padding:0!important;border-radius:0!important;
  background-image:linear-gradient(90deg,var(--azul-ci),var(--mar-ci),var(--verde-ci))!important;background-repeat:no-repeat!important;background-size:100% .28em!important;background-position:0 88%!important}
.hero h1 .hl2{background-image:linear-gradient(90deg,var(--castanho-ci),var(--areia-ci),var(--amarelo-ci))!important}
h3{font-family:var(--f-nome)!important;font-weight:400!important;letter-spacing:.01em!important}
.pcard h3{font-size:32px!important}

/* Etiquetas em Syncopate */
.pill,.kicker,.tag,label:not(.fmt):not(.ok-c),.exp-card label,.faixa,.st-marca span,.legenda .l1,.v-topo .m,.v-para,.p-top,.p-info,th{font-family:var(--f-etiqueta)!important}
.pill{font-size:10px!important;letter-spacing:.24em!important;border-width:1.5px!important;padding:7px 14px!important;color:var(--texto-verde)!important;background:var(--papel)!important}
.kicker{border-color:transparent!important}
label:not(.fmt):not(.ok-c){letter-spacing:.18em!important;font-size:10px!important}
.fmt{font-family:"DM Sans",system-ui,sans-serif!important}

/* Cabeçalho: logótipo da casa + linha de gradiente água */
nav{background:color-mix(in srgb,var(--cal) 94%,transparent);position:sticky;top:0;z-index:20;backdrop-filter:blur(6px)}
nav::after{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--azul-ci),var(--mar-ci),var(--verde-ci))}
nav .wrap{padding-top:10px;padding-bottom:10px}
.logo{gap:12px!important;text-decoration:none!important}
.logo .simb{width:40px!important;height:26px!important;filter:hue-rotate(20deg) saturate(.8)}
.logo .lt b{font-family:var(--f-nome)!important;font-weight:400!important;font-size:21px!important;letter-spacing:.12em!important;text-transform:uppercase}
.logo .lt small{font-family:var(--f-etiqueta)!important;font-size:9px!important;letter-spacing:.34em!important;color:var(--texto-verde)!important;order:2;margin-top:3px}
.logo .lt{display:flex!important;flex-direction:column}
.logo i{display:none}
.casa-link{font-family:var(--f-etiqueta);font-size:9px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--tinta-suave);white-space:nowrap}
.casa-link:hover{color:var(--tinta)}
@media(max-width:900px){.logo .lt b{font-size:15px!important;letter-spacing:.08em!important}.casa-link{display:none}}

/* Botões: pílula; os secundários como no site principal, com seta */
.btn{border-width:1.5px!important;box-shadow:none!important;font-family:var(--f-etiqueta)!important;font-weight:700!important;font-size:11px!important;letter-spacing:.18em!important;text-transform:uppercase;padding:15px 26px!important}
.btn:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px rgba(38,48,46,.12)!important}
.b-branco,.b-manteiga{background:var(--azul-ci)!important;border-color:transparent!important;color:var(--tinta)!important}
.b-branco:hover,.b-manteiga:hover{background:var(--verde-ci)!important}
.b-branco::after,.b-manteiga::after{content:"→";font-family:Georgia,serif;font-size:16px;letter-spacing:0;line-height:0;margin-left:2px}
.b-coral{background:var(--coral)!important;border-color:var(--coral)!important;color:#fff!important}
.b-ig{border-color:transparent!important}
nav .btn{padding:12px 20px!important;font-size:10px!important}

/* Cartões, molduras e campos: papel, cantos suaves, sem sombra dura */
.pcard,.card,.exp-card,.quiz,.op,.confia div,.faq details,.voucher,.galeria div,.ig-grelha,.res-card,.cartao-ci,.momento,.volta-card,.inclui div,.numeros div,.breve-box,form.lead,.dest,.casta,.fmt,.cupao-w input{border-width:1.5px!important;border-color:var(--linha-c)!important;box-shadow:var(--sombra-ci)!important}
.pcard,.card,.exp-card,.quiz,.voucher,.res-card,.ig-grelha{border-radius:22px!important;transform:none!important}
.pcard .ft{border-bottom:0!important}
.pcard .tx{background:var(--papel)!important;border-top:6px solid var(--c,var(--azul-ci))}
.pcard:hover{transform:translateY(-4px)!important}
.pcard .pr span{border:0!important}
.op:hover{background:var(--amarelo-ci)!important}
.exp-card input,.exp-card select,.quiz input,.sel-p,input,select,textarea{border-width:1.5px!important;border-color:var(--linha-c)!important;background:var(--papel)!important}
input:focus,select:focus,textarea:focus{border-color:var(--texto-agua)!important;outline:none}
.faq details[open]{background:var(--papel)!important}
.confia div{background:var(--papel)!important}
.sticker{border-width:1.5px!important;box-shadow:var(--sombra-ci)!important}

/* Faixa superior mais calma */
.faixa{background:var(--tinta)!important;color:var(--amarelo-ci)!important;font-size:10px!important;letter-spacing:.24em;padding:9px 0!important}

/* Fotos com o mesmo filtro quente */
.foto-blob,.pcard .ft,.galeria div,.ig-grelha div,.res-card .foto,.momento .img{filter:var(--filtro-ci)}
.foto-blob{box-shadow:12px 12px 0 var(--mar-ci)!important;border-width:1.5px!important}

/* Secções coloridas, com os pastéis da casa */
.experimentar{background:linear-gradient(120deg,var(--azul-ci),var(--mar-ci),var(--verde-ci))!important;border-color:transparent!important}
.quiz-sec{background:linear-gradient(120deg,var(--castanho-ci),var(--areia-ci),var(--amarelo-ci))!important;border-color:transparent!important}
.ig-faixa{background:linear-gradient(120deg,var(--areia-ci),var(--amarelo-ci) 50%,var(--verde-ci))!important;border-color:transparent!important}
section{border-color:var(--linha-c)!important}

/* Rodapé: faixa terra com o logótipo, como no site principal */
.rodape-ci{background:linear-gradient(90deg,var(--castanho-ci),var(--areia-ci),var(--amarelo-ci));text-align:center;padding:54px 20px 46px;margin-top:40px}
.rodape-ci i{display:block;width:56px;height:36px;margin:0 auto 14px;background:url(/img/casas-da-ilha-simbolo.svg) center/contain no-repeat;filter:sepia(.4) saturate(.6) brightness(.8)}
.rodape-ci b{display:block;font-family:var(--f-nome);font-weight:400;font-size:clamp(24px,4vw,36px);letter-spacing:.14em;color:var(--tinta)}
.rodape-ci small{display:block;font-family:var(--f-etiqueta);font-size:10px;letter-spacing:.34em;color:var(--texto-terra);margin-top:10px}
.rodape-ci em{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:22px;color:var(--tinta);margin-top:14px}
.rodape-ci a{text-decoration:none;color:inherit}
footer{color:var(--tinta-suave)}
footer a{color:var(--tinta)!important}

/* Caixa de presente e preços mantêm o lado lúdico */
.preco b,.pcard .pr b,.ig-num b,.kpi b{font-family:"Bricolage Grotesque",sans-serif!important}
.preco b{background:var(--amarelo-ci)!important;border-width:1.5px!important}
.casa-link{margin-left:auto;margin-right:18px}

/* Caixa-presente desenhada: coral e pastéis da casa */
svg [fill="#FF6F61"]{fill:#E07A66}svg [fill="#FF8A7E"]{fill:#EA9686}svg [fill="#FFE7A0"]{fill:#F2E3A6}svg [fill="#BDEBD4"]{fill:#CBDDB8}
svg [stroke="#2B2340"]{stroke:#26302E}
.hero .lead{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.v-escolha h3,.v-escolha h3 *{font-family:var(--f-etiqueta)!important;font-size:11px!important;letter-spacing:.2em!important;text-transform:uppercase}
.btn-main,.btn-ghost,.demo-cta a,.demo-cta{box-shadow:none!important;border-width:1.5px!important}
.btn-main::before,.btn-main::after,.btn-ghost::before,.btn-ghost::after{display:none!important}
.btn-main,.btn-ghost{font-family:var(--f-etiqueta)!important;font-size:11px!important;letter-spacing:.18em!important;text-transform:uppercase}
.btn-ghost{background:var(--azul-ci)!important;border-color:transparent!important}
.demo-cta{border-color:var(--linha-c)!important;border-radius:22px!important}