@charset "utf-8";
/* CSS Document */ 
    .bi{
           width: 1em;
           height: 1em;
           vertical-align: -0.125em;
           fill: currentcolor;
       }		
	.imagenAgrandar:hover{
		border-radius:20%;

		transition-duration: 0.4s;
		transform:scale(1.2);
        transition: transform 0.4s ease-in-out;
	}
.imagen2Agrandar:hover{
		
		transform:scale(1.1);
        transition: transform 0.4s ease-in-out;
        margin-bottom: 10px;
        margin-top: 10px;
	}
      
	.imagenPeque:hover{
		border-radius:20%;
		-webkit-border-radius:10%;
		-webkit-transform:scale(0.6);
		transition-duration: 2s;
		transform:scale(0.6);				
	}	
	.imagenPeque2:hover{
		border-radius:20%;
		-webkit-border-radius:10%;
		-webkit-transform:scale(0.9);
		transition-duration: 3s;
		transform:scale(0.9);				
	}
		
	.colormenu{
		text-decoration: none;
	}
		
	.colormenu:hover{     
        border-radius:2px;
        
	 	background-color:#D9D9D9;
		color #232323;
        transition-duration: 2s;
		
		
}
	.colorsubmenu{
			color: #232323;
			font-size: 13px;
			
		}
	.colorsubmenu:hover{ 
		font-weight: bold;
		font-size: 12px;
	 	background-color: #232323;
		color:#FFFFFF;
		
}
         
	.colorsub1{
        text-decoration: none;
				color:#1D0A0C;
				font-size: 16px;
				
				padding-right: 5px;
				padding-bottom: 5px;
				padding-top: 5px;
			}
		
	.colorsub1:hover{ 
		border-radius:2px;
		
	 	background-color:#4BA7CB;
		color:#000000;
		
		-webkit-transform:scale(0.5);
		transition-duration: 1s;
		transform:scale(1.1);
}	
          
    li a { 
             text-decoration: none;
         }
    .estiloactas hover{ 
		
		transition-duration: 0.1s;
    
	 	background-color:#F586C9;
		color:#4A4545;
		transition-duration: 0.1s;
		border-radius: 2px;
}
		  
		 /* Estilo para links */
    .access-link {
      transition: color 0.3s ease, border-bottom 0.3s ease, transform 0.3s ease;
      display: inline-block;
      border-bottom: 2px solid transparent;
      text-decoration: none;
    }

    /* Hover para links */
    .access-link:hover {
		transform: scale(1.02);
      color: #1e40af; /* Tailwind blue-800 */
      border-bottom: 2px solid #1e40af;
    }

    /* Offcanvas transition fix */
    .offcanvas {
      transition: transform 0.3s ease-in-out;
    }