/* ========================================================================
   DESCRIPCION DE ATENCION MEDICA - Formato de viñetas y titulos en color azul
======================================================================== */

#listing-style-7 .perfil-profesional ul{
	list-style:none;
	padding:0;
	margin:0;
}

#listing-style-7 .perfil-profesional li.perfil-lista-item{
	position:relative;
	padding-left:28px;
	margin-bottom:18px;
	line-height:1.6;
}

/* VIÑETA */
#listing-style-7 .perfil-profesional li.perfil-lista-item::before{
	content:"•";
	position:absolute;
	left:5px;
	top:0;
	color:#102d66;
	font-size:24px;
	font-weight:bold;
}

/* TITULO PROFESIONAL */
#listing-style-7 .perfil-profesional li strong{
	color:#102d66;
	font-weight:700;
}

/* PERIODO */
#listing-style-7 .perfil-profesional .periodo{
	color:#666;
	font-weight:600;
}


/* ==================================================
   FORMATO DE SECCIÓN
   DESCRIPCIÓN DE ATENCIÓN MÉDICA
================================================== */

/* ==================================================
   CONTENEDOR GENERAL
================================================== */

#listing-style-7 .perfil-medico-profesional{
	width:100%;
}

#listing-style-7 .perfil-seccion{
	margin-bottom:35px;
}


/* ==================================================
   ÁREAS DE ESPECIALIZACIÓN
================================================== */

#listing-style-7 .perfil-lista-especializacion{
	list-style:none;
	margin:0;
	padding:0;
}

#listing-style-7 .perfil-lista-especializacion li{
	position:relative;
	padding-left:28px;
	margin-bottom:18px;
	line-height:1.7;
	color:#475569;
}

/* Viñeta */

#listing-style-7 .perfil-lista-especializacion li::before{
	content:"•";
	position:absolute;
	left:6px;
	top:-2px;
	font-size:24px;
	font-weight:bold;
	color:#102d66;
}

/* Título */

#listing-style-7 .perfil-lista-especializacion strong{
	color:#102d66;
	font-weight:700;
}


/* ==================================================
   TABLA ENFERMEDADES Y TRATAMIENTOS
================================================== */

#listing-style-7 .tabla-enfermedades-responsive{
	width:100%;
	background:#fffdf7;
	border:1px solid #d6dde8;
	border-left:8px solid #102d66;
	border-radius:8px;
	overflow:hidden;
}


/* ==================================================
   CABECERA
================================================== */

#listing-style-7 .tabla-header{
	display:grid;
	grid-template-columns:22% 39% 39%;
	background:#5f6b73;
	color:#ffffff;
	font-weight:700;
}

#listing-style-7 .tabla-header div{
	padding:18px 20px;
	font-size:16px;
	text-align:center;
	border-right:1px solid rgba(255,255,255,.18);
}

#listing-style-7 .tabla-header div:last-child{
	border-right:none;
}


/* ==================================================
   SUBTÍTULOS DE CABECERA
   Compatible con .tabla-subtitulo del HTML
================================================== */

#listing-style-7 .tabla-subtitulo{
	font-weight:700;
	text-align:center;
}


/* ==================================================
   FILAS
================================================== */

#listing-style-7 .tabla-row{
	display:grid;
	grid-template-columns:22% 39% 39%;
	border-top:1px solid #d6dde8;
	transition:.25s;
}

#listing-style-7 .tabla-row:hover{
	background:#fafcff;
}


/* ==================================================
   GRUPO DE ENFERMEDAD
================================================== */

#listing-style-7 .grupo-enfermedad{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:24px 20px;
	background:#f5f8ff;
	color:#102d66;
	font-size:17px;
	font-weight:700;
	text-align:center;
	border-right:1px solid #d6dde8;
}


/* ==================================================
   COLUMNAS
================================================== */

#listing-style-7 .enfermedades,
#listing-style-7 .tratamientos{
	padding:22px;
}


/* ==================================================
   SUBTÍTULOS (Solo visibles en móvil)
================================================== */

#listing-style-7 .tabla-label{
	display:none;
	margin:0 0 14px;
	font-size:16px;
	font-weight:700;
	color:#102d66;
}


/* ==================================================
   LISTAS
================================================== */

#listing-style-7 .lista-enfermedades,
#listing-style-7 .lista-tratamientos{
	list-style:none;
	margin:0;
	padding:0;
}

#listing-style-7 .lista-enfermedades li,
#listing-style-7 .lista-tratamientos li{
	position:relative;
	padding-left:22px;
	margin-bottom:10px;
	line-height:1.6;
	color:#475569;
}

/* Viñetas */

#listing-style-7 .lista-enfermedades li::before,
#listing-style-7 .lista-tratamientos li::before{
	content:"•";
	position:absolute;
	left:3px;
	top:-2px;
	font-size:22px;
	font-weight:bold;
	color:#102d66;
}


/* ==================================================
   RESPONSIVE TABLET Y CELULAR
================================================== */

