/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap');

:root{
	--morado: #3A3D91;
	--gris:#7a7a7a;
}

body{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 16px;
	background-color: #f6f6f6;
	min-height: 100vh;
    display: flex;
    flex-direction: column;
}


@media (max-width:992px) { /*menor de*/
	
	
	body{
		font-size: 14px;
	}
	
	html{
		font-size: 14px;
	}

}


a{
	color:#000;
}

a:hover{
	color:#353535;
}

.tablaPedidos td{
	text-align: left !important;
}

.cabecera{
	background-color: #FFF;
	color:#000;
    border-bottom: #f6f6f6 2px solid;
	
}


.cuadroDireccion tr{
	border-bottom: 1px solid #ccc;
}

.cuadroDireccion td{
	padding: 15px;	
}

.right-nav{
	display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.cart{
	margin-left: 25px;
	background-color: var(--morado);
	color:#FFFF;
	padding: 15px;
}

.cart a{
	color:#FFF;
}


.user-info {
    margin-top: 0.9375rem;
    white-space: nowrap;
}

.user-info {
    margin-left: 2.5rem;
    text-align: right;
}


.contact-link {
    margin-top: 0.9375rem;
}


#navegacion{
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
}


.nav-link{
	font-size: 0.9rem;
}


.bg-light {
    background-color: #FFF !important;
}















.listaIconosCabecera{
	list-style-type: none;
    margin: 0;
}

.listaIconosCabecera li{
	display: inline;
	margin-right: calc(15px/2);
    margin-left: calc(15px/2);
}

.listaIconosCabecera li i{
	color:#FFFFFF;
	font-size: 18px;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #4D4D4D;
    --bs-btn-border-color: #4D4D4D;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4D4D4D;
    --bs-btn-hover-border-color: #4D4D4D;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4D4D4D;
    --bs-btn-active-border-color: #046526;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4D4D4D;
    --bs-btn-disabled-border-color: #4D4D4D;
}

.logo-login{
	max-width: 60%;
	margin-top: 15px;
	margin-bottom: 5px;
}

#loginSec{
	background-image: url("../images/otur.webp");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 800px;

}

#footer{
	background-color: var(--morado);
	color: #FFFFFF;
	padding-top: 25px;
	padding-bottom: 5px;
}

.listaFooter{
	list-style: none;
	margin: 0;
}

.listaFooter li{
	display: inline;
	margin-right: calc(25px/2);
    margin-left: calc(25px/2);
}

.listaFooter li a{
	color:#FFF;
	text-decoration: none;
}

.listaFooter li a:hover{
	color:#FFFFFF;
	text-decoration: underline;
	
}

.olvido{
	vertical-align: bottom;
}

.error{
	color:#CC0000;
	display: none;
}

#logoMenu{
	width: 150px;
	height: auto;
	margin-right: 15px;
}

#contenidos{
	background-color: #FFF;
}

.imageNoticia{
	width:100%;
	height: 100%;
	background-repeat: no-repeat;
    background-size: cover;
	background-position: top center;
}

.bordeRojo {
    border: 1px solid #CC0000;
}

.error {
    color: #CC0000;
    display: none;
    font-size: 0.9rem;
	padding-top: 3px;
}


#resultado{
	font-size: 1.5rem;
	padding-top: 15px;
	display: none;
}

.verde{
	color: #077600;
}

.rojo{
	color:#CC0000;
}


.products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}


.product-miniature, .product-miniature .product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.product-miniature .thumbnail-container {
    position: relative;
    height: auto;
    margin-bottom: 1.563rem;
    overflow: hidden;
    background: #fff;
}

.product-miniature .thumbnail-top {
    position: relative;
    overflow: hidden;
}

.product-miniature .thumbnail-container .product-thumbnail {
    position: relative;
    height: calc(100% - 70px);
}


.product-miniature .thumbnail-container .product-thumbnail img {
    position: relative;
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}


.product-miniature .highlighted-informations {
    position: absolute;
    top: 100%;
    z-index: 2;
    width: 100%;
    height: auto;
    padding: 0.625rem 0;
    text-align: center;
    background: #fff;
    -webkit-transition: .3s;
    transition: .3s;
}

.product-miniature .highlighted-informations .quick-view {
    font-size: 1rem;
    color: #7a7a7a;
}

