/* Archivo: new-design.css */
/* Estilos básicos para template personalizados */

/* Reset simple y box-sizing para toda la página */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Body con fuente legible y fondo claro */
body {
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    background-color: #f9f9f9;
    color: #333;
    padding: 0;
}

/* Contenedor principal para el contenido */
.site-main {
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/* Encabezados */
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
}

/* Párrafos */

/* Enlaces con color principal */
a {

}
a:hover {

}

/* Botones básicos */
button, input[type="submit"] {
    background-color: #0073aa;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
}
button:hover, input[type="submit"]:hover {
    background-color: #005177;
}


/*header*/
.b-row{
	background-color:black;
}
.c-row{
	background-color:#4DC3CB;
	flex:1;
}
header, body{
	font-family: 'Montserrat', sans-serif !important;
	font-size: 0.83vw;
    line-height: 1.5em;
}
footer{
	font-family: 'Montserrat', sans-serif !important;
	line-height: 1.5em;
}
header{
	text-transform: uppercase;
}
.site-header {
	padding-top: 0 !important;
	margin-bottom: 0 !important;
}
.site-branding{
	margin: 0;
	margin-right: 0 !important;
	flex:1;
}

/* first row header*/
header .colm1{
	color:#F17CB1;
	padding: 12px 0;
	padding-left: 9%;
    text-align: left;
}
header .colm2{
	background-color:#4DC3CB;
	align-items:center;
	justify-content: center;
	margin-left: 25%;
}
header .colm3{
	align-items:center;
	justify-content: center;
}
header .c-row p{
	margin-bottom:0;
	text-decoration:underline;
	margin-left:8px;
}
header a{
	color:white;
	align-items:center
}
header .colm5{
	align-items: center;
    justify-content: right;
}

/* second row header*/
.site-header .custom-logo-link img{
	width:170%;
}
header .colm5 > *{
	flex:1;
}
header .colm7{
	padding: 0 0;
	justify-content: center;
	width:50%;
}
header .site-search{
	flex:1.5;
	margin-bottom: 0;
}
header .colm6 a{
	flex:0.5;
	padding-left: 5%;
}
#site-header-cart{
	flex:1;
}
header .colm6{
	align-items:center;
	padding: 0;
}
header .rowmenu2{
	justify-content: center;
}
header #menu-main a{
	text-decoration:none;
}
.site-header-cart:hover .widget_shopping_cart{
	left: -6.9vw;
	width: 24vw;
}

/*Responsive header*/
@media(max-width:1024px){
	header .colm3 img{
		width:10%;
	}
	header .colm4 img{
		width:20%;
	}
}
@media(max-width:769px){
	header .colm4 {
		padding-left: 0 !important;
	}
	header .colm6 a img{
		width: 50%;
	}
}
@media(max-width:426px){
	header{
		font-size: 16px;
	}
	header .site-search{
		display: block;
		margin-left: 30%;
		padding-top: 20px;
	}
	header .colm5{
		margin-right: 20px;
	}
	header .colm7{
		padding-right: 40px;
		margin-right:20px;
		order: -1;
	}
	header .rowmenu2{
		align-items: center;
	}
	.widget_product_search form:not(.wp-block-search) input[type=search]{
		background-color: transparent;
	}
	.site-header .custom-logo-link img{
		width:250%;
	}
	.main-navigation ul li a{
		color: white;
	}
	.main-navigation.toggled .handheld-navigation{
		position: absolute;
    	background-color: black;
    	width: 100%;
		top: 30%;
        left: 0%;
	}
	header button.menu-toggle{
		background-color: #ffffff;
    	z-index: 2;
    	border-color: #000000;
	}
	header .colm7 {
		width:25%;
	}
}

/*Footer*/
footer{
	font-weight:bold;
}
.foot-headline{
	color: #F17CB1 !important;
	margin-left: 2em;
}
footer .list-unstyled a{
	gap:8px;
}
.loc-foot{
	height: 10%;
	width: 10%;
}
footer .main-navigation ul.menu>li>a{
	padding: 0.5em 1em;
}
footer #menu-main-2 {
	display: flex;
    flex-direction: column;
}
.site-footer a:not(.button):not(.components-button) {
    color: #ffffff;
}
footer .main-navigation{
	margin-left:2.5em;
}
.site-footer a{
	text-decoration: none;
}
.site-footer p{
	color:#A4A4A4;
}
footer .menu-mobile{
	display:none;
}

/*Responsive Footer*/
@media(min-width:2000px){
	.loc-foot{
		height: 7%;
		width: 7%;
	}
}
@media(max-width:1445px){
	.loc-foot{
		height: 13%;
		width: 13%;
	}
}
@media(max-width:1025px){
	.pho-foot, .loc-foot {
		width: 20%;
    	height: 20%;
	}
	footer .site-branding{
		width:80%;
	}
}
@media(max-width:769px){
	footer{
		font-size:0.83vw !important;
	}
	footer h5{
		font-size: 0.7rem;
	}
	.pho-foot, .loc-foot {
		width: 10%;
    	height: 10%;
	}
	footer .cont1 img{
		width:65%;
	}

}
@media screen and (min-width: 768px) {
    footer .main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
        background-color: #474242;
    }
	.woocommerce-active .site-header .main-navigation {      
        margin-right: 0;
    }
}
@media(max-width:426px){
	footer .menu-mobile{
		display:block;
	}
	footer #site-navigation{
		display:none;
	}
	footer{
		font-size:16px !important;
	}
	footer .colm1{
		gap:24px;
		margin-bottom: 40px !important;
	}
	footer .colm1 p{
		margin-bottom: 0 !important;
	}
	footer .foot-headline{
		font-size: 20px;
		margin-left: 0;
		margin-bottom: 24px !important;
	}
	footer .list-unstyled{
		margin: 0 0;
	}
}

//categories pages
.widget_product_categories{
	color:#F17CB1;
}