/* encuentros-guatemala.lat — registre « jaune d'Antigua » (inspiration Guatemala)
   Palette : accent jaune d'Antigua du favicon #d9a01e (boutons jaunes à texte encre, liens ocre
   profond #8a5c06), neutre chaud = chaux et sable (#fdf8ec, #f6ecd4, #efe2c2), encre pierre
   volcanique #241f1a.
   Composition : en-tête sur deux rangées (bandeau d'actions pierre en haut, logo + nav dessous),
   lignes d'annonce à coin coupé + filet courbe, vignettes et photo de fiche en arche (arc de
   Santa Catalina), grille serrée de badges pour régions/villes, pied en 3 colonnes aérées. */

html:not(#_), html:not(#_) body, html:not(#_) .skin-1 {
  --aa-accent: #d9a01e; --aa-teinte: #8a5c06;
  --aa-primaire: #d9a01e; --aa-primaire-fonce: #8a5c06; --aa-primaire-txt: #241f1a;
  --aa-page: #efe2c2; --aa-fond: #fdf8ec; --aa-surface: #fdf8ec; --aa-surface-2: #f6ecd4;
  --aa-bord: #e6d4a8; --aa-texte: #241f1a; --aa-muet: #5e5446; --aa-lien: #8a5c06;
  --aa-tete: #fdf8ec; --aa-tete-txt: #241f1a; --aa-barre: #2c2620;
  --aa-bande: #8a5c06; --aa-bande-txt: #fff; --aa-bande-bord: #d9a01e;
  --aa-secondaire: #2c2620; --aa-secondaire-txt: #fdf8ec;
  --aa-pied: #2a241e; --aa-pied-txt: #f1e6cc; --aa-ok: #4f6a3a;
  --aa-rayon: 16px; --aa-rayon-s: 10px;
  --aa-ombre: 0 2px 4px rgba(138, 92, 6, .06), 0 16px 30px -20px rgba(138, 92, 6, .55);
  --aa-police-titre: Georgia, "Palatino Linotype", "Book Antiqua", serif;
  --gt-coin: 16px;
}