.product-miniature .variant-links {
    position: relative;
    top: -0.25em;
    width: 100%;
    min-height: 2.5rem;
    padding-top: 0.1875rem;
    text-align: center;
    background: #fff;
}

.product-miniature .product-description {
    position: relative;
    bottom: 0;
    height: auto;
    padding: 0.25rem 0.25rem 0.7rem;
    background: #fff;
}

.product-miniature .product-title {
    margin-top: 0.7rem;
    text-align: center;
    /*text-transform: capitalize;*/
}

.product-miniature .product-title a {
    font-size: 1rem;
    font-weight: 400;
    color: #7a7a7a;
    text-align: center;
    text-decoration: none;
}


.product-miniature .product-price-and-shipping {
    font-weight: 700;
    color: #232323;
    text-align: center;
}

.product-miniature .regular-price {
    display: inline-block;
    font-size: .875rem;
    color: #7a7a7a;
    text-decoration: line-through;
}

.product-miniature .product-price-and-shipping .discount-product {
    display: none;
}

td{
	text-align: right;
}

table.minimalistBlack {
  border: 2px solid #000000;
  width: 100%;
  text-align: right;
  border-collapse: collapse;
}
table.minimalistBlack td, table.minimalistBlack th {
  border: 1px solid #000000;
  padding: 5px 4px;
}
table.minimalistBlack tbody td {
  font-size: 16px;
}
table.minimalistBlack thead {
  background: #CFCFCF;
  background: -moz-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  background: -webkit-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  border-bottom: 3px solid #000000;
}
table.minimalistBlack thead th {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  text-align: left;
}

#producto h1{
	font-size: 1.8rem
}

#producto p{
	font-size: 1rem;
	font-weight: 400;
}


#inputUnidades{
	display: inline-block;
    width: auto;
    font-weight: 400;
    font-size: 1rem;
    color: #000;
    vertical-align: middle;
    margin: 0;
    border: 1px solid #ddd;
}



.button {
    font-size: 1rem;
    font-weight: 700;
    padding: 12px 15px;
    color: #fff;
    background-color: var(--morado);
    border: 1px solid var(--morado);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#containerColores {
	/*background-image: image(/colores/negro-blanco.png);*/
}

#containerColores input[type=radio] {
    position: fixed;
    visibility: hidden;
    left: -9999px;
}

#containerColores label{
    padding: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #e5e5e5;
    position: relative;
    background-size: contain;
}

#containerColores label:hover{
    border: 3px solid #00FF11;
    cursor: pointer;
}


#containerColores input[type=radio].color-input:checked+label {
    border: 3px solid #00FF11;
    cursor: pointer;
}



#containerColoresBandas {
	/*background-image: image(/colores/negro-blanco.png);*/
}

#containerColoresBandas input[type=radio], containerColoresCierres input[type=radio], containerColoresExtras input[type=radio] {
    position: fixed;
    visibility: hidden;
    left: -9999px;
}

#containerColoresBandas label, #containerColoresCierres label, #containerColoresExtras label{
    padding: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #e5e5e5;
    position: relative;
    background-size: contain;
}

#containerColoresBandas label:hover, #containerColoresCierres label:hover, #containerColoresExtras label:hover{
    border: 3px solid #00FF11;
    cursor: pointer;
}


#containerColoresBandas input[type=radio].color-input:checked+label, #containerColoresCierres input[type=radio].color-input:checked+label, #containerColoresExtras input[type=radio].color-input:checked+label {
    border: 3px solid #00FF11;
    cursor: pointer;
}






#containerEtiquetas input[type=radio], #containerBandas input[type=radio], #containerGanchos input[type=radio], #containerCierres input[type=radio], #containerGarras input[type=radio], #containerExtras input[type=radio]  {
    position: fixed;
    visibility: hidden;
    left: -9999px;
}
#containerEtiquetas label, #containerBandas label, #containerGanchos label, #containerCierres label, #containerGarras label, #containerExtras label{
position: relative;
    display: inline-block;
    padding: 1rem;
    font-size: .875rem;
    color: #444;
    text-align: center;
    background-color: transparent;
	vertical-align: middle;
	background: #FFF;
	border: 1px solid #ddd;
}

#containerEtiquetas input[type=radio]+label span, #containerBandas input[type=radio]+label span, #containerGanchos input[type=radio]+label span, #containerCierres input[type=radio]+label span, #containerGarras input[type=radio]+label span, #containerExtras input[type=radio]+label span  {
    display: block;
}



