.advantages-wrapper {
            padding: 10px 0px 0px 0px;
        }

            .advantage-description {
                font-size: 13px;
                font-weight: 400;
                line-height: 18px;
            }



        .payment-options-wrapper {
            align-items: center;
        }


.payment-brands-wrapper img{
width: 80%;
margin: auto;
display: block;	
}

            .brand-wrapper {
                width: 34px;
                height: 26px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #fff;
                border: 1px solid #E5E5E5;
                border-radius: 4px;
                box-sizing: border-box;
                padding: 0;
            }

.checkout-envio-container {
    margin: 20px auto;
    padding: 15px;
    border: 1px solid #e2e8f0;
}

        .advantage-content {
            display: flex;
            gap: 8px;
        }





/* Estilos del Checkbox */
.checkbox-label {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #1a202c;
    cursor: pointer;
    user-select: none;
}

.checkbox-label input {
    margin-right: 5px !important;
    margin-top: 0px !important;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* Contenedor de campos con animación de opacidad */
.campos-envio-wrapper {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, max-height 0.4s ease-out;
    margin-top: 0;
}

/* Clase activa que inyectará JavaScript */
.campos-envio-wrapper.activo {
    max-height: 800px; /* Un alto estimado para que despliegue */
    opacity: 1;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px dashed #e2e8f0;
}

/* Grid del Formulario */
.grid-formulario {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.campos-envio-wrapper .form-group {
    display: flex;
    flex-direction: column;
}

.campos-envio-wrapper .form-group.full-width {
    grid-column: span 2;
}

.campos-envio-wrapper .form-group label {
    font-size: 14px;
    font-weight: 500;
    color: #4a5568;
    margin-bottom: 5px;
}

.campos-envio-wrapper .form-group input {
    padding: 7px;
    border: 1px solid #cbd5e0;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s;
}



/* Responsive para celular */
@media (max-width: 480px) {
    .grid-formulario {
        grid-template-columns: 1fr;
    }
    .campos-envio-wrapper .form-group.full-width {
        grid-column: span 1;
    }
}

.checkout-pro-row-wrapper {
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #000000E5;
}

.home_background{  
	background-image: url(../images/slide-home.jpeg); padding-bottom: 400px;
    position: relative;
    background-color: #fff;
    background-position: 50%;
    background-size: 100%;
    background-size: cover;}
.home_background .text_inner {
    color: #000;
    font-size: 16px;
    background-color: rgb(255 242 0 / 60%);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
	padding-right: 30px;
    max-width: 480px;
    margin-top: 6%;
}
.le-button{
    color: #ffffff !important;
    min-width: 100px;
    background: #000000;
    padding: 10px;}
.le-button:hover{color: #ffffff !important;}
.img-w{width: 100%;margin-bottom: 25px;}
#hideMe {
    -webkit-animation: cssAnimation 5s forwards; 
    animation: cssAnimation 5s forwards;
}
@keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
#box-home .col-01-in .title-bienvenidos{
    max-width: 260px;
	position: relative;
    float: right;
    margin-top: -100px;
	color: #ffffff;
    letter-spacing: 4px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #f58220;
	padding-top: 40px;
    padding-right: 60px;
    padding-bottom: 40px;
    padding-left: 60px;
}
#box-home .title-servicios{
	text-align: center;
	color: #ffffff;
    letter-spacing: 6px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #f58220;
    line-height: 80px;
    margin-bottom: 10px;
	max-width: 200px;
}
#box-home .title-marcas{
	float: right;
	text-align: center;
	color: #ffffff;
    letter-spacing: 6px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #f58220;
    line-height: 80px;
	max-width: 200px;
	width: 100%; 
}
#box-home .col-01-in, #box-home .col-02-in {width: 50%; float: left;}
#box-home .col-02-in .col-01-in-in,
#box-home .col-02-in .col-02-in-in{
	background-color: #fff;
	
    width: 50%;
    float: left;
    }
#box-home .col-02-in .col-negative{margin-top: -100px;position: relative;}
#box-home .col-02-in .col-02-in-in img{width: 100%}
#box-home .col-02-in .col-01-in-in{
	color: #666;
	line-height: 1.7em;
	text-align: center;
	padding-top: 40px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;}