html:not(#_) body {
  background-color: var(--aa-page);
  background-image:
    radial-gradient(ellipse at 50% -10%, rgba(217, 160, 30, .18), transparent 55%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .22) 0 1px, transparent 1px 46px);
}
html:not(#_) a { color: var(--aa-lien); }

/* ---------- En-tête : deux rangées ---------- */
html:not(#_) .skin-1 .aa-header { background: var(--aa-tete); color: var(--aa-tete-txt); border-bottom: 0; box-shadow: 0 1px 0 var(--aa-bord), 0 12px 24px -22px rgba(36, 31, 26, .7); }
html:not(#_) .aa-header .aa-logo__txt { color: #241f1a; font-family: var(--aa-police-titre); font-weight: 700; }
html:not(#_) .aa-logo .aa-logo__mark {
  width: 22px; height: 26px; transform: none; border-radius: 11px 11px 2px 2px;
  background: linear-gradient(180deg, #d9a01e 0 55%, #8a5c06 55%);
  box-shadow: 0 0 0 2px #fdf8ec, 0 0 0 3px #d9a01e;
}
html:not(#_) .aa-header .aa-burger { color: #241f1a; border: 1px solid #e0cb98; border-radius: 12px; }
@media (min-width: 760px) {
  html:not(#_) .aa-header::before {
    content: ""; position: absolute; left: 0; right: 0; top: 0; height: 44px; pointer-events: none;
    background: #2c2620;
    box-shadow: inset 0 -3px 0 #d9a01e;
  }
  html:not(#_) .skin-1 .aa-header__in {
    flex-direction: row; justify-content: space-between; align-items: center;
    padding-block: 52px .5rem; min-height: 0; gap: 1rem;
  }
  html:not(#_) .skin-1 .aa-logo { font-size: 1.7rem; }
  html:not(#_) .skin-1 .aa-nav { border-top: 0; width: auto; }
  html:not(#_) .skin-1 .aa-nav ul { justify-content: flex-end; gap: .3rem; }
  html:not(#_) .skin-1 .aa-nav a {
    border-radius: 999px; border-bottom: 0; padding: .5rem .95rem; color: #241f1a;
    font-size: .8rem; letter-spacing: .08em;
  }
  html:not(#_) .skin-1 .aa-nav a:hover { background: #f6ecd4; }
  html:not(#_) .skin-1 .aa-nav a.is-actif { background: #f6ecd4; box-shadow: inset 0 -2px 0 #d9a01e; }
  /* Rangée d'actions : le CTA monte dans le bandeau pierre */
  html:not(#_) .skin-1 .aa-nav li.aa-nav__cta { position: absolute; top: 5px; right: 0; }
  html:not(#_) .skin-1 .aa-nav .aa-nav__cta a {
    margin: 0; border-radius: 999px; padding: .5rem 1.2rem; min-height: 34px; display: flex; align-items: center;
    background: #d9a01e; color: #241f1a !important; box-shadow: 0 4px 12px -4px rgba(217, 160, 30, .8);
  }
  html:not(#_) .skin-1 .aa-nav .aa-nav__cta a:hover { background: #e8b53c; }
}
@media (max-width: 759px) {
  html:not(#_) .skin-1 .aa-header { box-shadow: inset 0 4px 0 #d9a01e, 0 1px 0 var(--aa-bord); }
  html:not(#_) .aa-header .aa-nav { background: #fdf8ec; border-radius: 16px; }
  html:not(#_) .aa-header .aa-nav a { color: #241f1a; border-radius: 999px; }
  html:not(#_) .aa-header .aa-nav a.is-actif { background: #f6ecd4; border-left: 0; }
}

/* ---------- Conteneurs ---------- */
html:not(#_) .aa-main > .aa-wrap { border-radius: 24px; background: var(--aa-fond); box-shadow: var(--aa-ombre); }
html:not(#_) .aa-layout .aa-side { border: 0; border-radius: var(--aa-rayon); background: #f6ecd4; padding: 1rem; box-shadow: 0 10px 22px -20px rgba(138, 92, 6, .8); }
html:not(#_) .aa-layout .aa-side--deposer { background: none; box-shadow: none; }
html:not(#_) .aa-side .aa-side__liste li a { color: #8a5c06; }

/* Bandeaux : cartouche en pilule, filet jaune */
html:not(#_) .aa-h2, html:not(#_) .aa-side .aa-side__h, html:not(#_) .aa-bande, html:not(#_) .aa-depot__bloc legend {
  font-family: var(--aa-police-titre); color: #241f1a; border-left: 0; text-transform: none; letter-spacing: .01em;
}
html:not(#_) .aa-main .aa-h2 {
  display: inline-block; padding: .35rem 1.1rem .35rem 1.4rem; border-radius: 999px; position: relative;
  background: #f6ecd4; box-shadow: inset 4px 0 0 #d9a01e;
}
html:not(#_) .aa-side .aa-side__h { border-bottom: 2px solid #d9a01e; padding-bottom: .3rem; }

/* ---------- Accueil ---------- */
html:not(#_) .skin-1 .aa-hero {
  position: relative; overflow: hidden; border: 0; border-radius: 22px; padding: 1.4rem 1.2rem 1.8rem;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 5 6.4 5c2 0 3.3 1.1 3.9 2.2.3.5 1.1.5 1.4 0C12.3 6.1 13.6 5 15.6 5 19 5 21.1 8.4 19.6 11.8 17.5 16.4 12 21 12 21z' fill='%23d9a01e' fill-opacity='.16'/%3E%3C/svg%3E") no-repeat right -24px top -20px / 140px,
    linear-gradient(180deg, #fbf1d8, #fdf8ec);
  box-shadow: inset 0 0 0 1px #eedcae;
}
html:not(#_) .skin-1 .aa-hero .aa-h1 { font-family: var(--aa-police-titre); color: #241f1a; }
html:not(#_) .skin-1 .aa-hero .aa-intro { color: #4d4538; }
html:not(#_) .skin-1 .aa-hero__form {
  max-width: 460px; margin-inline: auto; border: 0; border-radius: 200px 200px 22px 22px; padding: 2.2rem 1.4rem 1.4rem;
  background: #fffdf6; box-shadow: 0 0 0 1px #eedcae, 0 22px 40px -26px rgba(138, 92, 6, .9);
}
html:not(#_) .skin-1 .aa-hero__form .aa-hero__form-h { text-align: center; color: #241f1a; }
html:not(#_) .skin-1 .aa-hero__form .aa-hero__form-p { text-align: center; color: #5e5446; }
html:not(#_) .aa-main input:not([type=radio]):not([type=checkbox]), html:not(#_) .aa-main select, html:not(#_) .aa-main textarea {
  border-radius: 12px; border-color: #dcc690; background: #fff;
}
html:not(#_) .aa-main input:focus, html:not(#_) .aa-main select:focus, html:not(#_) .aa-main textarea:focus { outline: 2px solid #d9a01e; outline-offset: 1px; }

/* Boutons */
html:not(#_) .skin-1 .aa-btn { border-radius: 999px; min-height: 44px; font-weight: 700; letter-spacing: .03em; }
html:not(#_) .skin-1 .aa-btn--primaire, html:not(#_) .skin-1 button.aa-btn:not(.aa-btn--secondaire) {
  background: #d9a01e; color: #241f1a; border-color: #d9a01e; box-shadow: 0 8px 18px -10px rgba(138, 92, 6, .9);
}
html:not(#_) .skin-1 .aa-btn--primaire:hover { background: #e6b23a; }
html:not(#_) .skin-1 .aa-btn--secondaire { background: #fffdf6; color: #6e4a05; border: 2px solid #8a5c06; }

/* Filtres */
html:not(#_) .skin-1 .aa-filtres { border: 0; border-radius: 18px; background: #f6ecd4; padding: 1rem; }

/* Catégories : cartouches à coin coupé */
html:not(#_) .aa-compo-3 .aa-liens.aa-liens--cats { gap: .5rem; }
html:not(#_) .aa-compo-3 .aa-liens--cats li {
  border: 0; border-radius: 12px; padding: .6rem .9rem; border-bottom: 0;
  background: linear-gradient(225deg, transparent 12px, #fffdf6 12.5px);
  box-shadow: 0 0 0 1px #eedcae, 0 8px 16px -14px rgba(138, 92, 6, .8);
}
html:not(#_) .aa-liens .aa-liens__nb { background: #f6ecd4; color: #6e4a05; border-radius: 999px; padding: 0 .5rem; font-weight: 700; font-size: .78rem; }

/* ---------- Lignes d'annonce : coin coupé + filet courbe ---------- */
html:not(#_) .aa-main .aa-liste { border-top: 0; gap: .8rem; }
html:not(#_) .skin-1 .aa-liste .aa-ligne {
  border: 0; border-radius: var(--aa-rayon); padding: 1rem 1rem 1.35rem;
  background: linear-gradient(225deg, transparent var(--gt-coin), #fffdf6 calc(var(--gt-coin) + .5px));
  box-shadow: 0 0 0 1px #efdfb6, 0 12px 24px -20px rgba(138, 92, 6, .8);
  transition: transform .25s ease, box-shadow .25s ease;
}
html:not(#_) .skin-1 .aa-liste .aa-ligne::before {
  content: ""; position: absolute; left: 22px; right: 22px; bottom: 6px; height: 9px; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10' preserveAspectRatio='none'%3E%3Cpath d='M0 7 Q50 1 100 5 T200 3' fill='none' stroke='%23e0bd62' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
}
html:not(#_) .skin-1 .aa-liste .aa-ligne:hover { transform: translateY(-2px); box-shadow: 0 0 0 1px #e0c47e, 0 18px 30px -20px rgba(138, 92, 6, .9); }
html:not(#_) .skin-1 .aa-ligne .aa-ligne__img { border-radius: 999px 999px 10px 10px; overflow: hidden; box-shadow: 0 0 0 3px #fdf8ec, 0 0 0 4px #e0bd62; }
html:not(#_) .skin-1 .aa-ligne .aa-ligne__img img { transition: transform .4s ease; }
html:not(#_) .skin-1 .aa-ligne:hover .aa-ligne__img img { transform: scale(1.05); }
html:not(#_) .skin-1 .aa-ligne .aa-ligne__titre, html:not(#_) .skin-1 .aa-ligne .aa-ligne__titre a { color: #241f1a; font-family: var(--aa-police-titre); }
html:not(#_) .skin-1 .aa-ligne .aa-ligne__cat { color: #7a5205; }
html:not(#_) .skin-1 .aa-ligne .aa-ligne__date, html:not(#_) .skin-1 .aa-ligne .aa-ligne__meta { color: #5e5446; }
html:not(#_) .skin-1 .aa-ligne .aa-ligne__extrait { color: #3d362d; }
html:not(#_) .aa-ligne .aa-ligne__new { background: #d9a01e; color: #241f1a; border-radius: 999px; }
html:not(#_) .skin-1 .aa-ligne .aa-ligne__lire {
  font-style: normal; text-decoration: none; border-radius: 999px; padding: .35rem .9rem; font-family: inherit;
  background: #f6ecd4; color: #6e4a05; font-weight: 700; font-size: .82rem;
}
html:not(#_) .skin-1 .aa-ligne .aa-ligne__lire:hover { background: #d9a01e; color: #241f1a; }

/* ---------- Régions / villes : grille serrée de badges ---------- */
html:not(#_) .skin-1 .aa-liens:not(.aa-liens--cats) { gap: .35rem; column-gap: .35rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 150px), 1fr)); }
html:not(#_) .skin-1 .aa-liens:not(.aa-liens--cats) li {
  border: 0; border-radius: 999px; padding: .3rem .35rem .3rem .8rem; align-items: center;
  background: #fffdf6; box-shadow: inset 0 0 0 1px #eedcae; font-size: .88rem;
}
html:not(#_) .skin-1 .aa-liens:not(.aa-liens--cats) li:hover { box-shadow: inset 0 0 0 1px #d9a01e; }
html:not(#_) .skin-1 .aa-liens:not(.aa-liens--cats) .aa-liens__nb { background: #d9a01e; color: #241f1a; min-width: 1.6em; text-align: center; }

/* ---------- Fiche d'annonce ---------- */
html:not(#_) .aa-fiche__tete .aa-fiche__titre { font-family: var(--aa-police-titre); color: #241f1a; }
html:not(#_) .aa-fiche__tete .aa-fiche__cat { color: #7a5205; }
html:not(#_) .aa-fiche__tete .aa-fiche__sous { color: #5e5446; }
html:not(#_) .skin-1 .aa-fiche__photo { border-radius: 999px 999px 18px 18px; box-shadow: 0 0 0 5px #fdf8ec, 0 0 0 6px #e0bd62, 0 20px 36px -22px rgba(138, 92, 6, .9); }
html:not(#_) .aa-fiche__photo .aa-fiche__new { top: auto; bottom: .8rem; right: 50%; transform: translateX(50%); white-space: nowrap; box-shadow: 0 4px 10px -4px rgba(36, 31, 26, .6); }
html:not(#_) .skin-1 .aa-fiche__miniatures img { border-radius: 40px 40px 8px 8px; }
html:not(#_) .skin-1 .aa-fiche__cta--haut, html:not(#_) .skin-1 .aa-repondre, html:not(#_) .skin-1 .aa-fiche__infos {
  border: 0; border-radius: 18px; background: #fffdf6; box-shadow: 0 0 0 1px #eedcae, 0 16px 30px -24px rgba(138, 92, 6, .9);
}
html:not(#_) .skin-1 .aa-fiche__cta--haut {
  padding: 1.1rem; overflow: hidden;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 5 6.4 5c2 0 3.3 1.1 3.9 2.2.3.5 1.1.5 1.4 0C12.3 6.1 13.6 5 15.6 5 19 5 21.1 8.4 19.6 11.8 17.5 16.4 12 21 12 21z' fill='%23d9a01e' fill-opacity='.12'/%3E%3C/svg%3E") no-repeat right -14px bottom -18px / 90px,
    #fffdf6;
}
html:not(#_) .aa-fiche__infos dt, html:not(#_) .aa-fiche__physique dt { color: #5e5446; }
html:not(#_) .skin-1 .aa-fiche__plage { background: #f6ecd4; color: #241f1a; border-radius: 999px; box-shadow: inset 3px 0 0 #d9a01e; }
html:not(#_) .skin-1 .aa-fiche__phy { background: #fffdf6; border-color: #eedcae; border-radius: 12px; }
html:not(#_) .aa-fiche__barre { background: rgba(253, 248, 236, .94); border-top-color: #e6d4a8; }

/* Dépôt */
html:not(#_) .skin-1 .aa-depot__bloc { border: 0; border-radius: 18px; background: #fffdf6; box-shadow: 0 0 0 1px #eedcae; }

/* Pagination */
html:not(#_) .skin-1 .aa-pagination a, html:not(#_) .skin-1 .aa-pagination span { border-radius: 999px; }

/* ---------- Pied : 3 colonnes aérées ---------- */
html:not(#_) .skin-1 .aa-footer {
  border-top: 0; text-align: left; padding-block: 3rem 1.4rem; background: #2a241e; color: #f1e6cc;
  box-shadow: inset 0 5px 0 #d9a01e;
}
html:not(#_) .skin-1 .aa-footer a { color: #f1e6cc; }
html:not(#_) .skin-1 .aa-footer a:hover { color: #f2c75c; }
html:not(#_) .skin-1 .aa-footer .aa-footer__grid { justify-items: stretch; gap: 2rem 3rem; }
@media (min-width: 760px) {
  html:not(#_) .skin-1 .aa-footer .aa-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html:not(#_) .skin-1 .aa-footer .aa-footer__col:first-child {
    grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem 1.4rem;
    padding-bottom: 1.2rem; border-bottom: 1px solid rgba(241, 230, 204, .18);
  }
  html:not(#_) .skin-1 .aa-footer .aa-footer__col:first-child p { margin: 0; }
}
html:not(#_) .skin-1 .aa-footer ul { display: grid; justify-content: start; gap: .45rem; }
html:not(#_) .skin-1 .aa-footer .aa-footer__h { color: #f2c75c; opacity: 1; font-family: var(--aa-police-titre); text-transform: none; letter-spacing: .02em; font-size: 1rem; }
html:not(#_) .skin-1 .aa-footer .aa-footer__brand { color: #fdf8ec; font-style: normal; }
html:not(#_) .skin-1 .aa-footer .aa-footer__fictif, html:not(#_) .skin-1 .aa-footer .aa-footer__membres { opacity: 1; color: #d8ccb0; }
html:not(#_) .skin-1 .aa-footer .aa-footer__bas { justify-content: space-between; border-top-color: rgba(241, 230, 204, .18); opacity: 1; color: #d8ccb0; }

@media (prefers-reduced-motion: reduce) {
  html:not(#_) .skin-1 .aa-ligne, html:not(#_) .skin-1 .aa-ligne .aa-ligne__img img { transition: none; }
}