/* ==================(((__estilos generales__)))==================== */
.a_r {text-align:right;}
.a_c {text-align:center;}
.a_l {text-align:left;}
.f_b {font-weight:bold;}
.n_w {white-space:nowrap;}
.c_b {color:#0cf;}

.opa05{opacity:0.5;}
.opa06{opacity:0.6;}
.opa07{opacity:0.7;}
.opa10{opacity:1.0;}

.w50{width:50px;max-width:100%;}
.w75{width:75px;max-width:100%;}
.w100{width:100px;max-width:100%;}
.w150{width:150px;max-width:100%;}
.w200{width:200px;max-width:100%;}
.w250{width:250px;max-width:100%;}
.w300{width:300px;max-width:100%;}
.w350{width:350px;max-width:100%;}
.w400{width:400px;max-width:100%;}
.w500{width:500px;max-width:100%;}
.w600{width:600px;max-width:100%;}
.w700{width:700px;max-width:100%;}

.w30p{min-width:30%;max-width:100%;}
.w50p{min-width:50%;max-width:100%;}
.w70p{min-width:70%;max-width:100%;}
.w80p{min-width:80%;max-width:100%;}
.w100p{min-width:100%;max-width:100%;}
img {max-width:100%;}
em{color:#888;}
blockquote {
	font-family: Georgia, serif;
	font-size: 1.3em;
	font-style: italic;
	margin: 0.7em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #666;
}
blockquote:before {
	display: block;
	content: '“';
	font-size: 80px;
	position: absolute;
	left: 0px;
	top: -20px;
	color: #ee6633;
}
.img_dec{
	padding:2px;
	border:1px #008 solid;
	background-color:#ddd;
}

	#sergi-rodrigues-rius{background-color:#333;color:#ddd;}
	#sergi-rodrigues-rius h1{color:#fff8!important;letter-spacing:1px;}
	#sergi-rodrigues-rius .tagline{color:#fff;margin-bottom:2em;font-weight:bold;}	
	
	.quote{font-style:italic;font-size:1.1em;padding: 20px; border-left: 4px solid #3498db;max-width: 600px;margin: 20px auto;}
	.quote.dark{background: #0006; color:#aaa;}
	.quote p{margin:0;}


/* TOP BAR */
#container1 h1{margin-bottom: 0;  font-size: 1.7rem;  letter-spacing: 2px; color:#111;}
#container1 a:hover, #container1 h1:hover{text-decoration:none!important;}
#container1 h1:hover{color:#3498db!important;}


        /* Header hero */
        .hero {
            background: url('2025/background.srodrigues.jpg') center/cover;
            height: 100vh;
            text-align: center;
            color: #000;
            padding: 20px;
        }

        .hero h2{ display:inline-block; padding: 1em; width:80%;max-width:800px;margin:1em auto;text-align:center;}
        .hero h2 span{ color:#3498db;}
        .hero ul{ font-size: 1.1em; background-color:#fff8; margin:0;padding: 1em; padding-right:2em;}
        
        @media (max-width: 799px) {
        
			.hero h2{ width:100%; font-size:2.0rem;padding:0;}
			.hero ul{ font-size: 1em; padding-left:3em;padding-right:3em; }
			.hero ul li{ list-style-type:none;text-align:center;}
        }

        .profile-img {
            width: 330px;
            border-radius: 50%;
            margin-bottom: 20px;
            border: 10px solid #555;
        }

        /* Secciones */
        section {
            padding: 80px 20px;
            margin: 0 auto;
        }

        .section-title {
            text-align: center;
            font-size: 2.5rem;
            margin-bottom: 40px;
            color: #2c3e50;
        }

        /* Servicios */
        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }

        .service-card {
            background: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
        }

        .service-card:hover {
            transform: translateY(-10px);
        }

        /* Formulario de contacto */
        p.form_field_4 {
            text-align:center;
            font-weight: bold;
            margin:2em 1em;
        }

        .n_w {
            white-space: nowrap;
        }
        
        /* Responsive */
        @media (max-width: 768px) {
            .services-grid {
                grid-template-columns: 1fr;
            }
            .profile-img {
		width: 300px;
            }
            section {
                padding: 50px 20px;
            }
        }