@media (max-width:768px){

	/* Oculta cabecera principal */

	#listing-style-7 .tabla-header{
		display:none;
	}


	/* Cada fila se convierte en bloque */

	#listing-style-7 .tabla-row{
		display:block;
		border-top:1px solid #d6dde8;
	}


	/* Nombre del grupo */

	#listing-style-7 .grupo-enfermedad{
		display:block;
		padding:18px;
		text-align:center;
		border-right:none;
		border-bottom:1px solid #d6dde8;
		background:#0762F7;
		color:#ffffff;
	}


	/* Columnas internas */

	#listing-style-7 .enfermedades,
	#listing-style-7 .tratamientos{
		padding:18px;
	}


	/* Mostrar encabezados internos */

	#listing-style-7 .tabla-label{
		display:block;
		margin-bottom:14px;
		font-size:16px;
		font-weight:700;
		color:#102d66;
		padding-bottom:8px;
		border-bottom:1px solid #d6dde8;
	}


	/* Separador entre enfermedades y tratamientos */

	#listing-style-7 .enfermedades{
		border-bottom:1px solid #e7edf5;
	}

}


/* ==================================================
   FIN FORMATO DE SECCIÓN
   DESCRIPCIÓN DE ATENCIÓN MÉDICA
================================================== */


/* ==================================================
   PREGUNTAS FRECUENTES
================================================== */

#listing-style-7 .faq-info{
	background:#eef4fb;
	color:#5b6b7c;
	padding:12px 20px;
	font-size:14px;
	border-left:4px solid #4f6d8a;
	margin-top:0;
	margin-bottom:25px;
}


/* ==================================================
   ACORDEÓN FAQ
================================================== */

#listing-style-7 .faq-item{
	margin:0 30px 18px;
	border:1px solid #d7e1ea;
	border-radius:8px;
	overflow:hidden;
	box-shadow:0 2px 5px rgba(0,0,0,.05);
	background:#ffffff;
}


/* ==================================================
   ENCABEZADO DEL ACORDEÓN FAQ
================================================== */

#listing-style-7 .faq-item summary{
	position:relative;
	list-style:none;
	cursor:pointer;
	background:#5c7894;
	color:#ffffff;
	padding:18px 22px;
	font-size:18px;
	font-weight:600;
	line-height:1.5;
	transition:background .25s ease;
}


/* Oculta marcador nativo */

#listing-style-7 .faq-item summary::-webkit-details-marker{
	display:none;
}

#listing-style-7 .faq-item summary::marker{
	display:none;
}


/* Hover */

#listing-style-7 .faq-item summary:hover{
	background:#102d66;
}


/* Icono FAQ */

#listing-style-7 .faq-item summary::after{
	content:"+";
	position:absolute;
	right:22px;
	top:50%;
	transform:translateY(-50%);
	font-size:24px;
	font-weight:700;
	line-height:1;
	transition:transform .25s ease;
}


/* Estado abierto */

#listing-style-7 .faq-item[open] summary{
	background:#102d66;
}

#listing-style-7 .faq-item[open] summary::after{
	content:"−";
}


/* ==================================================
   CONTENIDO DEL ACORDEÓN FAQ
================================================== */

#listing-style-7 .faq-content{
	background:#ffffff;
	padding:24px 28px;
	border-left:5px solid #102d66;
}

#listing-style-7 .faq-content p{
	margin:0;
	color:#475569;
	font-size:16px;
	line-height:1.9;
	text-align:justify;
}


/* ==================================================
   RESPONSIVE TABLET FAQ
================================================== */

@media (max-width:992px){

	#listing-style-7 .faq-item{
		margin-left:15px;
		margin-right:15px;
	}

}


/* ==================================================
   RESPONSIVE CELULAR FAQ
================================================== */

@media (max-width:768px){

	#listing-style-7 .faq-info{
		padding:12px 16px;
		font-size:13px;
	}

	#listing-style-7 .faq-item{
		margin:0 0 18px;
	}

	#listing-style-7 .faq-item summary{
		padding:16px 18px;
		font-size:16px;
		line-height:1.5;
	}

	#listing-style-7 .faq-item summary::after{
		right:18px;
		font-size:22px;
	}

	#listing-style-7 .faq-content{
		padding:18px;
	}

	#listing-style-7 .faq-content p{
		font-size:15px;
		line-height:1.8;
	}

}


/* ==========================================
   CATEGORÍAS DE ENFERMEDADES
========================================== */

