/* =========================
   RED COMPUTER COMPONENTES
   SIN WRAPPER GLOBAL
   ========================= */

   .rc-container{
    width:100%;
    margin:0 auto;
  }
  
  .rc-section{
    margin:0 0 34px;
    font-family:'Manrope',sans-serif;
    color:#1f2937;
  }
  
  .rc-section:last-child{
    margin-bottom:0;
  }
  
  .rc-section-title{
    margin:0 0 10px;
    font-family:'Oswald',sans-serif;
    font-size:28px;
    font-weight:600;
    line-height:1.05;
    letter-spacing:.2px;
    color:#171a21;
  }
  
  .rc-section-subtitle{
    margin:0 0 24px;
    font-family:'Manrope',sans-serif;
    font-size:17px;
    font-weight:500;
    line-height:1.65;
    color:#6b7280;
  }

  .rc-section-subtitle a, .rc-section-subtitle strong{
    color: var(--main-color) !important;
    font-weight: 600;
  }
  
  
  .rc-section a{
    text-decoration:none;
  }
  
  .rc-section img{
    max-width:100%;
    height:auto;
  }
  
  /* HERO */
  .rc-hero{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    gap:30px;
    align-items:center;
    background:#fff;
    border:1px solid rgba(217,221,227,.7);
    border-radius:28px;
    padding:42px;
    box-shadow:0 12px 30px rgba(17,17,17,.08);
    overflow:hidden;
  }
  
  .rc-hero-copy h1{
    margin:0 0 16px;
    font-family:'Oswald',sans-serif;
    font-size:58px;
    font-weight:700;
    line-height:1;
    letter-spacing:.2px;
    text-transform:uppercase;
    color:#171a21;
  }
  
  .rc-hero-copy p{
    max-width:760px;
    margin:0 0 22px;
    font-size:18px;
    font-weight:500;
    line-height:1.7;
    color:#1f2937;
  }

  .rc-hero-copy strong
  {
    font-weight:600;
    color:var(--main-color);
  }
  
  .rc-chip-list{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin:0 0 24px;
  }
  
  .rc-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:8px 16px;
    background:#eef1f4;
    border:1px solid #d9dde3;
    border-radius:999px;
    font-size:14px;
    font-weight:700;
    line-height:1;
    color:#1f2937;
  }
  
  .rc-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
  }
  
  .rc-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:0 22px;
    border-radius:999px;
    font-family:'Manrope',sans-serif;
    font-size:15px;
    font-weight:800;
    line-height:1;
    transition:.25s ease;
  }
  
  .rc-btn-primary{
    background:#c31432;
    color:#fff !important;
  }
  
  .rc-btn-primary:hover{
    background:#a60f29;
    transform:translateY(-2px);
    box-shadow:0 12px 22px rgba(195,20,50,.24);
  }
  
  .rc-btn-dark{
    background:#171a21;
    color:#fff !important;
  }
  
  .rc-btn-dark:hover{
    background:#101319;
    transform:translateY(-2px);
  }
  
  .rc-btn-outline{
    background:#fff;
    border:1px solid #d9dde3;
    color:#1f2937 !important;
  }
  
  .rc-btn-outline:hover{
    background:#f8f9fb;
    transform:translateY(-2px);
  }
  
  .rc-hero-visual{
    position:relative;
    min-height:380px;
    border-radius:24px;
    overflow:hidden;
  }

  .visual-componentes
  {
    background-image: url(/img/c/landing_page/Componentes.jpg);
  }
  
  .visual-perifericos
  {
    background-image: url(/img/c/landing_page/Perifericos.jpg);
  }

  .visual-redes
  {
    background-image: url(/img/c/landing_page/Redes.jpg);
  }

  .visual-portatiles
  {
    background-image: url(/img/c/landing_page/Laptops.jpg);
  }


  .rc-hero-cards{
    position:absolute;
    inset:0;
  }
    
  /* GRID SUBCATEGORIAS */
  .rc-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px;
  }
  
  .rc-card{
    background:#fff;
    border:1px solid rgba(217,221,227,.75);
    border-radius:24px;
    padding:24px;
    box-shadow:0 10px 25px rgba(17,17,17,.06);
    transition:.25s ease;
  }
  
  .rc-card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 35px rgba(17,17,17,.09);
  }
  
  .rc-card-icon{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:16px;
    border-radius:16px;
    background:#eef1f4;
    font-size:22px;
    line-height:1;
  }
  
  .rc-card h3{
    margin:0 0 10px;
    font-family:'Oswald',sans-serif;
    font-size:24px;
    font-weight:500;
    line-height:1.15;
    color:#171a21;
  }
  
  .rc-card p{
    margin:0 0 14px;
    font-size:15px;
    font-weight:500;
    line-height:1.65;
    color:#6b7280;
  }
  
  .rc-card a{
    color:#c31432;
    font-size:15px;
    font-weight:800;
  }
  
  .rc-card a:hover{
    color:#a60f29;
  }
  
  /* GRID OSCURO */
  .rc-grid-dark{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px;
  }
  
  .rc-card-dark{
    min-height:180px;
    background:linear-gradient(180deg,#111111 0%,#1f2633 100%);
    border-radius:24px;
    padding:28px;
    box-shadow:0 12px 25px rgba(17,17,17,.16);
  }
  
  .rc-card-dark h3{
    margin:0 0 12px;
    font-family:'Oswald',sans-serif;
    font-size:24px;
    font-weight:500;
    line-height:1.15;
    color:#fff;
  }
  
  .rc-card-dark p{
    margin:0 0 14px;
    font-size:15px;
    font-weight:500;
    line-height:1.65;
    color:#d1d5db;
  }
  
  .rc-card-dark a{
    color:#ff7483;
    font-size:15px;
    font-weight:800;
  }
  
  .rc-card-dark a:hover{
    color:#fff;
  }
  
  /* PRODUCTOS */
  .rc-product-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px;
  }
  
  .rc-product-card{
    background:#fff;
    border:1px solid rgba(217,221,227,.75);
    border-radius:24px;
    padding:20px;
    box-shadow:0 10px 25px rgba(17,17,17,.06);
  }
  
  .rc-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:6px 12px;
    background:#fff1f2;
    border-radius:999px;
    color:#c31432;
    font-size:12px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.03em;
  }
  
  .rc-product-thumb{
    position:relative;
    margin:16px 0 18px;
    border-radius:18px;
    background:#eef1f4;
    aspect-ratio:4/3;
    overflow:hidden;
  }
  
  .rc-product-thumb::before{
    content:"";
    position:absolute;
    width:120px;
    height:120px;
    right:10px;
    top:10px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(195,20,50,.18) 0%, rgba(195,20,50,0) 70%);
  }
  
  .rc-product-title{
    margin:0 0 8px;
    font-family:'Oswald',sans-serif;
    font-size:22px;
    font-weight:500;
    line-height:1.15;
    color:#171a21;
  }
  
  .rc-product-meta{
    margin:0 0 10px;
    font-size:14px;
    font-weight:500;
    line-height:1.65;
    color:#6b7280;
  }
  
  .rc-price{
    font-family:'Oswald',sans-serif;
    font-size:30px;
    font-weight:600;
    line-height:1;
    color:#c31432;
  }
  
  /* MARCAS */
  .rc-brand-row{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:18px;
  }
  
  .rc-brand{
    min-height:92px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid rgba(217,221,227,.75);
    border-radius:20px;
    box-shadow:0 8px 20px rgba(17,17,17,.05);
    font-family:'Oswald',sans-serif;
    font-size:24px;
    font-weight:500;
    line-height:1;
    color:#171a21 !important;
    transition:.25s ease;
  }
  
  .rc-brand:hover{
    transform:translateY(-3px);
    border-color:rgba(195,20,50,.35);
    color:#c31432 !important;
  }
  
  /* CONFIANZA */
  .rc-trust{
    background:#fff;
    border:1px solid rgba(217,221,227,.75);
    border-radius:28px;
    padding:34px;
    box-shadow:0 10px 25px rgba(17,17,17,.06);
  }
  
  .rc-trust h3{
    margin:0 0 18px;
    font-family:'Oswald',sans-serif;
    font-size:30px;
    font-weight:600;
    line-height:1.15;
    color:#171a21;
  }
  
  .rc-trust-list{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
    list-style:none;
    padding:0;
    margin:0;
  }
  
  .rc-trust-list li{
    position:relative;
    padding-left:22px;
    font-size:15px;
    font-weight:700;
    line-height:1.65;
    color:#1f2937;
  }
  
  .rc-trust-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#c31432;
  }
  
  /* SEO / FAQ */
  .rc-seo-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
  }
  
  .rc-seo-box{
    background:#fff;
    border:1px solid rgba(217,221,227,.75);
    border-radius:24px;
    padding:28px;
    box-shadow:0 10px 25px rgba(17,17,17,.06);
  }
  
  .rc-seo-box h3{
    margin:0 0 12px;
    font-family:'Oswald',sans-serif;
    font-size:24px;
    font-weight:500;
    line-height:1.15;
    color:#171a21;
  }
  
  .rc-seo-box p,
  .rc-seo-box li{
    font-size:15px;
    font-weight:500;
    line-height:1.7;
    color:#6b7280;
  }
  
  .rc-seo-box ul{
    margin:0;
    padding-left:18px;
  }
  
  .rc-section:last-of-type{
    margin-bottom: 40px;
  }

  /* RESPONSIVE */
  @media (max-width:1199px){
    .rc-hero{
      grid-template-columns:1fr;
    }
  
    .rc-grid,
    .rc-grid-dark,
    .rc-product-grid{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
  
    .rc-brand-row{
      grid-template-columns:repeat(3,minmax(0,1fr));
    }
  
    .rc-trust-list{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
  
    .rc-seo-grid{
      grid-template-columns:1fr;
    }
  }
  
  @media (max-width:767px)
  {
    .rc-container{
      padding:0 14px;
    }
  
    .rc-section{
      margin-bottom:26px;
    }
  
    .rc-hero{
      padding:24px;
      border-radius:20px;
    }
  
    .rc-hero-copy h1{
      font-size:38px;
    }
  
    .rc-hero-copy p{
      font-size:16px;
    }
  
    .rc-hero-visual{
      min-height:260px;
    }
  
    .rc-mini-card-1{
      width:110px;
      height:140px;
      top:70px;
      left:20px;
    }
  
    .rc-mini-card-2{
      width:130px;
      height:165px;
      top:35px;
      left:130px;
    }
  
    .rc-mini-card-3{
      width:100px;
      height:125px;
      top:120px;
      left:270px;
    }
  
    .rc-grid,
    .rc-grid-dark,
    .rc-product-grid,
    .rc-brand-row,
    .rc-trust-list{
      grid-template-columns:1fr;
    }
  
    .rc-card,
    .rc-card-dark,
    .rc-product-card,
    .rc-seo-box,
    .rc-trust{
      border-radius:20px;
    }
  
    .rc-brand{
      min-height:78px;
      font-size:22px;
    }
  }

  .rc-link-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
  }
  
  .rc-link-box{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:68px;
    padding:18px 20px;
    border-radius:18px;
    background:linear-gradient(180deg,#14171d 0%,#202633 100%);
    border:1px solid rgba(255,255,255,.06);
    box-shadow:0 10px 24px rgba(17,17,17,.14);
    color:#ffffff !important;
    font-family:'Oswald',sans-serif;
    font-size:22px;
    font-weight:500;
    line-height:1.1;
    letter-spacing:.2px;
    transition:all .25s ease;
    overflow:hidden;
  }
    
  .rc-link-box::after{
    content:"→";
    position:relative;
    z-index:2;
    margin-left:12px;
    font-family:'Manrope',sans-serif;
    font-size:18px;
    font-weight:800;
    color:#ff7483;
    transition:transform .25s ease, color .25s ease;
  }
  
  .rc-link-box:hover{
    transform:translateY(-3px);
    border-color:rgba(195,20,50,.30);
    box-shadow:0 16px 30px rgba(17,17,17,.20);
    color:#ffffff !important;
  }
  
  .rc-link-box:hover::after{
    transform:translateX(3px);
    color:#ffffff;
  }
  
  @media (max-width:1199px){
    .rc-link-grid{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
  }
  
  @media (max-width:767px){
    .rc-link-grid{
      grid-template-columns:1fr;
    }
  
    .rc-link-box{
      min-height:60px;
      padding:16px 18px;
      font-size:20px;
      border-radius:16px;
    }
  }


  .rc-trust-intro{
    margin:0 0 20px;
    font-family:'Manrope', sans-serif;
    font-size:16px;
    font-weight:500;
    line-height:1.7;
    color:#6b7280;
    max-width:920px;
  }



  .rc-faq-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
  }
  
  .rc-faq-item{
    background:#fff;
    border:1px solid rgba(217,221,227,.75);
    border-radius:24px;
    padding:28px;
    box-shadow:0 10px 25px rgba(17,17,17,.06);
  }
  
  .rc-faq-item h3{
    margin:0 0 12px;
    font-family:'Oswald',sans-serif;
    font-size:24px;
    font-weight:500;
    line-height:1.15;
    color:#171a21;
  }
  
  .rc-faq-item p{
    margin:0;
    font-family:'Manrope',sans-serif;
    font-size:15px;
    font-weight:500;
    line-height:1.75;
    color:#6b7280;
  }
  
  @media (max-width:991px){
    .rc-faq-list{
      grid-template-columns:1fr;
    }
  }

/*****************************/

.doble-linea {
    border-bottom: 1px solid var(--sub-color);
    text-transform: uppercase;
    font-size: 2.5rem;
    line-height: 2rem;
    margin-bottom: 2rem;
    color: var(--main-color) !important;
}

.doble-linea a {
  color: var(--main-color) !important;
}

.doble-linea::after {
    width: 35%;
    content: "";
    display: block;
    background: var(---sub-color);
    height: 2px;
    position: relative;
    bottom: 0;
    margin: 5px auto 0;
}

/*****************************/

.block-categorias, .block-pie-pagina
{
  & h1
  {
    padding: 25px 0px 15px !important;
  }

	& h2
	{
		font-weight: 700;
    color: var(--main-color) !important;
    padding: 25px 0px 15px !important;
    border-bottom: 1px solid;
    margin-bottom: 15px !important;

		& a
		{
			color: var(--main-color) !important;
		}
	}

  & h3
	{
		font-weight: 700;
    color: var(--main-color) !important;
    padding: 25px 0px 15px !important;

		& a
		{
			color: var(--main-color) !important;
		}
	}
	
	& h5
	{
		font-size: 1.2rem;
		font-weight: 400;
		
			& a
			{
					margin-top:1rem !important;
					color:var(--main-color) !important;
					border: 1px dashed var(--main-color) !important;
					display:block;
					width:70%;
					margin:0 auto;
					padding:0.5rem;
					
					&:hover
					{
						color:var(--sub-color) !important;
						border: 1px dashed var(--sub-color) !important;
					}
			}
	}

  & p
  {
    line-height: 2rem;
    text-align: justify;
  }
}


.rc-grid-5{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

@media (max-width:1199px){
  .rc-grid-5{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:767px){
  .rc-grid-5{
    grid-template-columns:1fr;
  }
}