/* Desplegable de las guias para familias, cuento a cuento */
.cpc-fichas-accion {
	position:relative;
	margin:35px auto 65px;
	text-align:center;
}

.cpc-fichas-menu {
	position:relative;
	display:inline-block;
	z-index:20;
}

.cpc-fichas-menu summary {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	margin:0 !important;
	padding:7px 14px;
	line-height:1;
	cursor:pointer;
	list-style:none;
}

.cpc-fichas-menu summary i {
	position:static;
	flex:0 0 auto;
	margin:0 12px 0 0;
	line-height:1;
}

.cpc-fichas-menu summary::-webkit-details-marker {
	display:none;
}

.cpc-fichas-menu summary:hover,
.cpc-fichas-menu summary:focus,
.cpc-fichas-menu[open] summary {
	transform:none;
}

.cpc-fichas-flecha {
	display:inline-block;
	flex:0 0 auto;
	align-self:center;
	box-sizing:border-box;
	width:10px;
	height:10px;
	margin-left:16px;
	border-right:1.5px solid currentColor;
	border-bottom:1.5px solid currentColor;
	transform:rotate(45deg);
	transform-origin:50% 50%;
	transition:transform 0.2s ease-in-out;
}

.cpc-fichas-menu[open] .cpc-fichas-flecha {
	transform:rotate(225deg);
}

.cpc-fichas-menu ul {
	position:absolute;
	top:calc(100% + 8px);
	left:50%;
	width:330px;
	margin:0;
	padding:8px;
	background:#fff;
	border:1px solid rgba(0,50,69,0.15);
	border-radius:12px;
	box-shadow:0 10px 25px rgba(0,0,0,0.25);
	list-style:none;
	transform:translateX(-50%);
}

.cpc-fichas-menu li {
	margin:0;
	padding:0;
	border:0;
	list-style:none;
}

.cpc-fichas-menu li + li {
	border-top:1px solid #e3e8eb;
}

.cpc-fichas-menu li a {
	display:block;
	padding:10px 12px;
	color:#662382;
	font-family:'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:400;
	line-height:1.3;
	text-align:left;
	border-radius:7px;
}

.cpc-fichas-menu li a:hover,
.cpc-fichas-menu li a:focus {
	background:transparent;
	color:#009ee3;
}

/* En escritorio el panel abre hacia arriba; la flecha mantiene su semantica. */
@media (min-width: 769px) {
	.cpc-fichas-menu ul {
		top:auto;
		bottom:calc(100% + 8px);
	}
}

@media (max-width: 479px) {
	.cpc-fichas-menu ul {
		width:min(330px, calc(100vw - 30px));
	}
}