.dropdown {
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  background: rgb(248, 248, 248);
  border: solid 1px rgb(222, 222, 222);
  /*display: grid;*/
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: 
    "titulo-dropdown"
    "contenido-dropdown";
}

.activadorDropdown{
	cursor: pointer;
}

dropdown.closed { 
  grid-template-areas: "icon";  
}

.titulo-dropdown {
  grid-area: titulo-dropdown;
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.5rem;  
}

.titulo-dropdown span {
  color: white;
}

.closed .titulo-dropdown span {
	color: white;
}

.contenido-dropdown {
  grid-area: contenido-dropdown;
  transition: all 0.2s ease-in-out;
  overflow:hidden;
}


.dropdown.closed .contenido-dropdown { 
	height: 0px!important;
	padding-top:0px;
	padding-bottom:0px; 
}