#box-home #servicios .col-01-in-in{padding-top: 0px;}
#box-home #servicios .col-01-in-in{text-align: left;}
.clearing{clear: both;}
#box-home .col-02-in .col-01-in-in h3{
	 margin-top: 0px;
	color: #333;
	font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.5em;
}
#box-home #servicios, #box-home #marcas{padding-top: 50px;}
#marcas img{width: 100%;}
#box-home .col-01-in #nosotros, #box-home .col-01-in #servicios, #box-home .col-01-in #clientes{
	font-size: 16px;
    background-color: #1b487b;
    padding: 60px 65px 60px 60px;
	color: #bcbec0;
    line-height: 1.7em;
}
#box-home .col-01-in #marcas-box{
	font-size: 16px;
    background-color: #1b487b;
    padding: 22px;
	color: #bcbec0;
    line-height: 2em;
}
#box-home .col-01-in #nosotros h2, #box-home .col-01-in #clientes h2  {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 35px;
    color: #FFFFFF;
    letter-spacing: 4px;
    line-height: 1.2em;
    margin-top: 0px;
    margin-bottom: 40px;
}
#box-home .col-01-in #nosotros a {
    color: #2ea3f2;
}
#box-home #clientes-02{
	padding-left: 5.5%;
	margin-top: 20px;
	font-size: 14px;
    color: #666;
    line-height: 1.7em;}
#box-home #clientes-02 a{
	text-align: center;
	margin-top: 50px;
	display: block;
	color: #FFFFFF;
    letter-spacing: 4px;
    font-size: 12px;
    font-weight: 700 ;
    background-color: #f58220;
	width: 200px;
	line-height: 80px;
}
#box-home .col-01-in #nosotros p, #box-home .col-01-in #servicios p {
	margin-bottom: 15px;
}
.m-top{padding-top: 30px;}
.alternativas{
  background-color: #a1192f;
  width: 100px;
		height: 20px;
		color:#ffffff;
		font-size:10px;
}
.display-whatsapp{
    max-width: 60px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999999999;}
.img-table{max-width:165px; margin-right:10px; float: left; }
.box-resultados-01{}
.resultado-producto .box-img-producto {
    width: 100%;
}
.ui-widget.ui-widget-content{z-index: 2500!important;}
.class-descripcion .quantity{ display: inline-block;}
.ui-dialog .ui-dialog-buttonpane button {
    background: transparent;
}

.img-carrito img{max-width: 50px;}
.title-bordo{color:#1f1916;}
.btn-settings{
	outline: none;
	position: fixed;
    top: 77px;
    right: 0px;
    font-size: 20px !important;
    border-radius: 0px !important;} 
.btn-settings:focus, .btn-settings:active:focus, .btn-settings.active:focus {
    outline: 0px !important;
} 
	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 200px;
		height: 180px;
		top:176px;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
		border-radius: 0px;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}
