.text-encryption-gris {
    color: #777777;
}
.text-encryption-azul {
    color: #008ea0;
}
.vineta-encryption {
    width: 100px;
    height: auto;
}
.bg-eset-encryption-version {
    background-color: #19355d;
}
table.table-encryption td img {
    width: 50px;
    height: 32px;
    max-width: 100%;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}
table.table-encryption td img.img-hogar-tabla {
    width: 50px;
    height: 80px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5rem;
}
.bg-eset-encryption-black {
    background: #000;
}
.card_eset_empresa {
    height: 400px;
    max-height: auto;
    border: 1px solid #00528c;
    border-radius: 1em;
    overflow: hidden;
}
.card_eset_empresa .card_eset_empresa_image {
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}
.card_eset_empresa:hover .card_eset_empresa_image {
    height: 0;
}
.card_eset_empresa_image img {
    width: 100px !important;
}
.text-title {
    color: #98999a;
    font-size: 1.2em;
}
.text-esethome {
    color: #166983;
    font-size: 1.4em;
}
.text-td {
    color: #868a8b;
}
.text-eset {
    color: #00b3c4;
	font-size: 2.5em;
}
.text-encryption-requirements {
	color: #fff;
	font-size: 1.1rem;
	margin-left: 3rem;
}
.btn-eset {
    border: 1px solid #46acb6;
    /* padding: 0.6em 2.5em; */
    border-radius: 1em;
    background-color: #fff;
    transition: 0.3s;
}

