@charset "utf-8";

/* CSS Document */

:root{

	--border-radius:10px;

	--color-unico: var(--primary-color);

	--color-gold: #000;

	--color-plata: #000086;

}

.plan{

	margin-bottom:3em;

}



.accordion-button::after {

  

}



.accordion-button.collapsed::after {

  

}



.accordion-item {

	border-top-left-radius: var(--border-radius) !important;

    border-top-right-radius: var(--border-radius) !important;

    border-radius:10px;

	margin-bottom:1em;

	border:none;

}

.accordion-header{

	border-radius: var(--border-radius);

}

.accordion-header {

	border-top-left-radius: var(--border-radius) !important;

    border-top-right-radius: var(--border-radius) !important;

	border-radius:var(--border-radius) !important;

}



.unico{

	background-color:var(--color-unico);

}

.plata{

	background-color:var(--color-plata);

}



.gold{

	background-color:var(--color-gold);

}

.accordion-button{

	font-weight:bold;

	font-size:1em;

	color:#FFF;

	padding:1em;

}

.accordion-button.collapsed){

	color:#FF0;

}



.accordion-button.unico:not(.collapsed) {

    color: #FFF;

    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);

	border-radius:var(--border-radius) !important;

	background-color:var(--color-unico);

}



.accordion-button.plata:not(.collapsed) {

    color: #FFF;

    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);

	border-radius:var(--border-radius) !important;

	background-color:var(--color-plata);

}

.accordion-button.gold:not(.collapsed) {

    color: #FFF;

    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);

	border-radius:var(--border-radius) !important;

	background-color:var(--color-gold);

}

.accordion-button::after{

	border-radius: 50%;

	opacity:0.7;

	background-image: none !important;

	



}



.accordion-button:not(.collapsed)::after {

	background-image: none !important;

}



.accordion-button.collapsed {

    color: #FFF;

    background-color: none;

    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);

	border-radius:var(--border-radius) !important;

}



.accordion-item:last-of-type .accordion-collapse {

    border-bottom-right-radius: var(--border-radius);

    border-bottom-left-radius: var(--border-radius);

}



.accordion-item:last-of-type {

    border-bottom-right-radius: var(--border-radius);

    border-bottom-left-radius: var(--border-radius);

}



.decorador-lateral{

	height: 3em;

	width: 3em;

	background-color: #FFF;

	border-radius: 50%;

	display: inline-block;

	opacity:0.7;

	background-image: url("../img/ilustraciones/main/arrow-down-short.svg");

	background-size: cover;

	margin-bottom: 0.5rem;



}





.titulo-beneficios{

	color:#000;

	font-weight:bold;

	padding-top: 1em;

	padding-left: 1em;

}



.plan-caracteristicas{

	margin-top: 1em;

	margin-left: 2em;

	

}

.plan-boton{

	color:#FFF;

	padding-left:2em;

	padding-right:2em;

	padding-top:0.5em;

	padding-bottom:0.5em;

	font-size:1em;

	margin-bottom:2em;

	margin-top:2em;

	border-radius: 10px;

	

}