:root {
      --primary: #144d43;
      --secondary: #8ebaae;
      --accent: #cfe8e2;
      --text: #333;
      --bg: #f9f9f9;
	  --bordo: #a62927;
    }
    * { box-sizing: border-box; }
    body { font-family: 'Segoe UI', sans-serif; margin: 0; padding: 0; background: var(--bg); color: var(--text); line-height: 1.6; }
    header { background: #fff; color: var(--bordo); padding: 2rem 1rem 1rem; text-align: center; }
    header h1 { margin: 0; font-size: 2rem; }
	header p {color: var(--primary); font-weight: bold;font-size: 1.5rem; line-height: 0.95; }
 
	nav { background: var(--primary); padding: 1rem; text-align: center; flex-wrap: wrap; display: flex; justify-content: center; }
    nav a { color: white; margin: 0.5rem 0.5rem 0.5rem; padding:0.5rem 0.2rem; font-weight: 500; background: transparent; border: none; font-size: 1.0rem; cursor: pointer; }
	nav select { color: white; margin: 0.0rem 0.5rem; padding:0.3rem 0.5rem; font-weight: 500; background: var(--primary); border: none; font-size: 0.9rem; cursor: pointer;border:1px solid var(--secondary); }
 
	section { padding: 0.4rem 5% 0.6rem; max-width: 1000px; margin: auto; }
    h2 { color: var(--primary); border-bottom: 2px solid var(--secondary); padding-bottom: 0.2rem; margin-bottom: 1rem; }
	h2 span {font-size:1.3rem}
    h3 { color: var(--primary); }
    ul { padding-left: 1.2rem; }
    ul li { margin-bottom: 0.5rem; }
    .highlight { color: var(--secondary); font-weight: bold; }
	
	footer { background: var(--primary); color: #fff; text-align: center; padding: 1rem; margin-top: 1rem; }
	footer  h2 { color: #fff; text-align: left; border-bottom: 2px solid var(--accent); padding-bottom: 0.3rem; margin-bottom: 1rem; }
	footer ul {list-style:none}
    a:hover { text-decoration: underline;  cursor: pointer; }
    .logo-row {display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem; margin-bottom: 2rem; }
    .logo-row img { height: 80px; object-fit: contain; max-width: 45%; }
    .logo-row111 a { color: white; margin: 0; padding:0;  background: transparent; border: none; cursor: pointer; }
    .logo-row a img { height: 80px; object-fit: contain; max-width: 100%;}
    .logo-row2 {display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem; margin-bottom: 2rem; }
    .logo-row2 p {display:block; width: 45%;}
    .lang { display: none; }
    .lang.active { display: block; }
   
   @media (max-width: 768px) {
    nav { flex-direction: column; }
	.logo-row img { max-height: 40%; }
	.logo-row a img { max-height: 100%; }
	.logo-row2 p{ min-width: 99%;}
    }
   @media (max-width: 842px) {
	nav select { margin: 0.5rem 0.5rem;}     
   }