/* Proposition de nouveau site PAmà, style « Monte-Carlo » (essai n° 4 retenu par Paola le 30/10/2026),
 * chargée après proposta-sito.css sur les pages dont le corps porte la classe pr-mc. Fond bleu marine
 * (#13204a, sections alternées #1c2b5e), tous les textes en or (aucun blanc), titres de section en
 * capitales Jost espacées, titre principal en Nunito ExtraBold, boutons rectangulaires. Les blocs
 * propres au style (ouverture, domaines, pourquoi, étapes, témoignage, appel final) sont dans
 * templates/proposta/sito/blocchi/mc/ ; les autres reprennent les blocs communs, recolorés ici. */

.pr-mc {
  --avorio: #13204a;
  --carta: #1c2b5e;
  --sabbia: #1c2b5e;
  --blu: #1c2b5e;
  --blu-2: #24356f;
  --notte: #0e1838;
  --inchiostro: var(--oro);
  --testo: #e0cc98;
  --grigio: #cdb784;
  --pallido: #b09e72;
  --oro-scuro: var(--oro);
  --oro-chiaro: #f8e49a;
  --filetto: rgba(216, 178, 92, .26);
  --line: rgba(216, 178, 92, .2);
  --round: "Nunito", system-ui, sans-serif;
  --radius: 0;
  font-weight: 300;
}
.pr-mc ::selection { background: rgba(216, 178, 92, .35); }