.btn-encryption.encryption_1.On,
.btn-encryption.encryption_1:hover {
    background-color: #008ea0;
}
.btn-encryption.encryption_2.On,
.btn-encryption.encryption_2:hover {
    background-color: #008ea0;
}
.btn-eset.eset_1.On,
.btn-eset.eset_1:hover {
    background-color: #00b3c4;
}
.btn-eset.eset_2.On,
.btn-eset.eset_2:hover {
    background-color: #00687c;
}
.btn-eset.eset_3.On,
.btn-eset.eset_3:hover {
    background-color: #008ea0;
}
.eset {
    display: block;
    width: 300px;
    height: 80px;
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.eset.eset_1 {
    background-image: url(/IMG/Soluciones/eset/Recursos/ESD.svg);
}
.eset.eset_2 {
    background-image: url(/IMG/Soluciones/eset/Recursos/Empresa.svg);
}
.eset.eset_3 {
    background-image: url(/IMG/Soluciones/eset/Recursos/ESET_Encryption_solutions.svg);
}
.encryption {
    display: block;
    width: 450px;
    height: 35px;
	background-size: 450px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    padding: 0;
}
.btn-encryption {
    border: 1px solid #008ea0;
    padding: 0.6em 2.5em;
    border-radius: 3em;
    background-color: #fff;
    transition: 0.3s;
}
.encryption.encryption_1 {
    background-image: url(/IMG/Soluciones/eset/Endpoint-endcryption/logo-Full-Disk-Encryption.svg);
}
.encryption.encryption_2 {
    background-image: url(/IMG/Soluciones/eset/Endpoint-endcryption/Logo-Endpoint-Encryption.svg);
}
.btn-encryption.On .encryption.encryption_1,
.btn-encryption:hover .encryption.encryption_1 {
    background-image: url(/IMG/Soluciones/eset/Endpoint-endcryption/logo-Full-Disk-Encryption-blanco.svg);
}
.btn-encryption.On .encryption.encryption_2,
.btn-encryption:hover .encryption.encryption_2 {
    background-image: url(/IMG/Soluciones/eset/Endpoint-endcryption/logo-Endpoint-Encryption-Blanco.svg);
}
.btn-eset.On,
.btn-eset:hover {
    background-color: #1a335d;
    border: 1px solid #1a335d;
}
.btn-eset.On .eset.eset_1,
.btn-eset:hover .eset.eset_1 {
    background-image: url(/IMG/Soluciones/eset/Recursos/ESD-blanco.svg);
}
.btn-eset.On .eset.eset_2,
.btn-eset:hover .eset.eset_2 {
    background-image: url(/IMG/Soluciones/eset/Recursos/Empresa-blanco.svg);
}
.btn-eset.On .eset.eset_3,
.btn-eset:hover .eset.eset_3 {
    background-image: url(/IMG/Soluciones/eset/Recursos/ESET_Encryption_solutions_blanco.svg);
}
.mercado {
    display: block;
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.mercado.mercado_1 {
    background-image: url(/IMG/Soluciones/eset/Mercado/Corporativos.svg);
}
.mercado.mercado_2 {
    background-image: url(/IMG/Soluciones/eset/Mercado/Empresas-privadas.svg);
}
.mercado.mercado_3 {
    background-image: url(/IMG/Soluciones/eset/Mercado/Organizaciones-gubernamentales.svg);
}
.mercado.mercado_4 {
    background-image: url(/IMG/Soluciones/eset/Mercado/Pymes.svg);
}
.mercado.mercado_5 {
    background-image: url(/IMG/Soluciones/eset/Mercado/Hogar_1.svg);
}
.eset-logo{
	width: 65%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.eset-desc{
	font-size: 1.1rem;
	color: #777777;

}
.tab-home{
	border-radius: 1em;
	border: 2px solid #00b3c4;
}
.table-encryption tr {
	border-bottom: 2px solid #00b3c4;
}
.table-encryption td, .table-encryption th {
    border-top: none !important;
}
/* Copia de los estilos de .table-encryption para uso exclusivo */
.table-encryption-exclusiva tr {
    border-bottom: none !important;
}
.table-encryption-exclusiva td, .table-encryption-exclusiva th {
    border: none !important;
}
.table-encryption-exclusiva th:first-child,
.table-encryption-exclusiva td:first-child {
    background: #fff;
    font-size: 1.25rem;
    font-weight: 400;
    position: relative;
}
.table-encryption-exclusiva th:first-child::after,
.table-encryption-exclusiva td:first-child::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 85%; /* Ajusta este valor para acortar el borde derecho */
    height: 0;
    border-bottom: 2px solid #777777;
    pointer-events: none;
}
.table-encryption-exclusiva thead tr th:first-child::after {
    display: none !important;
}
.table-encryption-exclusiva td img, .table-encryption-exclusiva th img {
    width: 20px;
    height: auto !important;
    max-width: 100%;
}
/* ESTILOS SOLO PARA TABLA DE EMPRESA */
.table-empresa td, .table-empresa th {
    border-top: none !important;
    text-align: center;
    vertical-align: middle;
    width: 16%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    position: relative;
    border-bottom: none !important;
}
.table-empresa td::after, .table-empresa th::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 60%;
    height: 0;
    border-bottom: 2px solid #ccc;
    pointer-events: none;
}
.table-empresa td:first-child::after, .table-empresa th:first-child::after {
    content: '';
    display: block;
    position: absolute;
    left: 8px;
    bottom: 0;
    width: 92%;
    height: 0;
    border-bottom: 2px solid #ccc;
    pointer-events: none;
    transform: none;
}
.table-empresa td:not(:first-child)::after, .table-empresa th:not(:first-child)::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 70%;
    height: 0;
    border-bottom: 2px solid #ccc;
    pointer-events: none;
}
.table-empresa td:first-child,
.table-empresa th:first-child {
    width: 20%;
    text-align: left;
	color: #237c88;
}
.table-empresa td:first-child {
    background: #fff;
    border-bottom: 2px solid #ccc;
}
.table-empresa td:nth-child(2),
.table-empresa td:nth-child(3),
.table-empresa td:nth-child(4) {
    background: #fafafa;
    border-bottom: 2px solid #ccc;
    color: #237c88;
}
.table-empresa td:last-child {
    background: #f0f4f7;
	color: #237c88;
    border-bottom: 2px solid #ccc;
    box-shadow:
		15px 15px 15px rgb(0 0 0 / 20%);
		/* 2px 3px 9px 0px rgba(0, 0, 0, 0.6); */
}
.table-empresa tr:first-child td::after,
.table-empresa tr:first-child th::after,
.table-empresa tr:last-child td::after,
.table-empresa tr:last-child th::after {
    display: none !important;
}
.empresa-table-responsive {
    overflow: visible !important;
}
.img-empresa-tabla {
    height: 80px;
    width: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5rem;
}
.product-img {
	margin-bottom: 1rem;
}
.bg-eset-small-business-section {
    background-color: #003d48;
	color: #fff;
	margin-top: 2rem;
}
.compatibilidad-text {
	color: #00b3c4;
	font-size: 2.5rem;
}
.compatibilidad-text-empresa {
	color: #00687c;
	font-size: 2.5rem;
}
.clients-text {
	color: #00b3c4;
	font-size: 2.5rem;
}
.compatibilidad {
	max-height: 150px;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.mercado-texto {
	color: #777777;
	font-size: 1.1rem;
	margin-bottom: 3rem;
}
.seccion-hogar .titulo-clientes,
.seccion-hogar .titulo-mercado {
    color: #00b3c4 !important;
}
.seccion-empresa .titulo-clientes,
.seccion-empresa .titulo-mercado {
    color: #00687c !important;
}
.seccion-encryption .titulo-clientes,
.seccion-encryption .titulo-mercado {
    color: #008ea0 !important;
}
#clientes-imagenes {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
#mercado-imagenes {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
#mercado-imagenes img {
	margin: 0 50px;
	margin-bottom: 4rem;
}
.empresa-tabla-texto {
	color: #777777;
	margin-bottom: 1.2rem; /* Reducido para menor separación */
	margin-top: 1rem;
	font-size: 0.98rem;
}