#containerEtiquetas input[type=radio]+label img, #containerBandas input[type=radio]+label img, #containerGanchos input[type=radio]+label img, #containerCierres input[type=radio]+label img, #containerGarras input[type=radio]+label img, #containerExtras input[type=radio]+label img    {
    margin-bottom: 1rem;
    max-width: 100%;
    pointer-events: none;
}

#containerEtiquetas label:hover, #containerBandas label:hover, #containerGanchos label:hover, #containerCierres label:hover, #containerGarras label:hover, #containerExtras label:hover{
    border: 3px solid #00FF11;
    cursor: pointer;
}


#containerEtiquetas input[type=radio]:checked+label, #containerBandas input[type=radio]:checked+label, #containerGanchos input[type=radio]:checked+label, #containerCierres input[type=radio]:checked+label, #containerGarras input[type=radio]:checked+label, #containerExtras input[type=radio]:checked+label  {
    border: 3px solid #00FF11;
    cursor: pointer;
}


.cuadroResumen{
	background-color: #FFF;
	border: 1px #CCC solid;
	padding: 10px;
}


.absolute {
            position: fixed !important; /* Use !important to override any other styles */
	z-index: 9999999;
	right:20px;
	top:20px;
        }

.oculto{
	display: none;
}

.color{
	display: block;
	height: 26px;
	width: 26px;
	border:1px solid #CCC;
	border-radius: 50%;
}

.textura{
	display: block;
	height: 26px;
	width: 26px;
	border:1px solid #CCC;
	border-radius: 50%;
}

.imgAccesorio{
	height: 80px;
	width: auto;
}

.precio{
	font-size:1.5rem !important;
}

.precio{
	font-size:1rem !important;
}



.right-nav a{
	text-decoration: none;
}


.btn-primary {
    color: #fff;
    background-color: var(--morado);
    border-color:  var(--morado);
}


 .btn-primary:focus {
    color: #fff;
    background-color: #4D4D4D;
    border-color: #4D4D4D;
    box-shadow: 0 0 0 0.25rem rgba(49,132,253,.5);
}

.btn-primary:hover {
    color: #fff;
    background-color: #4D4D4D;
    border-color: #4D4D4D;
}

.btn:focus-visible {
	background-color: #4D4D4D;
    border-color: #4D4D4D;
}


.iconoCuenta{
	font-size: 4rem;
}

.containerIcono{
	text-align: center;
	padding: 15px;
}

#dashboard a{
	text-decoration: none;
}

#dashboard a:hover{
	color:var(--morado);
}

#dashboard .card-title{
	text-decoration: none;
}

.cuadroDireccion{
	padding: 15px;
	background-color: #FFF;
	border: 1px solid #CCCCCC;
	width: 100%;
}

.pedido-paso{

	    border: 1px var(--morado) solid;
    border-top: 3px solid var(--morado);
    padding: 0px;
    box-shadow: none;
    margin-bottom: 20px;
	background-color: #fff; 
}

.pedido-paso h1{
	background: var(--morado) none repeat scroll 0 0;
    color: #fff;
	font-size: 2rem;
    margin-top: 0;
    padding: 8px;
    font-weight: 400;
}


.contenido-paso{
	padding: 25px;
}

.tabla{
	display: table;
}

.fila{
	display: table-row;
}

.columna{
	display:table-cell;
}

.tablaListado thead{
	background-color: var(--morado);
	color:#FFF;
	text-align: right;
}


.tablaListado thead tr th:last-child{
	text-align: right;
}

.tablaListado tbody tr{
	border-bottom: 1px solid var(--morado);
}


.tablaListado tbody tr:nth-child(even){
	background-color: #FFF;
}

.tablaListado tbody tr:nth-child(odd){
	background-color: #DFDFED;
}


.cuadroLineas{
	padding: 8px;
	background-color: #FFF;
	width: 100%;
	text-align: center;
}

.cuadroLineas h2{
	margin-top: 15px;
	text-align: center;
	font-size: 1.5rem;
}

.cuadroLineas a{
	text-decoration: none;
	color: var(--gris);
}


.owl-dots {
        position: absolute;
        bottom: 10px; /* Adjust this value to move the dots up or down */
        width: 100%; /* Assuming full width */
        text-align: center; /* Align the dots to the center */
    }


.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--morado) !important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px !important;
    height: 15px !important;
}