#portrait-map, #landscape-map-1 {
  position: relative;
}

#portrait-map #brujula_000000,
#portrait-map #brujula_ffffff
 {
  position: absolute;
  top: -12.5%;
  left: -12.6%;
} 

#portrait-map #corazon {
    position: absolute;
    top: 12.5%;
    left: 4.9%;
}

#portrait-map #corazon-externo {
    position: absolute;
    top: 0;
    left: 0;
}


#portrait-map #corazon_externo_000000,
#portrait-map #corazon_externo_ffffff,
#portrait-map #corazon_externo_224855,
#portrait-map #corazon_externo_2a206f,
#portrait-map #corazon_externo_50707e,
#portrait-map #corazon_externo_884a87,
#portrait-map #corazon_externo_891e2f,
#portrait-map #corazon_externo_191f36

{
    position: absolute;
    top: 0;
    left: 0;   
}


#portrait-map #corazon-externo,
#portrait-map #corazon_externo_000000,
#portrait-map #corazon_externo_ffffff,
#portrait-map #corazon_externo_224855,
#portrait-map #corazon_externo_2a206f,
#portrait-map #corazon_externo_50707e,
#portrait-map #corazon_externo_884a87,
#portrait-map #corazon_externo_891e2f,
#portrait-map #corazon_externo_191f36
  {
  max-width: 100%;
  /*height: 100%;*/
}


#landscape-map-1 #brujula_000000_ls,
#landscape-map-1 #brujula_ffffff_ls
 {
  position: absolute;
  top: -12.5%;
  left: -12.6%;
} 

#landscape-map-1 #corazon_ls {
    position: absolute;
    top: 12.5%;
    left: 4.9%;
}




#landscape-map-1 #corazon_externo_000000_ls,
#landscape-map-1 #corazon_externo_ffffff_ls,
#landscape-map-1 #corazon_externo_224855_ls,
#landscape-map-1 #corazon_externo_2a206f_ls,
#landscape-map-1 #corazon_externo_50707e_ls,
#landscape-map-1 #corazon_externo_884a87_ls,
#landscape-map-1 #corazon_externo_891e2f_ls,
#landscape-map-1 #corazon_externo_191f36_ls

{
    position: absolute;
    top: 0;
    left: 0;   
}


#landscape-map-1 #corazon-externo,
#landscape-map-1 #corazon_externo_000000_ls,
#landscape-map-1 #corazon_externo_ffffff_ls,
#landscape-map-1 #corazon_externo_224855_ls,
#landscape-map-1 #corazon_externo_2a206f_ls,
#landscape-map-1 #corazon_externo_50707e_ls,
#landscape-map-1 #corazon_externo_884a87_ls,
#landscape-map-1 #corazon_externo_891e2f_ls,
#landscape-map-1 #corazon_externo_191f36_ls
  {
  max-width: 100%;
  /*height: 100%;*/
}
















.color-options {
  display: flex;
  flex-wrap: wrap;
}

.color-options label {
  display: flex;
  align-items: center;
  margin-right: 15px;
  margin-bottom: 20px;
}

.color-box {
    display: inline-block;
    width: 20px;
    height: 30px;
    border: 1px solid #222121;
    margin-right: -5px;
}

input[type="radio"] {
  display: none;
}

input[type="radio"]:checked + .color-box {
  border-color: #000;
}


#icono-normal label, #icono-corazon label, #icono-brujula label
{
	margin-right: 20px;
  margin-bottom: 20px;
}

label.iconos {
    margin-right: -20px;
    margin-top: 5px;
    /* margin-bottom: 5px; */
    /* padding-bottom: 10px; */
}

/*
.corazon_externo_svg{
  filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
    filter: invert(36%) sepia(18%) saturate(1456%) hue-rotate(252deg) brightness(93%) contrast(90%);
}
*/
/*
.corazon_externo_svg svg path{
  fill: 'red';
}*/



/*


#portrait-map.with_heart,
#portrait-map.with_compass
{
	align-items:center;
	display:flex;
	justify-content:center;
	overflow:hidden
}
#portrait-map .heart_svg,
#portrait-map .heart_outer_svg,
#portrait-map .compass_inner_svg,
#portrait-map .compass_outer_svg{
	display:block;
	height:auto;
	left:0;
	position:absolute;
	top:0;width:100%
 }



 #portrait-map .compass_inner_svg, 
 #portrait-map .compass_outer_svg{
	display:block;
	height:auto;
	left:0;
	position:absolute;
	top:0;width:100%
 }

#portrait-map .compass_inner_svg,
#portrait-map .compass_outer_svg{
	z-index:9
}

#portrait-map .compass_outer_svg.is_white path{fill:#000}
#portrait-map .compass_inner_svg.is_white path{fill:#fff}

svg.compass_inner_svg {
    margin-top: -520px;
}
*/
/*.heart_svg,.heart_outer_svg
{
	display: none;
}*/