/* =========================================================
   DIGITALES DONE - Estilos personalizados
   Paleta: #111111 / #2B2B2B / #FFFFFF / #00D1D2 / #F5F7FA
   Tipografía: Poppins
   ========================================================= */

:root{
	--dgd-black:#111111;
	--dgd-gray:#2B2B2B;
	--dgd-white:#FFFFFF;
	--dgd-teal:#00D1D2;
	--dgd-light:#F5F7FA;
	--dgd-radius:10px;
}

body, button, input, select, textarea{
	font-family:'Poppins', sans-serif;
	color: var(--dgd-gray);
}
h1,h2,h3,h4,h5,h6{
	font-family:'Poppins', sans-serif;
	font-weight:700;
	color: var(--dgd-black);
}
a{ color: var(--dgd-gray); }
a:hover{ color: var(--dgd-teal); }

.dgd-container{
	max-width:1200px;
	margin:0 auto;
	padding:0 20px;
}

/* ---------- BOTONES ---------- */
.dgd-btn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:14px 28px;
	border-radius:999px;
	font-weight:600;
	text-decoration:none;
	transition:all .2s ease;
}
.dgd-btn-primary{
	background: var(--dgd-teal);
	color: var(--dgd-black) !important;
}
.dgd-btn-primary:hover{
	background:#00b9ba;
	transform: translateY(-2px);
}

