body {
  background: #fff;
  color: #102116;
}
header {
  border-bottom: 3px solid #00723e;
  padding: 1rem 0;
  background: #f8fdf9;
}
header h1 {
  font-size: 1.8rem;
  color: #00723e;
  font-weight: 700;
  letter-spacing: 0.2px;
}

/* Acordeón estilo Iberdrola */
.accordion-item {
  border: 1px solid #dfe8d8;
  border-radius: 0.25rem;
  overflow: hidden;
  background: #f3f8ef;
  margin-bottom: 1rem;
}
.accordion-button {
  font-size: 1.3rem;
  color: #0c3b25;
   font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.accordion-button:not(.collapsed) {
  background: #cfe7c7;
  color: #0c3b25;
  box-shadow: inset 0 -1px 0 #dfe8d8;
}
.accordion-body {
  padding: 1.25rem 1.25rem 1rem;
}

/* Tarjetas de cada política */
.policy {
  display: flex;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid #e6efe1;
}
.policy:last-child {
  border-bottom: 0;
}
.policy-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border: 2px solid #00723e;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00723e;
  font-weight: 700;
  font-size: 1.1rem
}
.policy-title {
 font-size: 1.30rem;
  font-weight: 800;
  margin: 0 0 0.25rem;
}
.policy-sub {
  color: #3c5c46;
  font-size: 0.975rem;
  margin: 0 0 0.25rem;
}
.policy-actions a {
 font-size: 0.95rem;
  font-weight: 500;
  color: #00723e;
  text-decoration: none;
}
.policy-actions a:hover {
  text-decoration: underline;
}
.section-note {
  color: #2a5a24;
  font-size: 0.95rem;
  margin: 0.25rem 0 1rem;
}
  .bloque-sgs{
    border-top:2px solid #f59c00;
    border-bottom:2px dot #f59c00;
    padding:16px 12px;
    margin:22px 0;
  }
  .fila-sgs{
    display:flex;
    gap:16px;
    align-items:flex-start;
  }
  .icono-sgs{
    flex:0 0 48px;
    width:48px;
    height:48px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .contenido-sgs{flex:1}
  .titulo-sgs{
    font-weight:700;
    margin:0 0 6px 0;
    font-size:1.05rem;
  }
  .contenido-sgs p{
    margin:0.5rem 0;
    text-align:left;
  }
  @media(max-width:576px){
    .fila-sgs{flex-direction:column}
    .icono-sgs{margin-bottom:8px}
  }
  
.accordion-button {
  display: flex;
  justify-content: space-between; /* separa texto y flecha */
  align-items: center;
  width: 100%;

  color: #004221; /* verde corporativo */
  font-weight: 700;
  font-size: 1.1rem;
  padding: 1rem 1.5rem;
  border: none;
  outline: none;
  cursor: pointer;
}

.accordion-button:hover {
  background-color: #c8dfb5;
}

/* Flecha SVG */
.accordion-button .acc-caret {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
  background: no-repeat center/contain url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\
<path fill="%23004221" d="M5.854 3.646a.5.5 0 0 0-.708.708L9.293 8l-4.147 3.646a.5.5 0 1 0 .708.708l4.5-4a.5.5 0 0 0 0-.708l-4.5-4z"/>\
</svg>');
}

/* Cuando está colapsado */
.accordion-button.collapsed .acc-caret {
  transform: rotate(0deg);
}

/* Cuando está expandido */
.accordion-button:not(.collapsed) .acc-caret {
  transform: rotate(90deg);
}