/**
 * ==========================================================
 * AMSSC Servicios
 * Hoja de estilos principal
 * Versión: 3.0.0
 * ==========================================================
 */


			.amssc-toolbar{
			display:flex;
			justify-content:space-between;
			align-items:center;
			gap:15px;
			margin:0 0 20px;
			flex-wrap:wrap;
		}

		.amssc-search{
			flex:1;
			min-width:280px;
		}

		.amssc-search input{
			width:100%;
			padding:12px 16px;
			border:1px solid #d5d5d5;
			border-radius:6px;
			font-size:15px;
			transition:.25s;
		}

		.amssc-search input:focus{
			outline:none;
			border-color:#0c60bd;
			box-shadow:0 0 8px rgba(12,96,189,.15);
		}
		
		.amssc-filtros{
			display:flex;
			gap:20px;
			margin:20px 0 25px;
			flex-wrap:wrap;
		}

		.amssc-filtros select{

			flex:1;
			min-width:250px;

			/* 8px mejora la visualización del texto y la compatibilidad
			   entre navegadores (Chrome, Edge y Firefox). */

			padding:8px;

			border:1px solid #d5d5d5;
			border-radius:6px;
			background:#fff;
			font-size:15px;

		}
		.amssc-filtros select:focus{
			outline:none;
			border-color:#0c60bd;
			box-shadow:0 0 8px rgba(12,96,189,.15);
		}

		.amssc-total{
			font-size:14px;
			color:#666;
			white-space:nowrap;
		}
		
		.amssc-tabla{

			width:100%;
			overflow-x:auto;
			-webkit-overflow-scrolling:touch;

		}
		.amssc-servicios{

			width:100%;
			min-width:900px;

			border-collapse:collapse;

		}

    .amssc-servicios th{
        background:#0c60bd;
        color:#fff;
        padding:12px;
        text-align:left;
    }

    .amssc-servicios td{
        padding:14px;
        border-bottom:1px solid #ddd;
        vertical-align:top;
    }

    .amssc-servicios tr:nth-child(even){
        background:#f8f8f8;
    }
		
	.amssc-servicios tbody tr{
		transition:.25s;
	}

	.amssc-servicios tbody tr:hover{
		background:#eef6ff;
	}
		
    .amssc-btn{
        display:inline-block;
        background:#2b72d6;
        color:#fff !important;
        padding:10px 22px;
        border-radius:4px;
        text-decoration:none;
        font-weight:600;
    }

    .amssc-btn:hover{
        background:#1d5bb3;
        color:#fff !important;
    }
	
	/* ==========================================================
	   Responsive
	========================================================== */

	@media (max-width:768px){

		.amssc-toolbar{

			flex-direction:column;
			align-items:stretch;
			gap:15px;

		}

		.amssc-search{

			width:100%;

		}

		.amssc-search input{

			width:100%;

		}

		.amssc-total{

			text-align:center;

		}

		.amssc-filtros{

			flex-direction:column;

		}

		.amssc-filtros select{

			width:100%;

		}

	}