.tabla-categoria{
	width:100%;
	background:linear-gradient(90deg,#2e7d32,#43a047);
	color:#ffffff;
	font-size:24px;
	font-weight:700;
	text-align:center;
	padding:16px 20px;
	margin:35px 0 15px;
	border-radius:14px;
	letter-spacing:.4px;
	box-shadow:0 4px 12px rgba(46,125,50,.20);
	box-sizing:border-box;
}


/* ==================================================
   SEPARACIÓN ENTRE EL TÍTULO DE LA SECCIÓN
   Y LA TABLA DE ENFERMEDADES
================================================== */

.perfil-seccion > .medical-block-title + .tabla-enfermedades-responsive{
	margin-top:20px;
}


/* =========================================================
   ACORDEONES DE INFORMACIÓN ADICIONAL
========================================================= */

.perfil-curriculum .curriculum-details{
	margin-top:18px;
	margin-bottom:18px;
	border:1px solid #e1e6ec;
	border-radius:10px;
	background:#ffffff;
	overflow:hidden;
	box-shadow:0 2px 8px rgba(0,0,0,0.04);
}


/* =========================================================
   CABECERA DEL ACORDEÓN
========================================================= */

.perfil-curriculum .curriculum-details > summary.curriculum-more{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	min-height:58px;
	padding:15px 55px 15px 20px;
	box-sizing:border-box;
	cursor:pointer;
	list-style:none;
	background:#f7f9fb;
	color:#263746;
	font-size:16px;
	font-weight:600;
	border:0;
	transition:background 0.25s ease, color 0.25s ease;
}


/* =========================================================
   ELIMINAR MARCADOR NATIVO
========================================================= */

.perfil-curriculum .curriculum-details > summary.curriculum-more::-webkit-details-marker{
	display:none;
}

.perfil-curriculum .curriculum-details > summary.curriculum-more::marker{
	display:none;
}


/* =========================================================
   SIGNO +
   ACORDEÓN CERRADO
========================================================= */

.perfil-curriculum .curriculum-details > summary.curriculum-more::after{
	content:"+";
	position:absolute;
	right:18px;
	top:50%;
	transform:translateY(-50%);

	display:flex;
	align-items:center;
	justify-content:center;

	width:30px;
	height:30px;

	border-radius:50%;

	background:#102d66;
	color:#ffffff;

	font-size:22px;
	font-weight:600;
	line-height:1;

	box-sizing:border-box;

	transition:
		transform .25s ease,
		background .25s ease;
}


/* =========================================================
   SIGNO -
   ACORDEÓN ABIERTO
========================================================= */

.perfil-curriculum .curriculum-details[open] > summary.curriculum-more::after{
	content:"−";
}


/* =========================================================
   HOVER
========================================================= */

.perfil-curriculum .curriculum-details > summary.curriculum-more:hover{
	background:#eef5f8;
	color:#1f6f8b;
}

.perfil-curriculum .curriculum-details > summary.curriculum-more:hover::after{
	transform:translateY(-50%) scale(1.08);
}


/* =========================================================
   ESTADO ABIERTO
========================================================= */

.perfil-curriculum .curriculum-details[open] > summary.curriculum-more{
	background:#eef5f8;
	color:#1f6f8b;
	border-bottom:1px solid #dbe5ea;
}

.perfil-curriculum .curriculum-details[open] > summary.curriculum-more::after{
	background:#1f6f8b;
}


/* =========================================================
   CONTENIDO DEL ACORDEÓN
========================================================= */

.perfil-curriculum .curriculum-details > .curriculum-block{
	margin-top:0;
	padding:20px;
	background:#ffffff;
}


/* =========================================================
   TÍTULO INTERNO
========================================================= */

.perfil-curriculum .curriculum-details .curriculum-header h3{
	margin-top:0;
}


/* =========================================================
   MÓVILES
========================================================= */

@media (max-width:767px){

	.perfil-curriculum .curriculum-details{
		margin-top:14px;
		margin-bottom:14px;
		border-radius:8px;
	}

	.perfil-curriculum .curriculum-details > summary.curriculum-more{
		min-height:54px;
		padding:14px 50px 14px 16px;
		font-size:15px;
	}

	.perfil-curriculum .curriculum-details > summary.curriculum-more::after{
		right:15px;
		width:28px;
		height:28px;
		font-size:20px;
	}

	.perfil-curriculum .curriculum-details > .curriculum-block{
		padding:16px;
	}

}



.iconos-medicos-prueba {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    align-items: center;
}

.icono-medico {
    width: 100px;
    text-align: center;
}

.icono-medico::before {
    display: block;
    font-size: 45px;
    margin-bottom: 8px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

/* Médico */
.icono-doctor::before {
    content: "\f0f0";
}

/* Estetoscopio */
.icono-estetoscopio::before {
    content: "\f0f1";
}

/* Hospital */
.icono-hospital::before {
    content: "\f0f8";
}

/* Corazón */
.icono-corazon::before {
    content: "\f21e";
}

/* Jeringa */
.icono-jeringa::before {
    content: "\f48e";
}

/* Paciente */
.icono-paciente::before {
    content: "\f007";
}



/* ==================================================
   PRUEBA TEMPORAL - GRUPOS DE ENFERMEDADES EN CELESTE
================================================== */

@media (max-width:768px){

	#listing-style-7 .grupo-enfermedad{
		background:#0762F7 !important;
		color:#ffffff !important;
	}

}


/* ==================================================
   PRUEBA - ENCABEZADOS INTERNOS EN MORADO
   SOLO EN CELULAR
================================================== */

@media (max-width:768px){

	#listing-style-7 .tabla-label{
		background:#DDE1E6 !important;
		color:#030D40 !important;
		padding:10px 12px;
		border-radius:6px;
	}

}