/*
 Theme Name: Astra Child (CloudTech)
 Theme URI: https://wpastra.com/
 Description: Child theme para Astra con plantillas tipo hosting (Bluehost-like).
 Author: CloudTech
 Template: astra
 Version: 1.0.0
*/
:root{
  --brand:#1e73be;
  --brand-2:#0b5aa5;
  --accent:#22c55e;
  --bg:#f7fafc;
  --text:#1f2937;
  --muted:#6b7280;
  --white:#fff;
  --radius:14px;
  --shadow:0 10px 30px rgba(2,14,34,.08);
}
.wpct-container{max-width:1180px;margin:0 auto;padding:28px 18px}
.wpct-hero{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:var(--white);border-radius:var(--radius);padding:48px 28px;box-shadow:var(--shadow)}
.wpct-hero h1{font-size:clamp(28px,5vw,44px);margin:0 0 10px;font-weight:800}
.wpct-hero p{margin:0 0 22px;color:#eaf2fb;font-size:clamp(15px,2.4vw,18px)}
.wpct-cta{display:flex;gap:12px;flex-wrap:wrap}
.wpct-btn{appearance:none;border:0;border-radius:999px;padding:12px 20px;font-weight:700;cursor:pointer;box-shadow:var(--shadow)}
.wpct-btn.primary{background:var(--accent);color:#083d1a}
.wpct-btn.secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2)}
/* tabs */
.wpct-tabs{margin-top:26px}
.wpct-tablist{display:flex;gap:8px;flex-wrap:wrap}
.wpct-tab{background:#fff;border:1px solid #e5e7eb;color:var(--text);padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .2s}
.wpct-tab[aria-selected="true"], .wpct-tab:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.wpct-panels{margin-top:18px}
.wpct-panel{display:none;background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.wpct-panel.active{display:block}
/* grids */
.wpct-grid{display:grid;gap:16px}
.wpct-grid.cols-3{grid-template-columns:repeat(1,1fr)}
@media(min-width:720px){.wpct-grid.cols-3{grid-template-columns:repeat(3,1fr)}}
/* cards */
.wpct-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.wpct-card h3{margin:0 0 8px;font-size:18px}
.price{font-size:32px;font-weight:800;color:var(--brand)}
.wpct-list{margin:10px 0 0;padding-left:18px}
.wpct-list li{margin:6px 0}
/* rows */
.wpct-row{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:940px){.wpct-row{grid-template-columns:1.2fr .8fr}}
.wpct-illus{background:linear-gradient(135deg,#eef2ff,#e6f6ff);border-radius:var(--radius);min-height:220px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#334155}
.wpct-footer{text-align:center;color:var(--muted);margin-top:28px}
/* sections spacing */
.wpct-section{margin:32px 0}


/* Slider */
.wpct-slider{position:relative;height:340px;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.wpct-slide{position:absolute;inset:0;transition:opacity .6s ease}
.wpct-slide img{width:100%;height:100%;object-fit:cover}
/* Domain search */
.wpct-domain{display:flex;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:8px 10px;box-shadow:var(--shadow);max-width:760px}
.wpct-domain input{flex:1 min(420px);min-width:220px;border:0;outline:0;font-size:16px}
.wpct-domain button{border:0;border-radius:999px;padding:10px 18px;background:var(--accent);font-weight:700;cursor:pointer}
.wpct-domain small{color:var(--muted)}
/* Pricing tables */
.wpct-pricing{display:grid;gap:16px;grid-template-columns:repeat(1,1fr)}
@media(min-width:860px){.wpct-pricing{grid-template-columns:repeat(3,1fr)}}
.wpct-price-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:var(--shadow);padding:22px}
.wpct-price-card h3{margin:0 0 8px}
.wpct-price{font-size:40px;font-weight:800;color:var(--brand);margin:10px 0}
.wpct-badge{display:inline-block;background:#eef6ff;border:1px solid #dbeafe;color:#0b5aa5;padding:6px 10px;border-radius:999px;font-size:12px;margin-left:8px}
.wpct-cta-btn{display:inline-block;margin-top:10px;border:0;border-radius:999px;padding:10px 16px;background:var(--brand);color:#fff;font-weight:700;cursor:pointer}
/* Testimonials */
.wpct-testimonials{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:860px){.wpct-testimonials{grid-template-columns:repeat(3,1fr)}}
.wpct-quote{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;box-shadow:var(--shadow);font-style:italic}
/* FAQ */
.wpct-faq details{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;box-shadow:var(--shadow)}
.wpct-faq summary{cursor:pointer;font-weight:700}