/* Typographie */
.pr-mc h1, .pr-mc h2, .pr-mc h3 { color: var(--oro); }
.pr-mc .pr-eyebrow, .pr-mc .mc-cap { font: 500 12px/1.3 var(--sans); letter-spacing: .32em; text-transform: uppercase; color: var(--oro); }
.pr-mc .pr-eyebrow::before { display: none; }
.pr-mc .mc-cap { display: block; margin: 0 0 14px; }
.pr-mc .pr-title { font: 400 clamp(26px, 6vw, 44px)/1.15 var(--sans); text-transform: uppercase; letter-spacing: .08em; }
.pr-mc .pr-title em, .pr-mc .pr-display em { font: italic 500 1.12em/1 var(--serif); text-transform: none; letter-spacing: 0; color: var(--oro); }
.pr-mc .pr-display { font: 800 clamp(34px, 8.2vw, 64px)/1.1 var(--round); letter-spacing: .005em; }
.pr-mc .pr-display em { font: inherit; }
.pr-mc .pr-lead { color: #ecd9a8; }
.pr-mc .pr-intro, .pr-mc .pr-note, .pr-mc .pr-small { color: var(--grigio); }
.pr-mc .pr-subtitle { color: #ecd9a8; }
.pr-mc .pr-card h3, .pr-mc .pr-domain h3, .pr-mc .pr-steps h3, .pr-mc .pr-timeline h3, .pr-mc .pr-qual-list h3,
.pr-mc .pr-terms dt, .pr-mc .pr-channels h2, .pr-mc .pr-practical h2, .pr-mc .pr-faq summary {
  font: 400 17px/1.4 var(--sans); text-transform: uppercase; letter-spacing: .14em; color: var(--oro); }
.pr-mc .pr-faq summary { font-size: 16px; letter-spacing: .1em; }

/* Boutons rectangulaires, en capitales espacées */
.pr-mc .pr-btn { border-radius: 0; min-height: 54px; padding: 14px 28px; font: 500 13px/1.2 var(--sans); letter-spacing: .2em; text-transform: uppercase; }
.pr-mc .pr-btn:hover { transform: none; }
.pr-mc .pr-btn-oro, .pr-mc .pr-btn-blu { background: var(--oro-grad); color: #060a24; border-color: transparent; }
.pr-mc .pr-btn-blu:hover, .pr-mc .pr-btn-oro:hover { filter: brightness(1.06); background: var(--oro-grad); }
.pr-mc .pr-btn-line, .pr-mc .pr-btn-ghost-light { background: rgba(255, 255, 255, .06); color: var(--oro); border-color: rgba(216, 178, 92, .5);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.pr-mc .pr-btn-line:hover, .pr-mc .pr-btn-ghost-light:hover { background: rgba(216, 178, 92, .14); color: var(--oro-chiaro); border-color: var(--oro); }
.pr-mc .pr-btn-small { min-height: 44px; padding: 10px 18px; font-size: 12px; }
.pr-mc .pr-link { color: var(--oro); border-color: var(--filetto); text-transform: uppercase; letter-spacing: .14em; font-size: 13px; }
.pr-mc .pr-link:hover { border-color: var(--oro); }

/* Barre supérieure, en-tête, menu */
.pr-mc .pr-top { background: var(--notte); color: var(--grigio); border-bottom: 1px solid var(--line); }
.pr-mc .pr-top-link:hover { color: var(--oro-chiaro); }
.pr-mc .pr-langs a { color: var(--oro); }
.pr-mc .pr-langs a[aria-current] { background: var(--oro); color: #13204a; }
.pr-mc .pr-header { background: rgba(19, 32, 74, .94); border-bottom: 1px solid var(--line); }
.pr-mc .pr-header.is-scrolled { box-shadow: 0 6px 24px rgba(0, 0, 0, .25); }
.pr-mc .pr-burger { border-color: rgba(216, 178, 92, .5); color: var(--oro); border-radius: 0; }
.pr-mc .pr-drawer { background: #13204a; color: var(--oro); }
.pr-mc .pr-close { border-color: rgba(216, 178, 92, .5); color: var(--oro); border-radius: 0; }
.pr-mc .pr-drawer-nav a { font: 400 22px/1.3 var(--sans); text-transform: uppercase; letter-spacing: .14em; padding: 18px 0; }
.pr-mc .pr-drawer-nav a[aria-current] { font-style: normal; color: var(--oro-chiaro); }
.pr-mc .pr-drawer .pr-langs { color: var(--oro); }

/* Ouverture de l'accueil : port en plein écran, voile marine, titre doré */
.mc-hero { position: relative; display: flex; flex-direction: column; min-height: calc(100svh - 68px); }
.mc-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mc-hero::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(19, 32, 74, .55) 0%, rgba(19, 32, 74, .35) 18%, rgba(19, 32, 74, .78) 46%, rgba(19, 32, 74, .96) 72%, #13204a 100%); }
.mc-hero-txt { position: relative; z-index: 1; margin-top: auto; padding-top: 18vh; padding-bottom: 44px; }
.mc-hero h1 { font: 800 clamp(34px, 8.2vw, 74px)/1.1 var(--round); letter-spacing: .005em; color: var(--oro); margin: 0 0 20px; max-width: 12em;
  text-shadow: 0 2px 24px rgba(19, 32, 74, .9), 0 1px 3px rgba(19, 32, 74, .8); }
.mc-hero h1 em { font: inherit; color: inherit; }
.mc-hero .mc-cap, .mc-hero .mc-lead { text-shadow: 0 1px 12px rgba(19, 32, 74, .9); }
.mc-lead { max-width: 34em; color: #ecd9a8; font-size: 17.5px; margin: 0; }
.mc-acts { display: flex; flex-direction: column; gap: 12px; margin-top: 28px; }
.mc-acts-center { align-items: center; }
.mc-glass { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); margin-top: 34px; }
.mc-glass li { padding: 18px 10px 18px 0; }
.mc-glass b { display: block; font: 400 22px/1.15 var(--sans); letter-spacing: .06em; color: var(--oro); text-transform: uppercase; }
.mc-glass span { display: block; margin-top: 4px; font-size: 13.5px; line-height: 1.4; color: var(--grigio); }

/* Sections */
.pr-mc .pr-section { padding: 90px 0; }
.pr-mc .pr-section-paper { border-color: var(--line); }
.pr-mc .pr-section-blu { color: var(--testo); }
.pr-mc .pr-section-blu h2, .pr-mc .pr-section-blu h3, .pr-mc .pr-section-blu dt { color: var(--oro); }
.mc-sh { display: grid; gap: 14px; margin-bottom: 46px; }
.mc-sh .pr-title { margin: 0; }
.mc-sh .pr-intro { margin: 0; }
.mc-more { margin-top: 36px; }

/* Domaines en tuiles numérotées */
.mc-tiles { display: grid; border-top: 1px solid var(--line); }
.mc-tile { padding: 30px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: auto 1fr; gap: 6px 22px; align-content: start; }
.mc-n { font: italic 500 40px/1 var(--serif); color: var(--oro); grid-row: span 3; }
.mc-tile h3 { font: 400 17px/1.4 var(--sans); letter-spacing: .14em; text-transform: uppercase; }
.mc-tile p { font-size: 15.5px; color: var(--grigio); margin: 0; }
.mc-tile .pr-dashes { border-color: var(--line); }
.pr-mc .pr-dashes li { color: var(--testo); }
.pr-mc .pr-dashes li::before { background: var(--oro); }

/* Pourquoi PAmà */
.mc-split { display: grid; gap: 40px; align-items: center; }
.mc-split figure { margin: 0; position: relative; }
.mc-split figure img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 20%; }
.mc-split figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px; background: linear-gradient(transparent, rgba(19, 32, 74, .9));
  font: italic 500 18px/1.3 var(--serif); color: var(--oro); }
.mc-split .pr-title { margin: 0 0 18px; }
.mc-dl { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 28px 0 34px; }
.mc-dl dt { font: 500 13px/1.3 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--oro); margin-bottom: 6px; }
.mc-dl dd { font-size: 15px; color: var(--grigio); }

/* Étapes */
.mc-steps { display: grid; border-left: 1px solid var(--oro); counter-reset: s; }
.mc-steps li { counter-increment: s; padding: 0 0 30px 26px; position: relative; }
.mc-steps li::before { content: "0" counter(s); position: absolute; left: -15px; top: 0; width: 30px; height: 30px; background: var(--avorio);
  color: var(--oro); font: 500 12px/30px var(--sans); text-align: center; letter-spacing: .1em; }
.mc-steps h3 { font: 400 15px/1.4 var(--sans); letter-spacing: .18em; text-transform: uppercase; margin-bottom: 6px; }
.mc-steps p { font-size: 15.5px; color: var(--grigio); margin: 0; }

/* Témoignage */
.mc-quote figure { margin: 0 auto; max-width: calc(960px + 2 * var(--pad)); }
.mc-quote blockquote { margin: 8px 0 0; }
.mc-quote blockquote p { font: italic 500 clamp(26px, 5.6vw, 42px)/1.3 var(--serif); color: var(--oro); }
.mc-quote figcaption { margin-top: 24px; }
.mc-quote figcaption b { margin: 0; font-weight: 500; }
.mc-quote figcaption span { display: block; color: var(--pallido); font-size: 13px; margin-top: 4px; }

/* Appel final */
.mc-cta { position: relative; overflow: hidden; text-align: center; }
.mc-cta > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .22; filter: grayscale(1); }
.mc-cta .pr-wrap { position: relative; max-width: 860px; }
.mc-cta .pr-title { margin: 0 0 16px; }

/* Cartes, profils */
.pr-mc .pr-card { background: var(--carta); border-color: var(--line); }
.pr-mc .pr-card:hover { border-color: var(--filetto); transform: none; box-shadow: none; background: #213268; }
.pr-mc .pr-card p { color: var(--grigio); }
.pr-mc .pr-card-ico { background: transparent; border: 1px solid rgba(216, 178, 92, .5); border-radius: 0; }

/* En-tête des pages intérieures */
.pr-mc .pr-band img { filter: saturate(.9); }

/* Formules */
.pr-mc .pr-formula { background: var(--carta); border-color: var(--line); }
.pr-mc .pr-formula h3 { font: 400 clamp(24px, 6vw, 30px)/1.15 var(--sans); text-transform: uppercase; letter-spacing: .1em; }
.pr-mc .pr-formula > p, .pr-mc .pr-checks li { color: var(--grigio); }
.pr-mc .pr-formula-star { background: #13204a; border: 1px solid var(--oro); color: var(--testo); }
.pr-mc .pr-formula-star h3 { color: var(--oro); }
.pr-mc .pr-formula-star > p { color: var(--grigio); }
.pr-mc .pr-formula-price, .pr-mc .pr-formula-star .pr-formula-price { border-color: var(--line); color: var(--testo); }

/* Modalités */
.pr-mc .pr-terms { background: var(--line); border-color: var(--line); }
.pr-mc .pr-terms div { background: #13204a; }
.pr-mc .pr-terms dd { color: var(--grigio); }

/* Portrait et parcours (Chi sono) */
.pr-mc .pr-portrait-fig > img:first-child { border-radius: 0; }
.pr-mc .pr-portrait-fig::after { border-radius: 0; }
.pr-mc .pr-hero-medal { background: #13204a; border: 1px solid var(--line); }
.pr-mc .pr-timeline li::before { background: var(--carta); border-color: var(--oro); }
.pr-mc .pr-timeline p, .pr-mc .pr-qual-list p { color: var(--grigio); }
.pr-mc .pr-tl-year { letter-spacing: .24em; }

/* Contact */
.pr-mc .pr-channels li { background: var(--carta); border-color: var(--line); }
.pr-mc .pr-channel-value { color: var(--oro-chiaro); }
.pr-mc .pr-practical li { color: var(--testo); }
.pr-mc .pr-form { background: var(--carta); border-color: var(--line); border-top: 2px solid var(--oro); }
.pr-mc .pr-field { color: var(--oro); font-weight: 400; letter-spacing: .04em; }
.pr-mc .pr-field input, .pr-mc .pr-field textarea { background: rgba(255, 255, 255, .05); border-color: rgba(216, 178, 92, .35); color: #f3e6c4; }
.pr-mc .pr-field input::placeholder, .pr-mc .pr-field textarea::placeholder { color: var(--pallido); }
.pr-mc .pr-field input:focus, .pr-mc .pr-field textarea:focus { border-color: var(--oro); box-shadow: 0 0 0 3px rgba(216, 178, 92, .25); }
.pr-mc .pr-form-error { color: #ffb4a8; }
.pr-mc .pr-field.is-invalid input, .pr-mc .pr-field.is-invalid textarea { border-color: #ff8a7a; }

/* Pied de page */
.pr-mc .pr-footer { background: var(--notte); color: var(--grigio); border-top: 1px solid var(--line); }
.pr-mc .pr-footer-brand p { color: var(--testo); }
.pr-mc .pr-footer a { color: var(--oro); }
.pr-mc .pr-footer-follow, .pr-mc .pr-footer-bottom { color: var(--pallido); }
.pr-mc .pr-social a { border-radius: 0; }
.pr-mc .pr-footer .pr-langs { color: var(--oro); }

/* Barre d'actions mobile */
.pr-mc .pr-actionbar { background: rgba(19, 32, 74, .94); border-color: var(--line); border-radius: 0; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.pr-mc .pr-actionbar a { color: var(--oro); letter-spacing: .06em; }
.pr-mc .pr-actionbar a:first-child { background: var(--oro-grad); color: #060a24; }
.pr-mc .pr-actionbar a:first-child .ico { color: #060a24; }

/* Tablette */
@media (min-width: 640px) {
  .mc-acts { flex-direction: row; flex-wrap: wrap; }
  .mc-acts-center { justify-content: center; }
  .mc-glass { grid-template-columns: repeat(4, 1fr); }
  .mc-tiles { grid-template-columns: 1fr 1fr; column-gap: 40px; }
}

/* Bureau */
@media (min-width: 900px) {
  .pr-mc .pr-section { padding: 130px 0; }
  .mc-hero { min-height: calc(100svh - 68px); }
  .mc-hero::after { background: linear-gradient(180deg, rgba(19, 32, 74, .6) 0%, rgba(19, 32, 74, .2) 24%, rgba(19, 32, 74, .8) 44%, rgba(19, 32, 74, .92) 64%, #13204a 100%); }
  .mc-hero-txt { padding-top: 22vh; }
  .mc-sh { grid-template-columns: 1fr 1fr; align-items: end; gap: 40px; }
  .mc-tiles { grid-template-columns: repeat(3, 1fr); }
  .mc-split { grid-template-columns: 5fr 6fr; gap: 90px; }
  .mc-steps { grid-template-columns: repeat(4, 1fr); border-left: 0; border-top: 1px solid var(--oro); }
  .mc-steps li { padding: 34px 24px 0 0; }
  .mc-steps li::before { left: 0; top: -15px; }
}

@media (min-width: 1100px) {
  .mc-hero { min-height: calc(100svh - 124px); }
  .pr-mc .pr-nav a { color: var(--oro); font: 500 12px/1 var(--sans); letter-spacing: .24em; text-transform: uppercase; }
  .pr-mc .pr-nav a::after { background: var(--oro); }
  .pr-mc .pr-header-cta { min-height: 46px; padding: 10px 22px; font-size: 12px; }
}