@charset "UTF-8";
/* CSS Document */

/* enlaces principales de sección */
		.medicionesframes { 
    		display: grid;
    		grid-gap: 10px;
    		grid-template-columns: 1fr 1fr 1fr; 
    		margin: 15px auto;
    		padding: 0;
    		list-style: none;
			text-align:center;
		}
		.medicionesframes li {
   			padding: 0;
		}
		.medicionesframes img {
    		max-width: 100px;
			width: 100%;
			height: auto;
			margin:10px auto;
		}
		.medicionesframes li a {
    		display: grid;
    		align-items: center;
    		justify-content: center;
    		width: 100%;
    		min-height: 200px;
    		padding: 10px 0;
    		border: 1px solid #7F7F7F;
    		border-radius: 15pt;
    		position: relative;
    		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    		background: rgba(0 0 0/3%);
    		color: #414042;
    		font-weight: bolder;
			font-size: 14pt;
			font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    		text-align: center;
			text-decoration: none;
		}
		.medicionesframes li a:hover {
    		text-decoration: none;
    		color: #414042;
		}
		#medfr{
			background-color:#f7f7f7;
		}
		#medfr:hover{
			background-color: #D6D6D6;
		}


@media only screen and (max-width:380px) {
    .medicionesframes { 
    		grid-gap: 5px;
    		grid-template-columns: 1fr 1fr 1fr;
		}
	.medicionesframes li a {
    		min-height: 160px;
		}
	.medicionesframes img {
    		max-width: 60px;
		}
	.medicionesframes li a {
    		font-size: 10pt;
		}
}
@media only screen and (max-width:480px) {
    .medicionesframes { 
    		grid-gap: 5px;
    		grid-template-columns: 1fr 1fr 1fr;
		}
	.medicionesframes li a {
    		min-height: 160px;
		}
	.medicionesframes img {
    		max-width: 60px;
		}
	.medicionesframes li a {
    		font-size: 10pt;
		}
}
@media only screen and (max-width:740px) {
    .medicionesframes { 
    		grid-gap: 5px;
    		grid-template-columns: 1fr 1fr 1fr;
		}
	.medicionesframes li a {
    		min-height: 160px;
		}
	.medicionesframes img {
    		max-width: 60px;
		}
	.medicionesframes li a {
    		font-size: 10pt;
		}
}
/* -- herramientas -- */
		.toolsframes { 
    		display: grid;
    		grid-gap: 10px;
    		grid-template-columns: 1fr 1fr 1fr 1fr; 
    		margin: 15px auto;
    		padding: 0;
    		list-style: none;
			text-align:center;
		}
		.toolsframes li {
   			padding: 0;
		}
		.toolsframes img {
    		max-width: 100px;
			width: 100%;
			height: auto;
			margin:10px auto;
		}
		.toolsframes li a {
    		display: grid;
    		align-items: center;
    		justify-content: center;
    		width: 100%;
    		min-height: 250px;
    		padding: 10px 0;
    		border: 1px solid #7F7F7F;
    		border-radius: 15pt;
    		position: relative;
    		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    		background: rgba(0 0 0/3%);
    		color: #414042;
    		font-weight: bolder;
			font-size: 14pt;
			font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    		text-align: center;
			text-decoration: none;
		}
		.toolsframes li a:hover {
    		text-decoration: none;
    		color: #414042;
		}
		#toolfr{
			background-color:#f7f7f7;
		}
		#toolfr:hover{
			background-color: #D6D6D6;
		}


@media only screen and (max-width:380px) {
    .toolsframes { 
    		grid-gap: 5px;
    		grid-template-columns: 1fr 1fr;
		}
	.toolsframes li a {
    		min-height: 160px;
		}
	.toolsframes img {
    		max-width: 60px;
		}
	.toolsframes li a {
    		font-size: 10pt;
		}
}
@media only screen and (max-width:480px) {
    .toolsframes { 
    		grid-gap: 5px;
    		grid-template-columns: 1fr 1fr;
		}
	.toolsframes li a {
    		min-height: 160px;
		}
	.toolsframes img {
    		max-width: 60px;
		}
	.toolsframes li a {
    		font-size: 10pt;
		}
}
@media only screen and (max-width:740px) {
    .toolsframes { 
    		grid-gap: 5px;
    		grid-template-columns: 1fr 1fr;
		}
	.toolsframes li a {
    		min-height: 160px;
		}
	.toolsframes img {
    		max-width: 60px;
		}
	.toolsframes li a {
    		font-size: 10pt;
		}
}
sup{
	color:#FAA519;
	font-style: italic;
}

.dns_measurements {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    margin: 15px 0;
}
.dns_measurements div {
    padding: 6px 12px;
    border-radius: 12px;
    background: #0c637c;
}
.dns_measurements div p {
    text-align: center;
    color: #FFF;
    letter-spacing: 1px;
    font-size: 11pt;
}
.dns_measurements div p strong {
    color: #f6a700;
    font-size: 13pt;
}
.dns_measurements div p a {
    color: #fde37d;
    text-decoration: revert;
}
@media only screen and (max-width:920px) {
    .dns_measurements { 
        grid-template-columns: 1fr 1fr; 
    }
    .dns_measurements .item-5 {
        grid-row-start: 3;
        grid-column-start: 1;
        grid-row-end: 4;
        grid-column-end: 3;
    }
    @media only screen and (max-width:520px) {
        .dns_measurements { 
            grid-template-columns: 1fr ; 
        }
        .dns_measurements .item-5 {
            grid-row-start: 2;
            grid-column-start: 1;
            grid-row-end: 3;
            grid-column-end: 2;
        }
    }
}