/* Botones nativos de WooCommerce con el color de marca */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, a.added_to_cart{
	background: var(--dgd-teal) !important;
	color: var(--dgd-black) !important;
	border-radius:999px !important;
	font-weight:600 !important;
	border:none !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover{
	background:#00b9ba !important;
}
.price ins{ color: var(--dgd-teal); }
.price, .woocommerce-Price-amount{ color: var(--dgd-black); font-weight:600; }

/* ---------- TOPBAR ---------- */
.dgd-topbar{
	background: var(--dgd-black);
	color:#cfd3d4;
	font-size:13px;
}
.dgd-topbar-inner{
	max-width:1200px;
	margin:0 auto;
	padding:8px 20px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:8px;
}
.dgd-topbar-left, .dgd-topbar-right{
	display:flex;
	gap:20px;
	align-items:center;
	flex-wrap:wrap;
}
.dgd-topbar a{ color:#cfd3d4; text-decoration:none; }
.dgd-topbar a:hover{ color: var(--dgd-teal); }
.dgd-icon svg{ width:15px; height:15px; vertical-align:-2px; margin-right:4px; }

/* ---------- HEADER / MENU ---------- */
.site-header{ background: var(--dgd-white); }
#masthead .site-search .search-field{
	border-radius:6px;
}
.main-navigation ul li a{
	font-weight:600;
	text-transform:uppercase;
	font-size:13px;
	letter-spacing:.02em;
}
.main-navigation ul li a:hover, .main-navigation ul li.current-menu-item > a{
	color: var(--dgd-teal);
}

/* ---------- HERO ---------- */
.dgd-hero{
	background: linear-gradient(135deg, var(--dgd-black) 0%, #1a1a1a 100%);
	position:relative;
	overflow:hidden;
	padding:60px 0;
}
.dgd-hero:before{
	content:"";
	position:absolute;
	right:-100px; top:-100px;
	width:400px; height:400px;
	background: radial-gradient(circle, rgba(0,209,210,.25) 0%, transparent 70%);
}
.dgd-hero-inner{
	max-width:1200px;
	margin:0 auto;
	padding:0 20px;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:40px;
	align-items:center;
	position:relative;
	z-index:1;
}
.dgd-hero-text h1{
	color:#fff;
	font-size:clamp(28px, 4vw, 44px);
	line-height:1.15;
	margin-bottom:16px;
}
.dgd-hero-text h1::after{
	content:"";
}
.dgd-hero-text p{
	color:#c9cccd;
	font-size:18px;
	margin-bottom:24px;
}
.dgd-hero-badges{
	display:flex;
	gap:20px;
	flex-wrap:wrap;
	margin-top:24px;
}
.dgd-hero-badges span{
	color:#c9cccd;
	font-size:13px;
	display:flex;
	align-items:center;
	gap:6px;
}
.dgd-hero-badges svg{ width:16px; height:16px; color: var(--dgd-teal); }
.dgd-hero-image img{ width:100%; border-radius: var(--dgd-radius); }
.dgd-hero-placeholder{
	border:2px dashed rgba(255,255,255,.25);
	border-radius: var(--dgd-radius);
	padding:60px 20px;
	text-align:center;
	color:#8a8f90;
	font-size:14px;
}
@media (max-width:782px){
	.dgd-hero-inner{ grid-template-columns:1fr; }
	.dgd-hero-image{ order:-1; }
}

/* ---------- CATEGORÍAS ---------- */
.dgd-categories{ padding:50px 0 10px; }
.dgd-categories .dgd-container{
	display:grid;
	grid-template-columns:repeat(6,1fr);
	gap:16px;
}
.dgd-category-card{
	text-decoration:none;
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:10px;
}
.dgd-category-icon{
	width:100px; height:100px;
	border-radius:50%;
	background: var(--dgd-light);
	display:flex; align-items:center; justify-content:center;
	overflow:hidden;
	transition: transform .2s ease;
}
.dgd-category-card:hover .dgd-category-icon{ transform: translateY(-4px); }
.dgd-category-icon img{ width:100%; height:100%; object-fit:cover; }
.dgd-category-icon svg{ width:36px; height:36px; color: var(--dgd-teal); }
.dgd-category-card span{
	font-weight:600; font-size:13px; text-transform:uppercase; color: var(--dgd-black);
}
.dgd-empty-note{
	grid-column:1/-1;
	background: var(--dgd-light);
	padding:20px;
	border-radius: var(--dgd-radius);
	text-align:center;
}
@media (max-width:782px){
	.dgd-categories .dgd-container{ grid-template-columns:repeat(3,1fr); }
}

/* ---------- BENEFICIOS ---------- */
.dgd-benefits{ background: var(--dgd-light); margin-top:50px; padding:36px 0; }
.dgd-benefits-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
}
.dgd-benefit{
	display:flex;
	gap:14px;
	align-items:flex-start;
}
.dgd-benefit svg{ width:30px; height:30px; color: var(--dgd-teal); flex-shrink:0; }
.dgd-benefit h4{ font-size:15px; margin:0 0 4px; }
.dgd-benefit p{ font-size:13px; color:#666; margin:0; }
@media (max-width:782px){
	.dgd-benefits-grid{ grid-template-columns:1fr 1fr; }
}

/* ---------- PRODUCTOS DESTACADOS ---------- */
.dgd-featured{ padding:60px 0; }
.dgd-section-title{
	text-align:center;
	font-size:28px;
	margin-bottom:36px;
	position:relative;
}
.dgd-section-title:after{
	content:"";
	display:block;
	width:60px; height:4px;
	background: var(--dgd-teal);
	margin:12px auto 0;
	border-radius:2px;
}
.dgd-featured ul.products li.product{
	border-radius: var(--dgd-radius);
}

/* ---------- BANNER OFERTAS ---------- */
.dgd-promo{ padding:20px 0 60px; }
.dgd-promo-inner{
	background: linear-gradient(120deg, var(--dgd-black), #1c1c1c);
	border-radius: var(--dgd-radius);
	padding:40px;
	display:flex;
	align-items:center;
	gap:30px;
	flex-wrap:wrap;
	color:#fff;
}
.dgd-promo-inner h3{ color:#fff; font-size:26px; margin:0; line-height:1.15; }
.dgd-promo-tag svg{ width:34px; height:34px; color: var(--dgd-teal); }
.dgd-promo-inner p{ color:#c9cccd; flex:1; min-width:200px; margin:0; }

/* ---------- FOOTER ---------- */
.dgd-footer{ background: var(--dgd-black); color:#c9cccd; padding:50px 0 20px; margin-top:40px; }
.dgd-footer-grid{
	display:grid;
	grid-template-columns:1.4fr 1fr 1fr 1fr;
	gap:30px;
	margin-bottom:30px;
}
.dgd-footer h4{ color:#fff; font-size:15px; margin-bottom:14px; }
.dgd-footer ul{ list-style:none; margin:0; padding:0; }
.dgd-footer ul li{ margin-bottom:8px; }
.dgd-footer a{ color:#c9cccd; text-decoration:none; font-size:14px; }
.dgd-footer a:hover{ color: var(--dgd-teal); }
.dgd-footer-logo{ color:#fff; font-size:20px; display:block; margin-bottom:10px; }
.dgd-footer-brand p{ font-size:13px; margin-bottom:16px; }
.dgd-social{ display:flex; gap:12px; }
.dgd-social a{
	width:34px; height:34px;
	border-radius:50%;
	background:rgba(255,255,255,.08);
	display:flex; align-items:center; justify-content:center;
}
.dgd-social svg{ width:16px; height:16px; }
.dgd-social a:hover{ background: var(--dgd-teal); color: var(--dgd-black); }
.dgd-footer-contact li{ display:flex; align-items:center; gap:8px; font-size:14px; }
.dgd-site-info{
	border-top:1px solid rgba(255,255,255,.1);
	padding-top:16px;
	text-align:center;
	font-size:13px;
	color:#8a8f90;
	max-width:1200px;
	margin:0 auto;
	padding-left:20px; padding-right:20px;
}
@media (max-width:782px){
	.dgd-footer-grid{ grid-template-columns:1fr 1fr; }
}