Preview de mixed.css
/* MIXED CSS PACK */
/* Template: construccionesquiroga.com.ar/index.html */
/* Template mtime: 2025-07-15 14:45:11 */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap */
/* external link (no embedded): https://unpkg.com/[email protected]/dist/aos.css */
/* ===== INLINE <style> BLOCK #1 ===== */
:root {
--qc-primary: #1253c3;
--qc-secondary: #0d6efd;
--qc-accent: #ff6b35;
--qc-dark: #1a1a2e;
--qc-light: #f8f9fa;
--qc-gradient: linear-gradient(135deg, var(--qc-primary), var(--qc-secondary));
}
body {
font-family: 'Montserrat', sans-serif;
color: #333;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, .section-title {
font-family: 'Playfair Display', serif;
font-weight: 700;
}
/* Navbar */
.navbar {
background-color: rgba(26, 26, 46, 0.95) !important;
backdrop-filter: blur(10px);
transition: all 0.3s ease;
}
.navbar.scrolled {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.navbar-brand {
font-weight: 700;
font-size: 1.5rem;
background: var(--qc-gradient);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.nav-link {
font-weight: 500;
position: relative;
padding: 0.5rem 1rem;
}
.nav-link::after {
content: '';
position: absolute;
bottom: 0;
left: 1rem;
width: 0;
height: 2px;
background: var(--qc-accent);
transition: width 0.3s ease;
}
.nav-link:hover::after {
width: calc(100% - 2rem);
}
/* Hero */
#inicio {
background: linear-gradient(135deg, rgba(18, 83, 195, 0.9), rgba(13, 110, 253, 0.9)), url("img/herox2.png") center/cover no-repeat fixed;
color: #fff;
min-height: 100vh;
display: flex;
align-items: center;
text-align: center;
position: relative;
overflow: hidden;
}
#inicio::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background: linear-gradient(to top, var(--qc-light), transparent);
z-index: 1;
}
#inicio .container {
position: relative;
z-index: 2;
}
#inicio h1 {
font-size: 3.5rem;
font-weight: 700;
margin-bottom: 1.5rem;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
#inicio p {
font-size: 1.5rem;
margin-bottom: 2.5rem;
font-weight: 300;
}
.hero-buttons .btn {
padding: 0.75rem 2rem;
font-weight: 600;
border-radius: 50px;
transition: all 0.3s ease;
margin: 0.5rem;
}
.btn-primary {
background: var(--qc-gradient);
border: none;
}
.btn-outline-light:hover {
background: rgba(255, 255, 255, 0.1);
}
/* Section Titles */
.section-title {
font-size: 2.5rem;
margin-bottom: 3rem;
position: relative;
display: inline-block;
}
.section-title::after {
content: '';
position: absolute;
bottom: -10px;
left: 0;
width: 60px;
height: 4px;
background: var(--qc-accent);
border-radius: 2px;
}
.text-center .section-title::after {
left: 50%;
transform: translateX(-50%);
}
/* Cards */
.card {
border: none;
border-radius: 15px;
overflow: hidden;
transition: all 0.3s ease;
height: 100%;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}
.card-icon {
font-size: 2.5rem;
margin-bottom: 1rem;
background: var(--qc-gradient);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.card-title {
font-weight: 700;
margin-bottom: 1rem;
}
/* Features */
.feature-box {
padding: 2rem;
border-radius: 15px;
background: white;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
height: 100%;
}
.feature-box:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}
.feature-icon {
font-size: 2.5rem;
margin-bottom: 1.5rem;
background: var(--qc-gradient);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
/* Carousel */
#carouselTrabajos {
padding: 2rem 0;
}
#carouselTrabajos img {
max-width: 700px;
height: 450px;
object-fit: cover;
border-radius: 15px;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}
.carousel-control-prev, .carousel-control-next {
width: 50px;
height: 50px;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
backdrop-filter: blur(5px);
}
/* Accordion */
.accordion-button {
font-weight: 600;
padding: 1.25rem;
}
.accordion-button:not(.collapsed) {
background-color: rgba(13, 110, 253, 0.05);
color: var(--qc-primary);
}
.accordion-button:focus {
box-shadow: none;
border-color: rgba(13, 110, 253, 0.2);
}
/* Contact Form */
.form-control, .form-select {
padding: 0.75rem 1rem;
border-radius: 10px;
border: 1px solid #e0e0e0;
}
.form-control:focus, .form-select:focus {
border-color: var(--qc-primary);
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
/* Floating buttons */
.floating-btn {
position: fixed;
right: 2rem;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.75rem;
color: #fff;
z-index: 1050;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
}
.floating-btn:hover {
transform: scale(1.1);
}
.floating-btn.whatsapp {
bottom: 6rem;
background: #25D366;
}
.floating-btn.instagram {
bottom: 2rem;
background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}
/* Footer */
footer {
background-color: var(--qc-dark);
position: relative;
overflow: hidden;
}
footer::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: var(--qc-gradient);
}
footer h5 {
font-weight: 700;
margin-bottom: 1.5rem;
color: white;
}
footer a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
transition: all 0.3s ease;
}
footer a:hover {
color: white;
text-decoration: underline;
}
.social-icons {
display: flex;
gap: 1rem;
margin-top: 1.5rem;
}
.social-icons a {
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.1);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.social-icons a:hover {
background: var(--qc-primary);
transform: translateY(-3px);
}
/* Responsive Adjustments */
@media (max-width: 992px) {
#inicio h1 {
font-size: 2.75rem;
}
#inicio p {
font-size: 1.25rem;
}
.section-title {
font-size: 2rem;
}
}
@media (max-width: 768px) {
#inicio h1 {
font-size: 2.25rem;
}
.hero-buttons .btn {
display: block;
width: 100%;
margin: 0.5rem 0;
}
#carouselTrabajos img {
height: 300px;
}
.floating-btn {
width: 50px;
height: 50px;
font-size: 1.5rem;
right: 1rem;
}
.floating-btn.whatsapp {
bottom: 5rem;
}
}
/* Animations */
.fade-in {
animation: fadeIn 1s ease-in-out;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.pulse {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
@media (max-width: 768px) {
#inicio {
background-attachment: scroll !important;
background-position: center top !important;
}
}
/* Lower hero text */
#inicio .container {
margin-top: 5rem; /* adjust as needed */
}
@media (min-width: 992px) {
#inicio .container {
margin-top: 7rem;
}
}
/* Custom Scrollbar */
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: var(--qc-primary);
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
background: var(--qc-secondary);
}
Manifest preview
{
"template": "construccionesquiroga.com.ar/index.html",
"template_mtime": 1752590711,
"template_mtime_human": "2025-07-15T14:45:11+00:00",
"css_links_found": [
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
"https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css",
"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap",
"https://unpkg.com/[email protected]/dist/aos.css"
],
"css_links_external": [
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
"https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css",
"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap",
"https://unpkg.com/[email protected]/dist/aos.css"
],
"css_links_embedded": [],
"inline_style_blocks": 1,
"inline_imports_external": [],
"inline_imports_embedded": [],
"missing_css_files": []
}