/* Colores: ajústalos aquí para afinar al tema. */
.caut-bloque{
	--caut-verde:#7aa36e;
	--caut-azul:#10214a;
	--caut-cargo:#2f8f7a;
	--caut-borde:#e2e0da;
	margin:0 0 3rem;
	text-align:center;
}

.caut-etiqueta{
	display:inline-block;
	background:var(--caut-verde);
	color:#fff;
	font-size:.75rem;
	font-weight:600;
	letter-spacing:.16em;
	padding:.45rem 1.25rem;
	border-radius:3px;
	margin:0 0 1rem;
}
.caut-titulo{
	color:var(--caut-azul);
	font-size:clamp(1.6rem,4vw,2.8rem);
	margin:0 0 2rem;
	line-height:1.2;
}
.caut-vigencia{
	color:var(--caut-azul);
	font-size:clamp(1.15rem,2.5vw,1.6rem);
	margin:0 0 1.25rem;
	text-align:left;
}

/* Pista: carril + flechas */
.caut-pista{position:relative;}

.caut-carril{
	display:flex;
	gap:1.5rem;
	margin:0;
	padding:0 0 .5rem;
	list-style:none;
	overflow-x:auto;
	scroll-snap-type:x mandatory;
	scroll-behavior:smooth;
	scrollbar-width:none;
	-ms-overflow-style:none;
}
.caut-carril::-webkit-scrollbar{display:none;}
.caut-carril:focus-visible{outline:2px solid var(--caut-verde);outline-offset:4px;}

.caut-tarjeta{
	flex:0 0 calc((100% - (var(--caut-visibles,3) - 1) * 1.5rem) / var(--caut-visibles,3));
	scroll-snap-align:start;
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
.caut-foto{
	aspect-ratio:var(--caut-prop,4/3);
	overflow:hidden;
	background:#f1efe9;
	border-radius:4px;
	margin-bottom:1rem;
}
/* El encuadre de cada foto llega como object-position en línea. */
.caut-foto img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.caut-sinfoto{display:block;width:100%;height:100%;}

.caut-nombre{
	color:var(--caut-azul);
	font-size:1.25rem;
	margin:0 0 .35rem;
	line-height:1.3;
}
.caut-cargo{
	color:var(--caut-cargo);
	font-size:.8rem;
	font-weight:600;
	letter-spacing:.12em;
	text-transform:uppercase;
	margin:0;
}

/* Flechas */
.caut-flecha{
	position:absolute;
	top:calc((100% - 5.5rem) / 2);
	transform:translateY(-50%);
	z-index:2;
	width:44px;
	height:44px;
	border:1px solid var(--caut-borde);
	border-radius:50%;
	background:#fff;
	color:var(--caut-azul);
	font-size:1.9rem;
	line-height:1;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 0 .2rem;
	box-shadow:0 2px 10px rgba(0,0,0,.12);
	transition:background .2s,color .2s;
}
.caut-flecha:hover,
.caut-flecha:focus-visible{background:var(--caut-verde);color:#fff;border-color:var(--caut-verde);}
.caut-flecha[hidden]{display:none;}
.caut-flecha[disabled]{opacity:.35;cursor:default;box-shadow:none;}
.caut-ant{left:-22px;}
.caut-sig{right:-22px;}

.caut-bloque-hist{margin-bottom:2.5rem;text-align:left;}
.caut-historico .caut-tarjeta{text-align:center;}

@media (max-width:900px){
	.caut-tarjeta{flex-basis:calc((100% - 1.5rem) / 2);}
	.caut-ant{left:-8px;}
	.caut-sig{right:-8px;}
}
@media (max-width:600px){
	.caut-carril{gap:1rem;}
	.caut-tarjeta{flex-basis:82%;}
	.caut-flecha{width:38px;height:38px;font-size:1.6rem;}
	.caut-ant{left:-4px;}
	.caut-sig{right:-4px;}
}
@media (prefers-reduced-motion:reduce){
	.caut-carril{scroll-behavior:auto;}
}