html{
	min-height: 100%;
	position: relative;
}

/* ==========================
   ESTILOS GENERALES
========================== */

:root{
    --amarre-dark:#250017;
    --amarre-fuchsia:#8b005d;
    --amarre-pink:#e4007c;
    --amarre-light:#fff6fb;
    --amarre-cat:#e1be65;
    --amarre-pro:#f7f2e6;
}

body{
    font-family: 'Segoe UI', sans-serif;
    color:#333;
}

/* ===================================
   HERO PREMIUM AMARRE
=================================== */
.hero-premium{
    position:relative;
    overflow:hidden;
    min-height:92vh;
    display:flex;
    align-items:center;
    background:linear-gradient(135deg, #250017 0%, #4a002f 25%, #8b005d 70%, #e4007c 100%);
}

.hero-premium::before{
    content:'';
    position:absolute;
    width:700px;
    height:700px;
    top:-250px;
    right:-200px;
    border-radius:50%;
    background:radial-gradient(rgba(255,255,255,.15), transparent 70%);

}

.hero-premium::after{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    left:-150px;
    bottom:-150px;
    border-radius:50%;
    background:radial-gradient(rgba(255,255,255,.08), transparent 70%);
}

.hero-content{
    position:relative;
    z-index:2;
}

.hero-tag{
    display:inline-block;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(10px);
    padding:10px 18px;
    border-radius:30px;
    color:#fff;
    margin-bottom:25px;
    font-size:.95rem;
}

.hero-premium h1{
    color:#fff;
    font-size:4.3rem;
    font-weight:800;
    line-height:1.1;
    margin-bottom:25px;
}

.titulo-categorias {
    color:#fff;
    font-size:3rem;
    font-weight:800;
    line-height:1.1;
    margin-bottom:10px;
}

.hero-premium p{
    color:rgba(255,255,255,.9);
    font-size:1.25rem;
    line-height:1.8;
    max-width:600px;
    margin-bottom:35px;
}

.hero-buttons .btn{
    padding:15px 35px;
    border-radius:50px;
    font-weight:600;
}

.btn-amarre-main{
    background:#fff;
    color:#8b005d;
    border:none;
}

.btn-amarre-main:hover{
    background:#ffd7ea;
}

.btn-amarre-outline{
    border:2px solid rgba(255,255,255,.5);
    color:#fff;
}

.btn-amarre-outline:hover{
    background:#fff;
    color:#8b005d;
}

.hero-features{
    margin-top:45px;
}

.hero-feature{
    display:inline-flex;
    align-items:center;
    margin-right:25px;
    margin-bottom:10px;
    color:#fff;
}

.hero-feature i{
    color:#ffd7ea;
    margin-right:8px;
}

.hero-image{
    position:relative;
    z-index:2;
}

.hero-image img{
    width:100%;
    max-width:650px;
    border-radius:30px;
    box-shadow:
    0 20px 60px rgba(0,0,0,.35);
}

.floating-card{
    position:absolute;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(15px);
    padding:18px 22px;
    border-radius:20px;
    color:#fff;
    box-shadow:
    0 10px 30px rgba(0,0,0,.2);
}

.card-top{
    top:15%;
    left:-30px;
}

.card-bottom{
    bottom:10%;
    right:-20px;
}

@media(max-width:991px){
    .hero-premium{
        text-align:center;
        padding:120px 0 80px;
    }

    .hero-premium h1{
        font-size:2.8rem;
    }

    .hero-image{
        margin-top:50px;
    }

    .floating-card{
        display:none;
    }
}

/* ==========================
   BENEFICIOS
========================== */
.benefits{
    padding:60px 0;
    background:white;
}

.benefit-card{
    text-align:center;
    padding:25px;
}

.benefit-icon{
    font-size:3rem;
    color:var(--amarre-pink);
}

/* ==========================
   CATEGORÍAS
========================== */
.section-title{
    text-align:center;
    margin-bottom:50px;
}

.section-title h2{
    font-weight:700;
}

.categories{
    padding:80px 0;
    background:var(--amarre-light);
}

.category-card{
    background:white;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.category-card:hover{
    transform:translateY(-5px);
}

.category-card img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.category-card h3{
    font-size:1.2rem;
    padding:20px;
    text-align:center;
}

.sin-decorar{
    font-size:1.2rem;
    padding:20px;
    text-align:center;
	color: inherit;
	text-decoration: none;
}


/* ==========================
   PRODUCTOS
========================== */
.products{
    padding:80px 0;
}

.product-card{
    background:white;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.product-card:hover{
    transform:translateY(-5px);
}

.product-card img{
    width:100%;
    height:300px;
    object-fit:cover;
}

.product-info{
    padding:20px;
}

.price{
    color:var(--amarre-pink);
    font-weight:700;
    font-size:1.4rem;
}

/* ==========================
   PROMOCIÓN
========================== */
.promo-banner{
	background:linear-gradient(135deg, var(--amarre-fuchsia), var(--amarre-pink));
    color:white;
    text-align:center;
    padding:80px 20px;
}

/* ==========================
   CONFIANZA
========================== */
.trust{
    padding:80px 0;
    background:#fafafa;
}

.trust-item{
    text-align:center;
    padding:20px;
}

.trust-item i{
    color:var(--amarre-pink);
    font-size:3rem;
}

/* ==========================
   MARCAS
========================== */
.brands{
    padding:80px 0;
}

.brand-logo{
    height:70px;
    object-fit:contain;
    filter:grayscale(100%);
    opacity:.7;
}

/* ==========================
   TESTIMONIOS
========================== */
.testimonials{
    background:var(--amarre-light);
    padding:80px 0;
}

.testimonial-card{
    background:white;
    border-radius:20px;
    padding:30px;
    height:100%;
}

/* ==========================
   BLOG
========================== */
.blog{
    padding:80px 0;
}

.blog-card{
    background:white;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    border-radius:20px;
    overflow:hidden;
}

.blog-card img{
    width:100%;
    height:250px;
    object-fit:cover;
}

.blog-card .content{
    padding:25px;
}

/* ==========================
   NEWSLETTER
========================== */
.newsletter{
    background:linear-gradient(135deg, var(--amarre-dark), var(--amarre-fuchsia));
    color:white;
    padding:80px 0;
    text-align:center;
}

.newsletter input{
    height:55px;
    border-radius:50px;
}

/* ==========================
   Navbar Premium Sexshop
========================== */
.navbar-sexy {
    background: linear-gradient(135deg, #5d003a 0%, #9b0056 50%, #e6007e 100%);
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 20px rgba(0,0,0,.25);
    padding: 12px 0;
}

.navbar-sexy .navbar-brand {
    color: #fff;
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: 1px;
}

.navbar-sexy .navbar-brand:hover {
    color: #ffd4e8;
}

.navbar-sexy .nav-link {
    color: #fff !important;
    font-weight: 500;
    padding: 10px 16px !important;
    transition: all .3s ease;
    border-radius: 8px;
}

.navbar-sexy .nav-link:hover {
    background: rgba(255,255,255,.15);
    color: #fff !important;
}

.navbar-sexy .dropdown-menu {
    background: rgba(70,0,45,.98);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.navbar-sexy .dropdown-item {
    color: #fff;
    padding: 6px 18px;
    transition: .3s;
}

.navbar-sexy .dropdown-item:hover {
    background: rgba(230,0,126,.35);
    color: #fff;
}

.btn-promo {
    background: #fff;
    color: #b00061;
    font-weight: 700;
    border-radius: 30px;
    padding: 10px 22px;
    margin-left: 15px;
    transition: .3s;
}

.btn-promo:hover {
    background: #ffd4e8;
    color: #7a004f;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    display: none;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

@media (max-width: 991px) {
    .dropdown-submenu .dropdown-menu {
        position: static;
        display: block;
        margin-left: 15px;
        border: none;
        box-shadow: none;
        background: rgba(255,255,255,.05);
    }

    .btn-promo {
        margin: 10px 0;
        display: inline-block;
    }
}

/* ==========================
   FOOTER PREMIUM AMARRE
========================== */
.footer-amarre {
    background: linear-gradient(180deg, #250017 0%, #18000f 100%);
    color: rgba(255,255,255,.85);
    padding-top: 60px;
    margin-top: 80px;
    border-top: 1px solid rgba(230,0,126,.25);
}

.footer-title {
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.footer-brand {
    font-size: 2rem;
    font-weight: 700;
    color: #ffffff;
}

.footer-brand span {
    color: #e4007c;
}

.footer-text {
    line-height: 1.8;
    color: rgba(255,255,255,.75);
}

.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    text-decoration: none;
    color: rgba(255,255,255,.75);
    transition: .3s;
}

.footer-links a:hover {
    color: #e4007c;
    padding-left: 5px;
}

.social-icons a {
    width: 45px;
    height: 45px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    background: rgba(255,255,255,.08);
    transition: .3s;
}

.social-icons a:hover {
    background: #e4007c;
    transform: translateY(-3px);
}

.contact-info i {
    color: #e4007c;
    margin-right: 10px;
    width: 20px;
}

.footer-divider {
    border-color: rgba(255,255,255,.08);
    margin: 40px 0 25px;
}

.footer-bottom {
    text-align: center;
    font-size: .9rem;
    color: rgba(255,255,255,.55);
    padding-bottom: 25px;
}

.secure-badge {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 30px;
    margin-top: 15px;

    background: rgba(228,0,124,.15);
    border: 1px solid rgba(228,0,124,.25);
    color: #ffd6ea;
    font-size: .9rem;
}

/* ==========================
   Modal header
========================== */
.mh {
	background-color:#344f72;
	color:#ffffff;
}


















/* ==========================
   Modal header
========================== */
.categories2{
    padding:80px 0;
    background:var(--amarre-cat);
}

.product-card2 {
	background: #fff;
	border: none;
	border-radius: 12px;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	position: relative;
}

.product-card2:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.product-img-container2 {
	overflow: hidden;
	position: relative;
}

.product-img2 {
	transition: transform 0.5s ease;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-card2:hover .product-img2 {
	transform: scale(1.08);
}

.badge-custom2 {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 10;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 600;
}

.product-title2 {
    text-align:center;
	font-size: 2rem;
	font-weight: 600;
	color: #86004d;
}

.product-agotado {
    text-align:center;
	font-size: 1rem;
	font-weight: 600;
	color: #86004d;
}

.product-price2 {
    text-align:center;
	font-size: 2rem;
	font-weight: 700;
	color: #ff3838;
}

.product-price2 .old-price2 {
    text-align:center;
	font-size: 1.5rem;
	font-weight: 600;
	color: #95a5a6;
	text-decoration: line-through;
}

.btn-masinfo {
	background-color: #1f6fab;
	color: #fff;
	border-radius: 8px;
	padding: 10px;
	font-weight: 500;
	transition: all 0.3s ease;
}

.btn-masinfo:hover {
	background-color: #1a252f;
	color: #fff;
}

.contenedor-compartir {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-compartir {
	background-color: #7532fa;
	color: #ffffff;
	border-radius: 8px;
	padding: 10px;
	font-weight: 500;
	transition: all 0.3s ease;
}

.btn-compartir:hover {
	background-color: #1a252f;
	color: #fff;
}

.btn-comprar {
	background-color: #088b5d;
	color: #fff;
	font-size: 1.5rem;
	border-radius: 8px;
	padding: 10px;
	font-weight: 500;
	transition: all 0.3s ease;
}

.btn-comprar:hover {
	background-color: #1a252f;
	color: #fff;
	font-size: 1.5rem;
}

.btn-encargar {
	background-color: #edde0e;
	color: #000000;
	font-size: 1.5rem;
	border-radius: 8px;
	padding: 10px;
	font-weight: 500;
	transition: all 0.3s ease;
}

.btn-encargar:hover {
	background-color: #1a252f;
	color: #fff;
	font-size: 1.5rem;
}

.section-title-cat{
    text-align:center;
    margin-bottom:50px;
}

.section-title-cat h2{
    font-weight:700;
	color: #86004d;
}




/* ==========================
	botón violet (categorías)
========================== */

    .btn-aurora {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		padding: 0.75rem 2.2rem;
		font-size: 0.95rem;
		font-weight: 500;
		letter-spacing: 0.04em;
		border-radius: 999px;
		border: 1px solid #e879f9;
		background: #1a0a2e;
		color: #f0abfc;
		cursor: pointer;
		transition: background 0.25s, color 0.25s,
				  border-color 0.25s, box-shadow 0.25s,
				  transform 0.14s;
		text-decoration: none;
		outline: none;
		user-select: none;
    }

    .btn-aurora:hover,
    .btn-aurora:focus-visible {
		background: #e879f9;
		border-color: #f0abfc;
		color: #1a0a2e;
		box-shadow: 0 0 28px 6px rgba(232, 121, 249, 0.35);
		transform: translateY(-3px);
    }

    .btn-aurora:active {
		background: #a21caf;
		border-color: #e879f9;
		color: #fae8ff;
		transform: scale(0.96);
		box-shadow: 0 0 10px 2px rgba(162, 28, 175, 0.3);
    }
	
    /* ── Variante Coral ── */
    .btn-aurora-coral {
		border-color: #fb7185;
		background: #1c060a;
		color: #fda4af;
    }
    .btn-aurora-coral:hover,
    .btn-aurora-coral:focus-visible {
		background: #fb7185;
		border-color: #fda4af;
		color: #1c060a;
		box-shadow: 0 0 28px 6px rgba(251, 113, 133, 0.32);
		transform: translateY(-3px);
    }
    .btn-aurora-coral:active {
		background: #be123c;
		border-color: #fb7185;
		color: #ffe4e6;
		transform: scale(0.96);
    }

    /* ── Tamaños ── */
    .btn-aurora-sm { padding: 0.45rem 1.4rem; font-size: 0.82rem; }
    .btn-aurora-lg { padding: 1rem 2.8rem;    font-size: 1.05rem; }
	
	
	
	
	
	
	
	




/* ==========================
   Info producto
========================== */
.productos{
    padding:80px 0;
    background:var(--amarre-pro);
}

.section-title-prod{
    text-align:center;
    margin-bottom:50px;
}

.section-title-prod h2{
    font-weight:700;
	color: #000000;
}

.botonCerrarMoral {
	background-color:#344f72;
	color:#ffffff;
	font-size: 1.5em;
}