/* RESPONSIVE DESIGN */
@media (max-width: 991.98px) {
    .eset {
        width: 180px;
        height: 50px;
    }
    .encryption {
        width: 220px;
        height: 25px;
        background-size: 220px;
    }
    .compatibilidad {
        max-height: 90px;
    }
    .text-eset, .compatibilidad-text, .compatibilidad-text-empresa, .clients-text {
        font-size: 1.5rem;
    }
    .titulo-mercado, .titulo-clientes {
        font-size: 1.5rem;
    }
    .table-responsive {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    .table-encryption {
        min-width: 600px;
    }
    table.table-encryption td img {
        height: 24px;
    }
}
@media (max-width: 767.98px) {
    .eset-logo {
        width: 90%;
    }
    .eset-desc {
        font-size: 1rem;
    }
    .tab-home {
        border-width: 1px;
    }
    .table-encryption-exclusiva th, .table-encryption-exclusiva td {
        font-size: 0.95rem;
    }
    .img-empresa-tabla {
        height: 50px;
    }
    .img-hogar-tabla {
        height: 50px;
    }
    #clientes-imagenes, #mercado-imagenes {
        flex-direction: column;
        gap: 1.5rem;
    }
    #mercado-imagenes img {
        margin: 0 0 2rem 0;
    }
    .mercado-texto {
        margin-bottom: 1.5rem;
        font-size: 1rem;
    }
    .card_eset_empresa {
        height: auto;
        min-height: 180px;
    }
    .empresa-table-responsive {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    .table-empresa {
        min-width: 600px;
    }
    .table-responsive {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    .table-encryption {
        min-width: 600px;
    }
}
@media (max-width: 575.98px) {
    .eset {
        width: 120px;
        height: 35px;
    }
    .encryption {
        width: 120px;
        height: 18px;
        background-size: 120px;
    }
    .compatibilidad {
        max-height: 60px;
    }
    .table-responsive, .empresa-table-responsive {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    .table-encryption-exclusiva, .table-empresa {
        min-width: 500px;
    }
    .img-empresa-tabla {
        height: 35px;
    }
    .img-hogar-tabla {
        height: 35px;
    }
    .card_eset_empresa_image img {
        width: 60px !important;
    }
    .titulo-mercado, .titulo-clientes {
        font-size: 1.1rem;
    }
    .table-responsive {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    .table-encryption {
        min-width: 500px;
    }
    table.table-encryption td img {
        height: 18px;
    }
}
