/*********************************************/
/* Power up Cifras */
/*********************************************/

.pow-cifras {
display: flex;
/* flex-wrap: nowrap; */
flex-wrap: wrap;
border-top: 2px solid rgb(17, 17, 17);
border-bottom: 2px solid rgb(17, 17, 17);
padding-top: 28px;
padding-bottom: 28px;
margin-block: 1.8em;
}

.pow-cifras .item-set {
display: flex;
/* flex: 1 1 0%; */
flex: 0 0 25%;
flex-direction: column;
gap: 12px;
box-sizing: border-box;
/* max-width: 25%; */
}

.pow-cifras .item-num {
font-family: Merriweather, serif;
font-weight: 700;
font-size: 52px;
color: rgb(225, 34, 72);
line-height: 1;
margin: 0;
}

.pow-cifras .item-info {
font-family: "Open Sans", sans-serif;
font-size: 14px;
color: rgb(51, 51, 51);
line-height: 1.5;
margin: 0;
}

/* ajuste ancho 1230 */
@media screen and (max-width: 1230px) {

.pow-cifras .item-num {
font-size: 40px;
}

}


/* solo desktop */
@media screen and (min-width: 520px) {

.pow-cifras .item-set {
max-width: 25%;
}

.pow-cifras .item-set:not(:last-child) {
padding-left: 20px;
padding-right: 20px;
border-right: 1px solid gray;
}

.pow-cifras .item-set:first-child {
padding-left: 0px;
}

.pow-cifras .item-set:last-child {
padding-left: 20px;
padding-right: 0px;
}

/* Último elemento de cada fila */
.pow-cifras .item-set:nth-child(4n) {
	/* padding-right: 0; */
	border-right: none;
}

/* Margin top 30 a partir de la segunda file en adelante */
.pow-cifras .item-set:nth-child(n + 5) {
    margin-top: 30px;
}

}

/* movil */
@media screen and (max-width: 520px) {

.pow-cifras .item-num {
font-size: 52px;
}


.pow-cifras {
/* flex-direction: column; */
flex-wrap: wrap;
}

.pow-cifras .item-set {
flex: 0 0 50%;
padding: 16px 16px 16px 0px;
border-bottom: 1px solid gray;
}

/* Columna derecha */
.pow-cifras .item-set:nth-child(even) {
padding-left: 20px;
}

/* Columna izquierda */
.pow-cifras .item-set:nth-child(odd) {
border-right: 1px solid gray;
}

/* Los últimos 2 no tienen línea inferior */
.pow-cifras .item-set:nth-last-child(-n+2) {
border-bottom: none;
}

/* CANTIDAD IMPAR
   devolver border al penúltimo */
.pow-cifras:has(.item-set:last-child:nth-child(odd)) .item-set:nth-last-child(2) {
border-bottom: 1px solid gray;
}


}

/*********************************************/
/* Power up Comparar Imagen */
/*********************************************/


.pow-compare-img {
  position: relative;
  width: 100%;
  max-width: 600px;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: 12px;
  cursor: ew-resize;
  user-select: none;
}

.pow-compare-img .compare-capa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pow-compare-img .compare-capa img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pow-compare-img .compare-capa.despues {
  z-index: 1;
}

.pow-compare-img .compare-capa.antes {
  z-index: 2;
  clip-path: inset(0 50% 0 0);
}

/* Labels */

.compare-label {
position: absolute;
padding: 6px 14px;
background: rgba(0,0,0,0.6);
backdrop-filter: blur(4px);
border-radius: 6px;
font-size: 0.85rem;
font-weight: 600;
z-index: 5;
color: white;
}

.compare-label.antes {
top: 16px;
left: 16px;
}

.compare-label.despues {
top: 16px;
right: 16px;
}

/*******/

.compare-manejador {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 4px;
  background: white;
  transform: translateX(-50%);
  z-index: 10;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

/* Handle circle */
.compare-manejador::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 2px 12px rgba(0,0,0,0.4);
}

/* Icone fleches */
.compare-manejador::after {
  content: '↔';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.2rem;
  color: #333;
}