/*
 Theme Name:   Archi Child
 Theme URI:    http://archiwp.com/
 Description:  Archi Child Theme
 Author:       OceanThemes
 Author URI:   http://oceanthemes.net
 Template:     archi
 Version:      3.6.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  archi-child
*/
#herramienta-color .container {
    width: 100%!important;
}
#herramienta-color .color-nav ul>li {
    width: calc(25%)!important;
    min-width: 0%!important;
}
header .info ul.social-list li {
    display: flex!important;
    margin: 1rem!important;
}
header .info ul.social-list li div:nth-child(2) {
    margin-left: 1rem;
}
header i.fa.fa-file-pdf-o {
    margin-left: 2rem!important;
}
#herramienta-color .template-nav {
    text-align:center!important;
}
#herramienta-color .color-portfolio {
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
    align-items: stretch!important;
    width: 100%!important;
}
#herramienta-color .color-template {
    width: 100%!important;
    max-width: none!important;
    overflow-y: auto;
    flex-wrap: wrap;
    padding: 0 30px 30px 30px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
#herramienta-color .color-sidebar {
    width: 90%!important;
    min-width: 90%!important;
    max-width: 90%!important;
    background-color: #101010;
    text-align: center;
    order: 1!important;
    margin: auto;
}
#herramienta-color .img-box {
    width: 93% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
	position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
#herramienta-color .img-box img {
width: 100% !important;
height: auto !important;
object-fit: contain !important;
}
#herramienta-color .img-box img:last-child {
    left: auto!important;
}
#herramienta-color .color-nav {
    height: 50vh!important;
}
#herramienta-color .color-nav ul>li {
width: 12% !important;
display: block !important;
}
#herramienta-color .color-nav ul {
list-style: none!important;
padding: 0!important;
margin: 0!important;
display: flex!important;
flex-wrap: wrap!important;
}
#herramienta-color .color-nav ul>li>img {
width: 96px !important;
}
.owl-item img {
width: 100% !important;
}

/* Estilos para Tablets (dispositivos con anchos de pantalla hasta 768px) */
@media (max-width: 768px) {
#herramienta-color .img-box img {
width: 86%;
height: 110vh;
object-fit: cover;
}
#herramienta-color .img-box .target-image {
width: 944px !important;
height: auto !important; /* Ajusta la altura automáticamente para mantener la proporción */
object-fit: contain !important; /* Mantiene toda la imagen visible dentro del contenedor */
}
#herramienta-color .container {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
#herramienta-color .img-box .target-image {
width: 100% !important;
height: auto !important;
object-fit: contain !important;
}
#herramienta-color .color-sidebar, #herramienta-color .color-template {
width: 100% !important;
margin: 0 !important;
min-width: 100% !important;
max-width: 100% !important;
}
#herramienta-color .img-box {
width: 100% !important;
}
#herramienta-color .img-box img {
width: 100% !important;
height: auto !important;
object-fit: contain !important;
}
#herramienta-color .color-nav ul>li {
width: 50% !important;
}
}

/* Estilos para Teléfonos Móviles (dispositivos con anchos de pantalla hasta 480px) */
@media (max-width: 425px) {
#herramienta-color .color-sidebar, #herramienta-color .color-template {
width: 100% !important;
margin: 0 !important;
}
#herramienta-color .color-nav ul>li {
width: 100% !important;
}
#herramienta-color .color-nav {
height: auto !important;
}
}

#cronoshare{
	text-align:center!important;
}