body{ 
	
	
}
 .tabla { font-family: Arial, sans-serif;
 font-size: 20px;                  /* Tamaño base */
    ;                      /* Color del texto */}
        .form-group { margin-bottom: 15px; }
        label { display: block; margin-bottom: 15px; }
        input[type=text],
         input[type=email],
        textarea { width: 80%; padding: 10px; }
        button { padding: 10px 15px;
			 background-color: #621132; 
			color: white;
			border: none; 
			cursor: pointer; }
        button:hover { background-color: #4E232E; }

.buzon2 {
    text-align: center;
	
/*	font-family: 'Georgia', serif;    /* Fuente diferente para títulos */
    font-size: 15px;                  /* Tamaño relativo */
    font-weight: bold;                 /* Negrita */
       letter-spacing: 3px;               /* Espaciado entre letras */
    
}
.formulario {
    margin: 3px 670px 30px 670px;
}
/*                             para botones fb tik**** */
.sidebar-buttons {
            position: fixed;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
       /*     gap: 10px;*/
            z-index: 1000;
        }

		/*boton 2*/
		 .sidebar-tik {
            position: fixed;
            right: 0;
            top: 70%;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
        /*    gap: 10px;    */
            z-index: 1000;
        }
		
        .btn-social {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            width: 64px;
            height: 54px;
            text-decoration: none;
            transition: width 0.3s ease;
            overflow: hidden;
            border-radius: 27px 0 0 27px;
            white-space: nowrap;
        }

        .btn-social:hover {
            width: 117px;
        }

        .btn-social img {
            width: 30px;
            height: 30px;
            margin: 0 17px; /* Centra la imagen en el estado inicial de 64px */
            flex-shrink: 0;
        }

        .btn-social span {
            color: white;
            font-family: Arial, sans-serif;
            font-weight: bold;
            opacity: 0;
            transition: opacity 0.2s ease;
        }

        .btn-social:hover span {
            opacity: 1;
        }

        /* Colores específicos */
        .facebook { background-color: #3B5998; }
        .tiktok { background-color: #FE2C55; }