.box-paginado{
    padding: 20px;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.box-paginado a {
    float:left;
    font-size: 13px;
    padding: 5px;
    text-decoration: none;
    color: #000;
}
.box-paginado b {
    float:left;
    font-size: 13px;
    background-color: #000;
    padding: 5px;
    text-decoration: none;
    color: #ffffff;
}
.row2 {
    margin-right: -5px;
    margin-left: -20px;
}
.contact-form .contact-form{
	padding: 0px;
    margin-left: -15px;}
.box-25 .swiper-slide img {
    width: auto;
    max-height: 200px;
}
.btn-continuar{margin-top: -50px !important;}
.price-table{color:#1f1916;}
/*
.ui-menu-item .ui-menu-item-wrapper:hover{background-color:#000000;border: 1px solid #000000;}*/
.box-resultados-01 .tabla-precios .left-td a,
.box-resultados-01 .tabla-precios .price-table{color:#000000;}
.box-resultados-01 .tabla-precios td {min-width: 115px;}
.box-resultados-01 .tabla-precios .class-semaforo{min-width: 75px;}
.resultado-producto .box-info p {
    margin: 0px;
}
.resultado-producto .box-info .descripcion-web{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px; 
    margin-top: 10px;}
.resultado-producto .box-info h2, .resultado-producto .box-info h3 {
    font-size: 18px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}
.resultado-producto .box-info .precio-class {
    font-size: 16px;
    margin-bottom:15px;
    color: #1f1916;
	font-weight: 600;
}
.addthis_inline_share_toolbox {
    margin: 20px 0px 0px 0px;
}
.resultado-producto .box-info2 {
    margin: 20px 0px;
}
.resultado-producto .box-info .cantidad-class {
    margin-top: 20px;
}
.resultado-producto .box-info .cantidad-class input {
    max-width: 50px;
    margin-left: 20px;
}
.resultado-producto .box-info .btn-radio ul li:first-child,
.resultado-producto .box-info .btn-radio ul li:nth-child(2){
    border-right: 0px solid #ddd;
    background-image: none;
}
.resultado-producto .box-info  .btn-radio ul li label {
    padding: 20px 0px 4px 25px;
}
.resultado-producto .box-info .btn-radio ul li {
    width: auto;
}
.resultado-producto .box-info {
    /*border-bottom: 1px solid #211915;*/
    padding: 20px 0px;
}

.box-25 {
    text-align: center;
}
.consult-w, .consult-w:hover {
    color: #26ac00 !important;
}
.consult-w img {
    max-width: 30px;
    margin-left: -7px;
    position: relative;
}
.resultado-producto .box-relacionado img {
    max-height: 150px;
    margin: auto;
    display: block;
}
.img-preview{max-width: 100%;}
.resultado-producto .box-relacionado {
    font-weight: 600;
    padding: 30px 10px;
    display: block;
	overflow: hidden;
}
.box-relacionado-in{margin-bottom: 20px;}
.box-25 .swiper-container{margin-top: 0px;}
.box-25 h4 {
	margin-top: 0px;
} 
.box-25 .swiper-container-horizontal>.swiper-pagination-bullets, 
.box-25 .swiper-pagination-custom, .swiper-pagination-fraction {
    display: none;
    bottom: 10px;
    left: 0;
    width: 100%;
}
.resultado-producto .title-relacionados {
    text-align: center;
    border-top: 1px solid #211915;
    margin-top: 40px;
    padding-top: 30px;
}
/* Agrego Leo */

.error{background-color:#F9B7B7; background-position: left center; background-image:url('error.png'); background-repeat:no-repeat; border:dotted 1px #990000; color:#990000; padding-left:25px; width:100%; height:35px; font-family:verdana; font-size:12px;}
.ok{background-color:#ABF6A3; background-position: left center;  background-image:url('ok.png'); background-repeat:no-repeat; padding-left:25px; border:dotted 1px #0D701E; color:#0D701E; height:35px; font-family:verdana; font-size:12px;}
.texto_blanco{color:#FFFFFF;}

/* ------------------ */

.form-rol .form-control{ height: 28px;}
.btn-nuevo{
	font-weight: bold;
    background-color: red;
    border-radius: 3px;
    color: #fff;
    padding: 0px 4px 1px 4px;
    margin-left: 10px;
    font-size: 11px;}
#escribinos {background-color: #bcbec0;
	margin-bottom: 50px;
	padding: 0px;
    max-width: 1050px;}
#escribinos .col-01-in{width: 41%; float: left;}
#escribinos .col-01-in img{width: 50%; float: left;}
#escribinos .col-02-in{width: 59%; float: left;	
    color: #666;
    line-height: 1.7em;
	font-size: 17px;
    padding: 30px;
}
#escribinos .col-03-in, #escribinos .col-04-in{width: 50%; float: left;}
#escribinos .col-03-in img{width: 100%; }
#escribinos .contact-form{padding: 0px 20px;}
#escribinos .contact-form .unicase-form-control {
    padding: 15px 12px;
}
#escribinos .contact-form  textarea.form-control {
    height: 150px;
}
#escribinos .contact-form  .btn-primary{float: right; margin-bottom: -4px;}
#escribinos .contact-form  a {
	text-align: center;
    display: block;
    color: #FFFFFF;
    letter-spacing: 4px;
    font-size: 12px;
    font-weight: 700;
    background-color: #f58220;
    width: 225px;
    line-height: 80px;
    margin-left: -20px;
    float: left;
}
@media only screen and (max-width: 1140px) {
#box-home #servicios .col-01-in-in {
    padding-top: 20px;
}
#box-home .col-01-in, #box-home .col-02-in {
    width: 100%;
}
#box-home .col-02-in .col-negative {
    margin-top: 0px;
}
#box-home.container {
    max-width: 800px;
}
}
@media only screen and (max-width: 767px) {
#box-home .col-01-in #nosotros, #box-home .col-01-in #clientes {
    font-size: 14px;
	padding: 40px 20px;
}
#box-home #clientes-02 {
		padding-left: 0px;}
#box-home .col-01-in #nosotros h2, #box-home .col-01-in #clientes h2 {
		font-size: 30px;}
.box-resultados-01 .tabla-precios td {min-width: auto;}
.box-resultados-01 .tabla-precios .class-semaforo{min-width: auto;}
.img-table {
    max-width: 120px;
}


.box-25, .box-resultados-01 {
    width: 100%;
}
.box-25 {
	padding-right: 0px;
}
.form-rol .form-control {
height: 26px;
margin-top: 4px;
}
}

@media only screen and (max-width: 530px) {
#box-home .col-02-in .col-01-in-in, #box-home .col-02-in .col-02-in-in,
#escribinos .col-01-in, #escribinos .col-02-in, #escribinos .col-04-in{
    width: 100%;
}
#escribinos .col-03-in{display: none;}
#box-home #servicios {
    padding-top: 0px;
}
#box-home #marcas {
    padding-top: 20px;
}
.flex-r{
	display: flex;
    flex-direction: column-reverse;
    width: 100%;}
}

@media only screen and (max-width: 450px) {
.btn-continuar {
    margin-top: 5px !important;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    display: block;
    width: 180px;
}
	}

@media only screen and (max-width: 410px) {
.btn-seguir-comprando {
    margin-bottom: 10px;
    margin-top: 0px !important;
    width: 100% !important;
}
}