/* Factors Switcher styles v1.2 */
.fsw-grid{display:grid;grid-template-columns:2fr 3fr;gap:24px;align-items:start}
.fsw-left{background:#f6f8fd;border-radius:16px;padding:24px}
.fsw-right img{width:100%;height:auto;border-radius:16px;object-fit:cover}
.fsw-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.fsw-item{cursor:pointer;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08);position:relative}
.fsw-item:last-child{border-bottom:none}
.fsw-title{font:600 16px/1.3 "Inter",sans-serif;margin:0;color:#004077}
.fsw-sub{display:none;opacity:0;font:12px/1.4 "Inter",sans-serif;color:#666;margin-top:4px;transition:opacity .25s ease}

/* --- Flecha con imagen --- */
.fsw-arrow{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%) rotate(0deg);
    width:24px;
    height:24px;
    border:1px solid #004077;      
    border-radius:50%;
    background:url("../assets/arrow.png") center center/50px 50px no-repeat;
    transition:transform .25s ease;
}
.fsw-arrow::before{content:none;}   

/* Activo: gira 180° */
.fsw-item.active .fsw-title{color:#004077;font-weight:700}
.fsw-item.active .fsw-sub{display:block;opacity:1;color:#004077}
.fsw-item.active .fsw-arrow{transform:translateY(-50%) rotate(180deg)}

.fsw-content{margin-top:24px;font:14px/1.6 "Inter",sans-serif;color:#333}

@media(max-width:768px){
    .fsw-grid{grid-template-columns:1fr;gap:16px}
    .fsw-right img{max-height:240px}
}